From f02de265bad1d3f197fb8e5d8d6bf82f96bb2baf Mon Sep 17 00:00:00 2001 From: liujiangyong Date: Thu, 18 May 2023 10:16:03 +0800 Subject: [PATCH] =?UTF-8?q?=E7=82=B9=E4=BD=8D=E5=B8=83=E8=AE=BEUI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/client/assets/images/no_deploy.svg | 109 ++++++++++++++++++ .../containers/pointDeploy/default.js | 59 ++++++---- .../containers/pointDeploy/deploy-style.less | 17 +++ 3 files changed, 162 insertions(+), 23 deletions(-) create mode 100644 web/client/assets/images/no_deploy.svg diff --git a/web/client/assets/images/no_deploy.svg b/web/client/assets/images/no_deploy.svg new file mode 100644 index 0000000..1a90a75 --- /dev/null +++ b/web/client/assets/images/no_deploy.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/client/src/sections/projectRegime/containers/pointDeploy/default.js b/web/client/src/sections/projectRegime/containers/pointDeploy/default.js index 74b4be4..3c54454 100644 --- a/web/client/src/sections/projectRegime/containers/pointDeploy/default.js +++ b/web/client/src/sections/projectRegime/containers/pointDeploy/default.js @@ -134,7 +134,7 @@ class ConfigPlanarGraph extends Component { const { spots, deployState, searchValue, partsSpots } = this.state; const that = this; let h = clientHeight / 1.3; - let w = clientWidth / 1.3; + let w = clientWidth / 1.4; function dealPosition(spot, item) { if (spot.deployed) { item.x = spot.rect.x + spot.move.x; @@ -305,29 +305,41 @@ class ConfigPlanarGraph extends Component { const { deployState, spots, filteredSpots, dataHasChanged } = this.state; const treeDataSource = this.formatTreeSource(filteredSpots); let h = clientHeight / 1.3; - let w = clientWidth / 1.3; + let w = clientWidth / 1.4; return (
+
+ + 布设信息 +  DEPLOYMENT INFORMATION +
- -
- - - -
- this.onSearch(e.target.value)} - /> + +
+
+ + + +
+
点位：
+
+
+
+ this.onSearch(e.target.value)} + /> +
+
+ { + treeDataSource ? +
+ + {this.loop(treeDataSource)} +
:
暂无点位
+ }
- { - treeDataSource ? -
- - {this.loop(treeDataSource)} -
:
暂无点位
- } @@ -341,12 +353,13 @@ class ConfigPlanarGraph extends Component { onRemoveSpot={this.onRemoveSpot} onDeploySpot={this.onDeploySpot} /> - :
- 暂无热点图 + :
+ +
暂无热点图～
}
-
说明：拖拽点位进行布设，拖出画布移除点位。
+
说明：拖拽点位进行布设，拖出画布移除点位。
{ pictureInfo ?
diff --git a/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less b/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less index 2894275..68f05e0 100644 --- a/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less +++ b/web/client/src/sections/projectRegime/containers/pointDeploy/deploy-style.less @@ -36,6 +36,8 @@ .patrolLayout { margin-top: 20px; + background-color: #fff; + padding: 10px 16px; .ant-layout { background-color: transparent; @@ -48,6 +50,8 @@ .search-panel { text-align: center; + margin-bottom: 7px; + .btn-spots-filter { //选中的 background-color: #3198F7; @@ -117,4 +121,17 @@ .ant-btn-primary:focus { border-color: #3198f7; } +} + +.PingFangSC-Regular { + font-family: PingFangSC-Regular; + font-weight: 400; + font-size: 14px; + color: #4A4A4A; + line-height: 30px; +} + +.no-deploy-img { + width: 289px; + height: 216px; } \ No newline at end of file