更新

src/components/content/tunnelScene/PreviewScene.vue

@@ -49,17 +49,19 @@ import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
 import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
 import { onMounted, reactive, ref } from "vue";
 import { ElMessage } from "element-plus";
+import { useModelSceneStore } from "@/store/modelSceneStore";
 // 获取html标签跟随组件dom
 const content = ref(null);
 const info = ref(null);
 const edit = ref(null);
+const store = useModelSceneStore();
 let demo; //定义demo全局变量
 // const loader = new OBJLoader();
 const loader = new OBJLoader();
 let hdrLoader = new RGBELoader();
 let backColorSet = three.sRGBEncoding;
 
-const params = defineProps(["isedit"]); //接收参数看是不是编辑模式，如果是编辑模式，则需要做一些处理
+const params = defineProps(["isedit", "tunnelId"]); //接收参数看是不是编辑模式，如果是编辑模式，则需要做一些处理
 
 // alert(params.isedit)
 
@@ -84,7 +86,8 @@ async function handleMounted() {
 
     //加载HDR背景图片
     demo.loadBackground(hdrLoader, backColorSet);
-
+    console.log("xxxx", params.tunnelId);
+    const text = await store.initData(params.tunnelId);
     // 初始化设备模型
     try {
         //在这加载隧道
@@ -93,7 +96,8 @@ async function handleMounted() {
         map.set("equ_sensors", await loadModel("/devicesModel/sensors.obj"));
         // 给对象初加载设备模型
         demo.initDevicesModel(map);
-        demo.previewtunnelModeInit();
+        const equipmentList = await store.getEquipmentList();
+        demo.previewtunnelModeInit(equipmentList);
     } catch (err) {
         console.log(err);
     }

src/components/content/tunnelScene/TunnelScene.vue

@@ -87,7 +87,8 @@ async function handleMounted() {
 
   //加载HDR背景图片
   demo.loadBackground(hdrLoader, backColorSet);
-  const text = await store.initData();
+  console.log("xxxx", params.tunnelId);
+  const text = await store.initData(params.tunnelId);
   // 初始化设备模型
   try {
     const map = new Map();

src/components/content/tunnelScene/sceneClass/previewTunnelInit/index.js

@@ -1,16 +1,23 @@
-export default function previewtunnelModeInit() {
-
-    for (const item of this.tunnelConfigEquipment) {
-        //使用api取拿到附着点
-        let pointmodel = this.scene.getObjectByName(item.pointName)
-        pointmodel.hasDevice;
-        let formInfo = {
+export default function previewtunnelModeInit(equipmentList) {
+    // for (const item of this.tunnelConfigEquipment) {
+    //     //使用api取拿到附着点
+    //     let pointmodel = this.scene.getObjectByName(item.pointName)
+    //     pointmodel.hasDevice;
+    //     let formInfo = {
+    //         equipmentType: item.equipmentType, //设备类型
+    //         chooseEquipment: item.equipmentName, //设备选择(设备名称)
+    //         threshold: item.equipmentValue, //阈值
+    //     }
+    //     this.addEquipment(pointmodel, formInfo);
+    // }
+    equipmentList.forEach((item) => {
+        const formInfo = {
             equipmentType: item.equipmentType, //设备类型
-            chooseEquipment: item.equipmentName, //设备选择(设备名称)
-            threshold: item.equipmentValue, //阈值
-        }
-        this.addEquipment(pointmodel, formInfo);
-    }
+            chooseEquipment: item.chooseEquipment, //设备选择(设备名称)
+            threshold: item.threshold,
+        };
+        this.addEquipment(this.scene.getObjectByName(item.position), formInfo);
+    });
     //进行预览和编辑模式的一些操作
     if (this.isedit == false) {
         this.scene.traverse(function (item) {

src/views/tunnel/index.vue

@@ -26,12 +26,13 @@
     </div>
     <!-- <tunnel-scene id="tunnel-box" :isedit="false" /> -->\
     <!-- 一进去的话应该是预览模式，所以引入这个组件 -->
-    <preview-scene id="tunnel-box" :isedit="false"></preview-scene>
+    <preview-scene id="tunnel-box" :isedit="false" :tunnelId="tunnelId"></preview-scene>
     <div class="left">
       <el-drawer v-model="drawerLeft" direction="ltr" modal-class="modal-box" :modal="false" :show-close="false"
         :close-on-click-modal="false" :close-on-press-escape="false">
-        <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData" :transducer-data="largeScreenData"/>
-<!--        <transducer-list v-if="showFan" :list="socketData.leftData" :transducer-data="largeScreenData" />-->
+        <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData"
+          :transducer-data="largeScreenData" />
+        <!--        <transducer-list v-if="showFan" :list="socketData.leftData" :transducer-data="largeScreenData" />-->
         <used-ele v-if="showFan" :list="socketData.leftData" :ele-data="largeScreenData" />
       </el-drawer>
       <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>