2

src/views/bim/bimHome/components/BuildTree.vue

@@ -115,7 +115,45 @@ const data = reactive({
                         value: 100
                     }
                 ],
-                children: []
+                children: [{
+                    label: '糖化间-墙面5',
+                    id: '0-0-1-0',
+                    clickName: 'tanghua_wall5',
+                    children: [],
+                    info: {
+                        name: '糖化间-墙面5',
+                        area: '4 ㎡',
+                        qthd: '4 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                },{
+                    label: '糖化间-墙面6',
+                    id: '0-0-1-1',
+                    clickName: 'tanghua_wall6',
+                    children: [],
+                    info: {
+                        name: '糖化间-墙面6',
+                        area: '4 ㎡',
+                        qthd: '4 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                }]
             }, {
                 label: '原料处理间',
                 id: '0-0-2',
@@ -156,7 +194,45 @@ const data = reactive({
                         value: 150
                     }
                 ],
-                children: []
+                children: [{
+                    label: '原料处理间-墙面8',
+                    id: '0-0-2-0',
+                    clickName: 'yuanliao_wall8',
+                    children: [],
+                    info: {
+                        name: '原料处理间-墙面8',
+                        area: '8 ㎡',
+                        qthd: '4 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                },{
+                    label: '原料处理间-墙面9',
+                    id: '0-0-2-1',
+                    clickName: 'yuanliao_wall9',
+                    children: [],
+                    info: {
+                        name: '原料处理间-墙面9',
+                        area: '9 ㎡',
+                        qthd: '9 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                }]
             }, {
                 label: '投料间',
                 id: '0-0-3',
@@ -197,7 +273,45 @@ const data = reactive({
                         value: 40
                     }
                 ],
-                children: []
+                children: [{
+                    label: '投料间-墙面6',
+                    id: '0-0-3-0',
+                    clickName: 'touliao_wall6',
+                    children: [],
+                    info: {
+                        name: '投料间-墙面6',
+                        area: '6 ㎡',
+                        qthd: '6 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                },{
+                    label: '投料间-墙面7',
+                    id: '0-0-3-1',
+                    clickName: 'touliao_wall7',
+                    children: [],
+                    info: {
+                        name: '投料间-墙面7',
+                        area: '7 ㎡',
+                        qthd: '7 cm',
+                        cllx: '混凝土',
+                        bwclx: '外墙保温',
+                        smcl: '乳胶漆',
+                        cznl: '22 kPa',
+                        status: '启用',
+                        date: '2013年11月11日',
+                        lastDate: '2020年12月3日',
+                        desc: '原料糖化车间，负责原料糖化，启用于2011年',
+                        remark: '备注'
+                    }
+                }]
             }],
         }
     ],

src/views/bim/bimHome/components/ThreeView2.vue

@@ -98,21 +98,11 @@ const { isAddLabel, isRemoveBottom, isShowWall } = toRefs(data);
 Bus.on('clickBuild', (isParent) => {
     // Todo
     console.log('clickBuild', isParent);
-    if (!isParent) {// 点击子级
     var clickName = bimStore().activateTree.clickName;
     var Floor = scene.getObjectByName(clickName);
-
-        //投放间坐标 x: 42.6454163 y: 5.36651754 z: -95.03277
-        //糖化间坐标 x: 27.127655 y: 8.55 z: -6.132766
-        //原料处理间坐标 x: 27.6954441 y: 10.7530384 z: -37.73485
-
-        // 拉近场景
-        // nearCamera(Floor);
-
     boxLight(Floor);
     
     return;
-    }
 })
 // 设备树点击
 Bus.on('clickDevice', (isParent) => {
@@ -588,10 +578,11 @@ const setBottom = () => {
 // 消防
 const xiaof = () => {
     xfobj.forEach((o) => {
-        xfadd(o, Math.random() < 0.3);
+        xfadd(o, Math.random() < 0.3, name);
     })
 }
 let xfobj = [];
+let sprite = null;
 // 消防标签
 const xfadd = (obj, state) => {
     const texLoader = new THREE.TextureLoader();
@@ -604,14 +595,33 @@ const xfadd = (obj, state) => {
     const spriteMaterial = new THREE.SpriteMaterial({
         map: texture,
     });
-    const sprite = new THREE.Sprite(spriteMaterial);
+    sprite = new THREE.Sprite(spriteMaterial);
     // 控制精灵大小
     sprite.scale.set(5, 5, 5);
     sprite.position.y = 10; //标签底部箭头和空对象标注点重合  
     obj.add(sprite); //tag会标注在空对象obj对应的位置
+    console.log(123, obj)
+}
+// 移除消防标签
+const removexf = () => {
+    model.traverse(e => {
+        if (e.isMesh && e.children.length > 0) {
+            e.remove(e.children[0])
+        } else {
+            e.traverse(o => {
+                if (o.isMesh && o.children.length > 0) {
+                    o.remove(o.children[0])
+                }
+            })
+
+        }
+    })
+    scene.remove(sprite);
 }
 // 更换纹理贴图方法
 const changeMap = (img) => {
+    // 测试移除消防图标
+    // removexf();
     isShowWall.value = true;
     // 获取墙体
     model.traverse(e => {
@@ -646,6 +656,7 @@ const changeMap = (img) => {
 // 巡检
 const check = () => {
     if (currentIndex < romeObj.length) {
+        // .getWorldPosition()属性需要用三维向量表示摸个坐标后方可读取
         var checkPosition = checkArr[checkindex].getWorldPosition(new THREE.Vector3());
 
         gsap.to(camera.position, {
@@ -815,16 +826,11 @@ const checkComplete = () => {
         }
     }
 }
-
-.pass {
-    color: #0caf71;
-}
-
-.nopass {
-    color: #fc1818;
-}
 .arrow_outer {
+    width: 100px;
     display: flex;
-    
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
 }
 </style>