安全管控首页

src/views/NewPages/iframe4.vue

@@ -2,19 +2,23 @@
   <div class="iframe4">
     <!-- <iframe src="http://10.75.17.10/doc/page/preview.asp" frameborder="0" class="iframe-2"></iframe> -->
     <div class="iframe-1">
+      <div class="iframe4-title" @click="jumpUrl('/save/personnel')">人员健康</div>
       <personnel></personnel>
     </div>
     <div class="iframe-2">
-      <div v-for="(pItem, pIndex) in videoArray" :key="pIndex" width="95%" height="48vh" @click="openVideoDialog(pItem)">
+      <div class="iframe4-title">视频监视</div>
+      <div class="videoDiv" v-for="(pItem, pIndex) in videoArray" :key="pIndex" width="95%" height="48vh" @click="openVideoDialog(pItem)">
         <div class="mask"></div>
         <iframe :src="pItem.url + pItem.token" />
       </div>
     </div>
     <div class="iframe-3">
+      <div class="iframe4-title" @click="openUrl('http://192.168.1.52/webiui/#/online')">智能安全帽</div>
       <iframe src="http://192.168.1.52/webiui/#/online" frameborder="0"></iframe>
     </div>
     <div class="iframe-4">
-      <!-- <personnel></personnel> -->
+      <div class="iframe4-title">数字孪生</div>
+      <div class="iframe-4-body"></div>
     </div>
     <el-dialog top="50px" v-model="showVideoDialog" width="80vw" :destroy-on-close="true" :custom-class="videoDialogClass">
       <iframe class="videoBoxiframe" width="100%" height="600px" :src="dialogVideoUrl" />
@@ -73,6 +77,12 @@ export default {
         this.showVideoDialog = true;
       }
     },
+    jumpUrl(url) {
+      this.$router.push(url);
+    },
+    openUrl(url) {
+      window.open(url);
+    },
   },
   created() {},
 };
@@ -80,8 +90,6 @@ export default {
 
 <style lang="less">
 .iframe4 {
-  // width: 98.5vw;
-  // height: 98.5vh;
   background: url(../../assets/background-iframe4.png) no-repeat;
   background-size: 100% 100%;
   background-position-y: -5.1vh;
@@ -92,12 +100,19 @@ export default {
   .iframe-2,
   .iframe-3,
   .iframe-4 {
-    // position: fixed;
-    // z-index: 1;
     width: 36.8vw;
     height: 37.31vh;
   }
-
+  .iframe4-title {
+    position: absolute;
+    text-align: center;
+    width: 36.8vw;
+    margin-top: -3.3vh;
+    text-align: center;
+    font-size: 14pt;
+    color: #b3bdc0;
+    cursor: pointer;
+  }
   .iframe-1 {
     margin-left: 6.5vw;
     margin-top: 5.3vh;
@@ -113,7 +128,7 @@ export default {
     margin-left: 11.9vw;
     margin-top: 5.5vh;
     position: relative;
-    div {
+    .videoDiv {
       display: flex;
       height: 18.2vh;
       width: 12.2vw;
@@ -125,6 +140,7 @@ export default {
         // float: left;
       }
       .mask {
+        cursor: pointer;
         flex: 0 0 100%;
         position: absolute;
         left: 0;
@@ -135,18 +151,32 @@ export default {
       }
     }
   }
+  .iframe-3,
+  .iframe-4 {
+    margin-top: -2.2vh;
+    height: calc(36.5vh);
+    width: 36.77vw;
+  }
   .iframe-3 {
-    height: calc(36.6vh);
     margin-left: 6.5vw;
-    margin-top: -0.7vh;
-    background-color:seashell;
+    // background-color: seashell;
     iframe {
       height: 100%;
       width: 100%;
     }
   }
-  .modal.el-dialog {
+  .el-dialog {
     background: rgba(18, 29, 28, 0.95);
+  }
+  .iframe-4 {
+    margin-left: 11.9vw;
+    .iframe-4-body {
+      background-image: url("../../assets/3Dszls.png");
+      // background-color: aqua;
+      background-size: cover;
+      height: 100%;
+      width: 100%;
     }
+  }
 }
 </style>

src/views/Status/Status.vue

@@ -1,21 +1,13 @@
 <template>
   <div class="status">
     <div class="panel-box">
-      <StatusPanel
-        class="panel-item"
-        v-for="(data, index) of datas"
-        :key="index"
-        :data="data"
-      ></StatusPanel>
+      <StatusPanel class="panel-item" v-for="(data, index) of datas" :key="index" :data="data"></StatusPanel>
       <StatusPanelStatic class="panel-item" />
     </div>
     <div class="table-box">
       <ComTable :data="tableData"></ComTable>
     </div>
-    <div class="table-box">
-       <ComTable :data="tableData1"></ComTable>
-    </div>
-  </div>
+  </div> 
 </template>
 
 <script>
@@ -33,7 +25,7 @@ export default {
   components: {
     StatusPanel,
     ComTable,
-    StatusPanelStatic,
+    StatusPanelStatic
   },
   // 数据
   data() {
@@ -41,12 +33,6 @@ export default {
       timmer: null, // 遮罩开关
       sourceMap: {}, // 核心数据
       datas: [],
-      wpId1:"",
-      dwkGzqd: "",
-      plGzqd: "",
-      zhGzqd: "",
-      mchGzqd: "",
-      hzjGzqd: "",
       tableData: {
         column: [
           {
@@ -192,152 +178,6 @@ export default {
         ],
         data: [],
       },
-         tableData1: {
-        column: [
-          {
-            name: "场站名称",
-            field: "wpName",
-            unit: "",
-            is_num: false,
-            is_light: false,
-          },
-          // {
-          //   name: "调度名称",
-          //   field: "ddname",
-          //   unit: "",
-          //   is_num: false,
-          //   is_light: false,
-          // },
-          {
-            name: "装机容量",
-            field: "zjrl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "发电量",
-            field: "fdl",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "上网电量",
-            field: "swdl",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "利用小时",
-            field: "lyxs",
-            unit: "",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            // name: "风速m/s",
-            name:"光照强度w/m2",
-            field: "fs",
-            unit: "日照强度w/m2",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "功率",
-            field: "gl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "出线功率",
-            field: "cxgl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "理论功率",
-            field: "llgl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "保证功率",
-            field: "bzgl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "预测功率",
-            field: "ycgl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "AGC指令",
-            field: "agczl",
-            unit: "MW",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "理论发电量",
-            field: "llfdl",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "SCADA发电量",
-            field: "scadafdl",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "维修损失电量",
-            field: "whss",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "故障损失电量",
-            field: "gzss",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "受理损失电量",
-            field: "slss",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "限电损失电量",
-            field: "xdss",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-          {
-            name: "性能损失电量",
-            field: "xnss",
-            unit: "万kwh",
-            is_num: true,
-            is_light: false,
-          },
-        ],
-        data: [],
-      },
     };
   },
 
@@ -351,16 +191,10 @@ export default {
         subUrl: "monitor/monitor",
         success(res) {
           if (res.data) {
-            // console.log("resData:", res.data);
             let sourceMap = res.data;
             let datas = [];
             let data = [];
-            let data1 = [];
             sourceMap.maps.forEach((ele) => {
-              sourceMap.vos.forEach((vEle) => {});
-              that.wpId1=sourceMap.vos.find((findEle) => {
-                  return findEle.wpName === ele.name;
-                }).wpId
               datas.push({
                 title: ele.name,
                 wpId: sourceMap.vos.find((findEle) => {
@@ -382,6 +216,7 @@ export default {
                     { text: "受累", num: ele.slts || 0, color: "blue" },
                     { text: "离线", num: ele.lxts, color: "gray" },
                   ],
+                  
                 },
                 items: [
                   {
@@ -399,10 +234,10 @@ export default {
                     f3: ele.uab,
                     f4: "Ia",
                     f5: ele.ia,
-                    is_light: !ele.zxzt_syzzt,
+                    is_light:  !ele.zxzt_syzzt,
                   },
                   {
-                    f1: ele.name.includes("风") ? "风功:" : "光功:",
+                    f1: "风功:",
                     f2: "未来15分钟",
                     f3: ele.ycgl,
                     f4: "",
@@ -411,16 +246,10 @@ export default {
                   },
                   {
                     f1: "测风塔:",
-                    // f2: "风速",
-                    f2: ele.name.includes("风") ? "风速" : "光照强度",
-                    // f3: (ele.cftfs || 0) + "m/s",
-                    f3: ele.name.includes("风")
-                      ? (ele.cftfs || 0) + "m/s"
-                      : sourceMap.vos.find((findEle) => {
-                          return findEle.wpName === ele.name;
-                        }).fs,
-                    f4: ele.name.includes("风") ? "风向" : "",
-                    f5: ele.name.includes("风") ? ele.cftfx || 0 : "",
+                    f2: "风速",
+                    f3: (ele.cftfs || 0) + "m/s",
+                    f4: "风向",
+                    f5: ele.cftfx || 0,
                     is_light: !ele.zxzt_cftzt,
                   },
                   {
@@ -435,77 +264,24 @@ export default {
               });
             });
 
-        //风电场
-               let fdcArr = sourceMap.vos.filter((ele)=>{
-                 return ele.wpId.includes('FDC')      
-               })
-               let fdhj = sourceMap.vos.filter((ele)=>{
-                 return ele.wpId.includes('-1')
-               })
-                  let zj = sourceMap.vos.filter((ele)=>{
-                 return ele.wpId.includes('0')
-               })
-               fdcArr.push(fdhj[0],zj[0])
-              //  console.log(fdcArr)
-                 fdcArr.forEach((ele) => {
-              // console.log('vos:', sourceMap.vos)
+            sourceMap.vos.forEach((ele) => {
               ele.row_span = [];
               ele.col_span = [];
               ele.is_light = false;
               data.push(ele);
             });
 
-            //光电厂
-                 let gdcArr = sourceMap.vos.filter((ele)=>{
-                 return ele.wpId.includes('GDC')      
-               })
-               let gdhj = sourceMap.vos.filter((ele)=>{
-                 return ele.wpId.includes('-2')
-               })
-               gdcArr.push(gdhj[0],zj[0])
-              //  console.log(gdcArr)
-                 gdcArr.forEach((ele) => {
-              // console.log('vos:', sourceMap.vos)
-              ele.row_span = [];
-              ele.col_span = [];
-              ele.is_light = false;
-              data1.push(ele);
-            });
-
-            // sourceMap.vos.forEach((ele) => {
-            //   console.log('vos:', sourceMap.vos)
-            //   ele.row_span = [];
-            //   ele.col_span = [];
-            //   ele.is_light = false;
-            //   data.push(ele);
-            // });
-
-          //  for(let i=0;i<sourceMap.vos.length;i++){
-          //     //  console.log('vos:',sourceMap.vos)
-          //      data.push(sourceMap.vos[0],sourceMap.vos[1],sourceMap.vos[2],sourceMap.vos[3],sourceMap.vos[4],sourceMap.vos[5],sourceMap.vos[11])
-          //      data1.push(sourceMap.vos[6],sourceMap.vos[7],sourceMap.vos[8],sourceMap.vos[9],sourceMap.vos[10],sourceMap.vos[11])
-          //  }
-          //  that.unique(data,that.wpId1);
-          // //  that.unique(data1,sourceMap.vos.find((findEle) => {
-          // //         return findEle.wpName === ele.name;
-          // //       }).wpId);
-          //  console.log('vosData:',data);
-          // //  console.log('vosData1:',data1)
-
             that.sourceMap = sourceMap;
             that.datas = datas;
             that.tableData.data = data;
-            that.tableData1.data = data1;
           } else {
             that.sourceMap = {};
             that.datas = [];
             that.tableData.data = [];
-            that.tableData1.data = [];
           }
         },
       });
     },
-
   },
 
   created() {