3d模型弹框完善

src/views/index.vue

@@ -123,7 +123,10 @@
         <div style="height:700px" class="index-dialog">
           <el-row :gutter="40">
             <el-col :span="10">
-              <div class="store-container">运行3d大楼</div>
+              <div class="store-container">
+                <!-- <iframe id="myIframe" style="width:100%;height:100%;border:none;"
+                  src='https://www.thingjs.com/s/b11227d4fd5505106989737c?params=105b0f77fd24654d4eebc434e9'></iframe> -->
+              </div>
             </el-col>
             <el-col :span="14">
               <div class="detail-container">
@@ -134,7 +137,6 @@
                     <el-col :span="12">
                       <div class="tit">项目名称：</div>
                       <p>{{this.innerData.building_name}}</p>
-
                       <div class="tit">项目地址：</div>
                       <p>{{this.innerData.address}}</p>
                       <div class="tit">项目坐标：</div>
@@ -187,9 +189,7 @@
                   <br>
                   <el-row :gutter="40">
                     <el-col :span="5">
-                      <!-- <img v-if="this.innerData.dwtype=='YTVA'" src="@/assets/images/va_large_icon.gif" alt="" style="width:105px"> -->
-
-                      <img src="@/assets/images/va_large_icon.gif" alt="" style="width:105px">
+                      <img :src="innerData.imgUrl" alt="" style="width:105px"/>
                     </el-col>
                     <el-col :span="7">
                       <div class="tit">设备名称</div>
@@ -257,9 +257,18 @@ import index3 from "./components/index/index3";
 import index5 from "./components/index/index5";
 import axios from 'axios'
 axios.defaults.baseURL = "/api";
-import $ from 'jquery'
-
+// import $ from 'jquery'
 // import index6 from "./components/index/index6";
+import ui_large from "@/assets/images/status_ui_large.gif" //用户传输装置gif
+import fc_large from "@/assets/images/status_fc_large.gif" //消防控制柜gif
+import ef_large from "@/assets/images/status_ef_large.gif" //电气火灾gif
+import wp_large from "@/assets/images/status_wp_large.gif" //水压gif
+import ll_large from "@/assets/images/status_ll_large.gif" //液位gif
+import ci_large from "@/assets/images/status_ci_large.gif" //环境监测gif
+import va_large from "@/assets/images/status_va_large.gif" //视频监控gif
+import wc_large from "@/assets/images/status_wc_large.gif" //风机控制柜gif
+import sm_large from "@/assets/images/status_sm_large.gif" //烟感gif
+
 export default {
   name: "index",
   components: {
@@ -358,7 +367,7 @@ export default {
     this.yhTable()
     this.initWebSocket()
     this.getBuild()
-
+    
 
 
   },
@@ -449,9 +458,9 @@ export default {
           var data = e.data;
           var funcName = data.funcName;
           var param = data.param;
-          if (funcName) {
-            _this.open = true
-          }
+          // if (funcName) {
+          //   _this.open = true
+          // }
           _this.iconClicj(param.dwtype,param.level)
         })
       })
@@ -470,57 +479,28 @@ export default {
 
         },
       }).then((res) => {
+        this.open = true
         this.currentOneData=res.data.devices[0];
         var dwtype=res.data.devices[0].dwtype
         if (dwtype == "YTUI") {
-         
-            // icon.title = "用户传输装置";
-            // icon.style.top = "0";
-            // icon.style.left = "30px";
-            // icon.style.backgroundImage = `url(${proxy.$img.ui_icon})`;
+          this.innerData.imgUrl=ui_large  //用户传输装置
           } else if (dwtype == "YTFC") {
-            // icon.title = "消防控制柜";
-            // icon.style.top = 10 + "px";
-            // icon.style.left = 68 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.fc_icon})`;
+            this.innerData.imgUrl=fc_large  //消防控制柜
           } else if (dwtype == "YTEF") {
-            // icon.title = "电气火灾";
-            // icon.style.top = 25 + "px";
-            // icon.style.left = 108 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.ef_icon})`;
+            this.innerData.imgUrl=ef_large  //电气火灾
           } else if (dwtype == "YTWP") {
-            // icon.title = "水压";
-            // icon.style.top = 40 + "px";
-            // icon.style.left = 148 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.wp0_icon})`;
+            this.innerData.imgUrl=wp_large  //水压
           } else if (dwtype == "YTLL") {
-            // icon.title = "液位";
-            // icon.style.top = 51 + "px";
-            // icon.style.left = 188 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.ll_icon})`;
+            this.innerData.imgUrl=ll_large  //液位
           } else if (dwtype == "YTCI") {
-            // icon.title = "环境监测";
-            // icon.style.top = 43 + "px";
-            // icon.style.left = 228 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.ci_icon})`;
+            this.innerData.imgUrl=ci_large  //环境监测
           } else if (dwtype == "YTVA") {
-            this.innerData.imgUrl='@/assets/images/va_large_icon.gif'
-            // icon.title = "视频监控";
-            // icon.style.top = 29 + "px";
-            // icon.style.left = 268 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.va_icon})`;
+            this.innerData.imgUrl=va_large  //视频监控
           } else if (dwtype == "YTWC") {
-            // icon.title = "风机控制柜";
-            // icon.style.top = 15 + "px";
-            // icon.style.left = 308 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.wc_icon})`;
+            this.innerData.imgUrl=wc_large  //风机控制柜
           } else if (dwtype == "YTSM") {
-            // icon.title = "烟感";
-            // icon.style.top = 1 + "px";
-            // icon.style.left = 348 + "px";
-            // icon.style.backgroundImage = `url(${proxy.$img.sm_icon})`;
+            this.innerData.imgUrl=sm_large  //烟感
           }
-
       })
       
     },
@@ -536,14 +516,7 @@ export default {
       iframe.contentWindow.postMessage(message, '*');
     },
 
-
-
     getList() {
-
-
-
-
-
       /* 设备工况 */
       /* 饼图 */
       index1Api().then(response => {