形象进度

yanzhu-bigscreen/src/views/bimManage.vue

@@ -234,7 +234,7 @@
         <span class="sp-text">电箱监控</span>
       </div>
     </div>
-    <div class="plan-chart" :class="{ isShow: leftShow, isHide: !leftShow }" v-if="mode=='plan'">
+    <div class="plan-legend" :class="{ isShow: leftShow, isHide: !leftShow }" v-if="mode == 'plan'">
       <div class="plan-item">
         <span style="background: rgba(59, 255, 0, 1)"></span>
         <span>提前完工</span>
@@ -251,7 +251,6 @@
         <span style="background: rgba(0, 0, 255, 1)"></span>
         <span>正在施工</span>
       </div>
-
     </div>
     <video-dialog ref="videoDlg"></video-dialog>
   </div>
@@ -791,6 +790,7 @@ export default {
       }, 10);
     },
     loadEngine() {
+      console.log("开始初始化...");
       window.bimMgrApi = new SAPI(
         {
           serverIP: window.config.serverIP, //服务ip地址
@@ -960,15 +960,23 @@ export default {
           });
           //console.log("====>",beforeData,afterData,processData,standData);
           if (allData.length > 0) {
-            allData=allData.map(item=>item.featureId);
+            allData = allData.map((item) => item.featureId);
-            this.models.forEach(model=>{
+            this.models.forEach((model) => {
               api.Model.setAlpha(model.lightweightName, 0.5);
             });
+            if (beforeData.length > 0) {
               api.Feature.setColor(beforeData.map((it) => it.featureId).join("#"), "rgba(59, 255, 0,1)");
+            }
+            if (standData.length > 0) {
               api.Feature.setColor(standData.map((it) => it.featureId).join("#"), "rgba(255,255,255,1)");
+            }
+            if (processData.length > 0) {
               api.Feature.setColor(processData.map((it) => it.featureId).join("#"), "rgba(0,0, 255,1)");
+            }
+            if (afterData.length > 0) {
               api.Feature.setColor(afterData.map((it) => it.featureId).join("#"), "rgba(250, 0, 0,1)");
             }
+          }
         });
       }
     },
@@ -1232,10 +1240,13 @@ export default {
       }
     }
   }
-  .plan-chart{
+  .plan-legend {
     position: absolute;
     top: calc(80vh - 110px);
     right: 40px;
+    padding: 10px 10px 0px;
+    background: #00000080;
+    border-radius: 10px;
     &.isShow {
       right: calc(20% + 140px);
     }
@@ -1243,6 +1254,7 @@ export default {
       display: flex;
       font-size: 12px;
       margin-bottom: 10px;
+      align-items: center;
       span {
         display: block;
         &:first-child {
@@ -1793,6 +1805,44 @@ export default {
         }
       }
     }
+    .div-mode {
+      top: calc(80vh - 170px);
+      border-radius: 20px;
+      padding: 20px 0px;
+      margin-left: -221px;
+      .mode-item {
+        font-size: 24px;
+        line-height: 60px;
+        margin: 0px 20px;
+        padding: 0px 20px;
+        border-radius: 13px;
+        .svg-icon {
+          width: 40px;
+          height: 40px;
+          margin-right: 4px;
+        }
+      }
+    }
+    .plan-legend {
+      top: calc(80vh - 110px);
+      right: 40px;
+      padding: 20px 20px 0px;
+      &.isShow {
+        right: calc(20% + 220px);
+      }
+      .plan-item {
+        font-size: 24px;
+        margin-bottom: 10px;
+        span {
+          display: block;
+          &:first-child {
+            width: 20px;
+            height: 20px;
+            margin-right: 8px;
+          }
+        }
+      }
+    }
     .div-tools {
       border-radius: 10px;
       &.menu-0 {

yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools2.js

@@ -532,10 +532,14 @@ async function selectTreeData(that) {
   let obj = {};
   nodes.forEach((d) => {
     let modelId = d.modelId;
+    if (modelId) {
       if (!obj[modelId]) {
         obj[modelId] = [];
       }
+      if(d.glid){
         obj[modelId].push(d.glid);
+      }
+    }
   });
   for (let modelId in obj) {
     let glids = obj[modelId];