弹框对接

src/views/index.vue

@@ -127,26 +127,26 @@
             </el-col>
             <el-col :span="14">
               <div class="detail-container">
-                <div class="project-status " style="display:none">
+                <div class="project-status "  v-if="!showNowClick">
                   <h3>项目信息</h3>
                   <br>
                   <el-row>
                     <el-col :span="12">
                       <div class="tit">项目名称：</div>
-                      <p>市光二村112号</p>
+                      <p>{{this.innerData.building_name}}</p>
 
                       <div class="tit">项目地址：</div>
-                      <p>杨浦区包头路430号</p>
+                      <p>{{this.innerData.address}}</p>
                       <div class="tit">项目坐标：</div>
-                      <p>121.5387,31.316975</p>
+                      <p>{{this.innerData.lng}} {{this.innerData.lat}}</p>
 
                     </el-col>
                     <el-col :span="12">
 
                       <div class="tit">联系人：</div>
-                      <p>孙纪清</p>
+                      <p>{{this.innerData.username}}</p>
                       <div class="tit">联系电话：</div>
-                      <p>13817464316</p>
+                      <p>{{this.innerData.phone}}</p>
 
                     </el-col>
                   </el-row>
@@ -182,22 +182,24 @@
                     </el-row>
                   </el-form> -->
                 </div>
-                <div class="now-status" style="display:block">
+                <div class="now-status"  v-else>
                   <h3>当前实时状态</h3>
                   <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">
                     </el-col>
                     <el-col :span="7">
                       <div class="tit">设备名称</div>
-                      <p>七层强电间着火点摄像机</p>
+                      <p>{{currentOneData.device_name}}</p>
                       <div class="tit">设备编号</div>
-                      <p>GXDX7QDJ</p>
+                      <p>{{currentOneData.owner_code}}</p>
                       <div class="tit">监测对象</div>
-                      <p>七层强电间内</p>
+                      <p>{{currentOneData.object_name}}</p>
                       <div class="tit">数据更新时间</div>
-                      <p>2023-01-09 14:42:47</p>
+                      <p>{{currentOneData.status_time}}</p>
                     </el-col>
                     <el-col :span="12">
                       <div style="height:240px;width:80%;background:#e1dede">
@@ -269,6 +271,7 @@ export default {
 
       title: "楼层展示",
       open: false,
+      showNowClick:false,
       form: {},
       tableData: [{
         type: '火灾监控',
@@ -310,6 +313,15 @@ export default {
       buildingStore: [],
       top_level: '',
 
+      innerData:{},
+      currentOneData:{},
+      // building_name:'',
+      // username:'',
+      // address:'',
+      // phone:'',
+      // lat:'',
+      // lng:'',
+
 
       index1Data: [],//设备工况=>饼图
       index2Data: [],//设备工况=>柱状图
@@ -359,13 +371,7 @@ export default {
     cancel() {
       this.open = false;
     },
-    // draw_buinding(){
-    //   alert('运行大楼')
-    //   var _this=this;
-    //     setTimeout(function(){
-    //           _this.callFuncInThingJS('userListener', _this.buildingStore, _this.top_level, '10316') ;
-    //     },1000)
-    // },
+
 
     getBuild() {
       const params = { "V_LOGINNAME": "gxdmxxg", "V_PASSWORD": "gxdmxxg123", "COMPANY_CODE": "10316", "COMMSTATUS": "NO" }
@@ -382,13 +388,59 @@ export default {
         this.top_level = res.data.top_level;
         this.buildingStore = res.data.LIST;
 
+        var company=res.data.COMPANY
+        this.innerData={
+          building_name:company.building_name,
+          username:company.username,
+          address:company.address,
+          phone:company.phone,
+          lat:company.lat,
+          lng:company.lng,
+        }
+
+        this.tableData= [{
+          type: '火灾监控',
+          total: company.d1,
+          detailed: company.d1ac,
+          undetail: company.d1a-company.d1ac,
+          rate:company.d1a?((company.d1ac/company.d1a)*100).toFixed(2)+'%':0
+        }, {
+          type: '电气火灾监控',
+          total: company.d7,
+          detailed: company.d7ac,
+          undetail: company.d7a-company.d7ac,
+          rate:company.d7a?((company.d7ac/company.d7a)*100).toFixed(2)+'%':0
+        }, {
+          type: '水系统监控',
+          total: company.d2,
+          detailed: company.d2ac,
+          undetail: company.d2a-company.d2ac,
+          rate:company.d2a?((company.d2ac/company.d2a)*100).toFixed(2)+'%':0
+        }, {
+          type: 'RTU监控',
+          total: company.d6,
+          detailed: company.d6ac,
+          undetail: company.d6a-company.d6ac,
+          rate:company.d6a?((company.d6ac/company.d6a)*100).toFixed(2)+'%':0
+        }, {
+          type: '视频告警监控',
+          total: company.d16,
+          detailed: company.d16ac,
+          undetail: company.d16a-company.d16ac,
+          rate:company.d16a?((company.d16ac/company.d16a)*100).toFixed(2)+'%':0
+        }, {
+          type: '电梯告警监控',
+          total: '0',
+          detailed: '0',
+          undetail: '0',
+          rate: '0'
+        }];
+
+
         var _this = this;
         setTimeout(function () {
-          alert('运行大楼')
           _this.callFuncInThingJS('userListener', res.data.LIST, res.data.top_level, '10316');
-        }, 3000)
-
-
+        }, 4000)
 
 
         window.addEventListener("message", function (e) {
@@ -400,11 +452,77 @@ export default {
           if (funcName) {
             _this.open = true
           }
+          _this.iconClicj(param.dwtype,param.level)
         })
       })
+    },
+    iconClicj(dwtype,level){
+      this.showNowClick=true;
+      const params = { "V_LOGINNAME": "gxdmxxg", "V_PASSWORD": "gxdmxxg123","dwtype":dwtype,"level":level,"COMPANY_CODE":"10316"}
+      console.log(params)
+      axios({
+        method: "post",
+        url: `/frontpage/getCurrentStatus`,
+        params: {
+          queryJson: JSON.stringify(params)
+        },
+        headers: {
 
+        },
+      }).then((res) => {
+        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})`;
+          } else if (dwtype == "YTFC") {
+            // icon.title = "消防控制柜";
+            // icon.style.top = 10 + "px";
+            // icon.style.left = 68 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.fc_icon})`;
+          } else if (dwtype == "YTEF") {
+            // icon.title = "电气火灾";
+            // icon.style.top = 25 + "px";
+            // icon.style.left = 108 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.ef_icon})`;
+          } else if (dwtype == "YTWP") {
+            // icon.title = "水压";
+            // icon.style.top = 40 + "px";
+            // icon.style.left = 148 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.wp0_icon})`;
+          } else if (dwtype == "YTLL") {
+            // icon.title = "液位";
+            // icon.style.top = 51 + "px";
+            // icon.style.left = 188 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.ll_icon})`;
+          } else if (dwtype == "YTCI") {
+            // icon.title = "环境监测";
+            // icon.style.top = 43 + "px";
+            // icon.style.left = 228 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.ci_icon})`;
+          } 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})`;
+          } else if (dwtype == "YTWC") {
+            // icon.title = "风机控制柜";
+            // icon.style.top = 15 + "px";
+            // icon.style.left = 308 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.wc_icon})`;
+          } else if (dwtype == "YTSM") {
+            // icon.title = "烟感";
+            // icon.style.top = 1 + "px";
+            // icon.style.left = 348 + "px";
+            // icon.style.backgroundImage = `url(${proxy.$img.sm_icon})`;
+          }
 
-
+      })
+      
     },
     callFuncInThingJS(funcName, data, top_level, company_code) {
       var iframe = document.getElementById("myIframe");