王子文 电厂大屏

ui/src/views/monitor/elec/elecindex.vue

@@ -129,7 +129,7 @@
       </div>
       <div class="body-box" v-if="dashboard === 2">
         <div>
-          <front-elec-two></front-elec-two>
+          <front-elec-two :dashboardelecdata="dashboardelecdata"></front-elec-two>
         </div>
 
       </div>
@@ -348,52 +348,86 @@ export default {
   },
   created() {
     this.getRealtimeData();
-    // this.getList1();
-    // this.getMonthList1();
-    // this.getWeekList();
-    // this.getFiftydayList();
-    // // 每隔30秒请求一次数据
-    // window.setInterval(() => {
-    //   setTimeout(() => {
-    //     ///调取接口获取数据
-    //     this.getList1();
-    //   }, 0)
-    // }, 30000)
-    //
-    // // 一天请求一次数据
-    // window.setInterval(() => {
-    //   setTimeout(() => {
-    //     ///调取接口获取数据
-    //     this.getMonthList1();
-    //   }, 0)
-    // }, 1000 * 10 * 6 * 60 * 6)
-    //
-    // // 一天请求一次数据
-    // window.setInterval(() => {
-    //   setTimeout(() => {
-    //     ///调取接口获取数据
-    //     this.getWeekList();
-    //   }, 0)
-    // }, 1000 * 10 * 6 * 60 * 6)
-    //
-    // // 一天请求一次数据
-    // window.setInterval(() => {
-    //   setTimeout(() => {
-    //     ///调取接口获取数据
-    //     this.getFiftydayList();
-    //   }, 0)
-    // }, 1000 * 10 * 6 * 60 * 6)
+    this.getList1();
+    this.getMonthList1();
+    this.getWeekList();
+    this.getFiftydayList();
+    // 每隔30秒请求一次数据
+    window.setInterval(() => {
+      setTimeout(() => {
+        ///调取接口获取数据
+        this.getList1();
+      }, 0)
+    }, 30000)
+
+    // 一天请求一次数据
+    window.setInterval(() => {
+      setTimeout(() => {
+        ///调取接口获取数据
+        this.getMonthList1();
+      }, 0)
+    }, 1000 * 10 * 6 * 60 * 6)
+
+    // 一天请求一次数据
+    window.setInterval(() => {
+      setTimeout(() => {
+        ///调取接口获取数据
+        this.getWeekList();
+      }, 0)
+    }, 1000 * 10 * 6 * 60 * 6)
+
+    // 一天请求一次数据
+    window.setInterval(() => {
+      setTimeout(() => {
+        ///调取接口获取数据
+        this.getFiftydayList();
+      }, 0)
+    }, 1000 * 10 * 6 * 60 * 6)
   },
   methods: {
     getRealtimeData() {
       getRealtimeByMaxDate().then(response => {
         console.log(response.data);
         let realtimeData = response.data;
+        // 第一页
         this.dashboardelecdata.gtg1Lv = realtimeData.gtg1PowerGenLevel;
         this.dashboardelecdata.gtg2Lv = realtimeData.gtg2PowerGenLevel;
         this.dashboardelecdata.gtg3Lv = realtimeData.gtg3PowerGenLevel;
         this.dashboardelecdata.stg1Lv = realtimeData.stgPowerGenLevel;
         this.dashboardelecdata.mwhLv = realtimeData.totalPowerGen;
+        // 第二页
+        this.dashboardelecdata.hhpPphhp = realtimeData.hhpPphhp;
+        this.dashboardelecdata.hhpAaae = realtimeData.hhpAaae;
+        this.dashboardelecdata.hhpGaa = realtimeData.hhpGaa;
+        this.dashboardelecdata.hhpSyn = realtimeData.hhpSyn;
+        this.dashboardelecdata.hhpP3802 = realtimeData.hhpP3802;
+        this.dashboardelecdata.hpLpg = realtimeData.hpLpg;
+        this.dashboardelecdata.hpSub = realtimeData.hpSub;
+        this.dashboardelecdata.hpNg = realtimeData.hpNg;
+        this.dashboardelecdata.hpJ1501 = realtimeData.hpJ1501;
+        this.dashboardelecdata.hpJ1504In = realtimeData.hpJ1504In;
+        this.dashboardelecdata.hpJ1504Out = realtimeData.hpJ1504Out;
+        this.dashboardelecdata.hpUser = realtimeData.hpUser;
+        this.dashboardelecdata.mpNcipMp = realtimeData.mpNcipMp;
+        this.dashboardelecdata.mp150511 = realtimeData.mp150511;
+        this.dashboardelecdata.mp150512 = realtimeData.mp150512;
+        this.dashboardelecdata.mpPpMp = realtimeData.mpPpMp;
+        this.dashboardelecdata.mpP9801In = realtimeData.mpP9801In;
+        this.dashboardelecdata.mpP9801Out = realtimeData.mpP9801Out;
+        this.dashboardelecdata.mpJ1502 = realtimeData.mpJ1502;
+        this.dashboardelecdata.mpUser = realtimeData.mpUser;
+        this.dashboardelecdata.lpPpLp = realtimeData.lpPpLp;
+        this.dashboardelecdata.lpEmpty = realtimeData.lpEmpty;
+        this.dashboardelecdata.lpMpLetdown = realtimeData.lpMpLetdown;
+        this.dashboardelecdata.lpJ1509 = realtimeData.lpJ1509;
+        this.dashboardelecdata.lpJ1503 = realtimeData.lpJ1503;
+        this.dashboardelecdata.lpLdpeTs = realtimeData.lpLdpeTs;
+        this.dashboardelecdata.lpLdpeDm = realtimeData.lpLdpeDm;
+        this.dashboardelecdata.lpUser = realtimeData.lpUser;
+        this.dashboardelecdata.bccYpc = realtimeData.bccYpc;
+        this.dashboardelecdata.bccSyn = realtimeData.bccSyn;
+        // 第三页
+
       });
     },
     /** 查询dashboarddayelec抓取数据列表 */

ui/src/views/monitor/elec/frontElecTwo.vue

@@ -28,48 +28,48 @@
 
         <!-- 文字框 -->
         <div class="kuangBox pos1-1">
-            <div class="kuang">7326</div>
+            <div class="kuang">{{this.hhpPphhp}}</div>
             <div class="word">PP HHP</div>
         </div>
 
          <div class="kuangBox pos1-2">
-            <div class="kuang">1232</div>
+            <div class="kuang">{{this.mpNcipMp}}</div>
             <div class="word">NCIP MP</div>
         </div>
 
          <div class="kuangBox pos1-3">
-            <div class="kuang">543</div>
+            <div class="kuang">{{this.mpPpMp}}</div>
             <div class="word">PP MP</div>
         </div>
 
         <div class="kuangBox pos1-4">
-            <div class="kuang">859</div>
+            <div class="kuang">{{this.lpPpLp}}</div>
             <div class="word">PP LP</div>
         </div>
 
         <div class="kuangBox pos1-5">
-            <div class="kuang">456</div>
+            <div class="kuang">{{this.hpLpg}}</div>
             <div class="word">LPG</div>
         </div>
 
         <div class="kuangBox pos1-6">
-            <div class="kuang">652</div>
+            <div class="kuang">{{this.hhpP3802}}</div>
             <div class="word">P3802</div>
         </div>
 
         <div class="kuangBox pos1-7">
-            <div class="kuang">235</div>
+            <div class="kuang">{{this.hpSub}}</div>
             <div class="word">SUB</div>
         </div>
 
         <div class="kuangBox pos1-8">
-            <div class="kuang">491</div>
+            <div class="kuang">{{this.lpEmpty}}</div>
             <div class="word">LP放空</div>
         </div>
 
         <div class="kuangBox pos1-9">
             <div class="kuang">J1504</div>
-            <div class="word">入： <span>123</span> 出：<span>324</span></div>
+            <div class="word">入： <span>{{this.hpJ1504In}}</span> 出：<span>{{this.hpJ1504Out}}</span></div>
             <img src="@/assets/image/elec/4-9.png" style="width:80px;height:40px" class="img">
         </div>
 
@@ -78,54 +78,54 @@
         </div>
 
          <div class="kuangBox pos1-11">
-            <div class="kuang">60</div>
+            <div class="kuang">{{this.hhpAaae}}</div>
         </div>
 
         <div class="kuangBox pos1-12">
-            <div class="kuang">235</div>
+            <div class="kuang">{{this.bccSyn}}</div>
             <div class="word">SYN</div>
         </div>
 
         <div class="kuangBox pos1-13">
-            <div class="kuang">345</div>
+            <div class="kuang">{{this.lpJ1509}}</div>
             <div class="word">J1509</div>
         </div>
 
         <div class="kuangBox pos1-14">
-            <div class="kuang">345</div>
+            <div class="kuang">{{this.lpLdpeTs}}</div>
             <div class="word">LDPE TS</div>
         </div>
 
         <div class="kuangBox pos1-15">
-            <div class="kuang">509</div>
+            <div class="kuang">{{this.bccYpc}}</div>
             <div class="word">YPC</div>
         </div>
 
         <div class="kuangBox pos1-16">
-            <div class="kuang">509</div>
+            <div class="kuang">{{this.lpJ1503}}</div>
             <div class="word">J1503</div>
         </div>
 
         <div class="kuangBox pos1-17">
-            <div class="kuang">235</div>
+            <div class="kuang">{{this.lpLdpeDm}}</div>
             <div class="word">LDPE TM</div>
         </div>
 
         <div class="kuangBox pos1-18">
-            <div class="kuang">165</div>
+            <div class="kuang">{{this.hhpGaa}}</div>
         </div>
 
         <div class="kuangBox pos1-19">
-            <div class="kuang">28</div>
+            <div class="kuang">{{this.hhpSyn}}</div>
         </div>
 
         <div class="kuangBox pos1-20">
-            <div class="kuang">111</div>
+            <div class="kuang">{{this.hpJ1501}}</div>
             <div class="word">J1501</div>
         </div>
 
         <div class="kuangBox pos1-21">
-            <div class="kuang">29</div>
+            <div class="kuang">{{this.mpJ1502}}</div>
             <div class="word">J1502</div>
         </div>
         <!-- 文字框end -->
@@ -150,17 +150,17 @@
 
         <!-- 多边形框 -->
         <div class="kuangBox-duo pos3-1">
-            <div class="kuang1">897</div>
+            <div class="kuang1">{{this.hpUser}}</div>
             <div class="word2">HP用户</div>
         </div>
 
         <div class="kuangBox-duo pos3-2">
-            <div class="kuang2">1055</div>
+            <div class="kuang2">{{this.mpUser}}</div>
              <div class="word2">MP用户</div>
         </div>
 
         <div class="kuangBox-duo pos3-3">
-            <div class="kuang3">540</div>
+            <div class="kuang3">{{this.lpUser}}</div>
              <div class="word2">LP用户</div>
         </div>
 
@@ -174,8 +174,8 @@
 
         <div class="jiantou pos1-2">
             <img src="@/assets/image/elec/4-6-2.png" style="width:120px;height:250px">
-          <div class="word3 wordPos1-1">569</div>
-          <div class="word3 wordPos1-2">274</div>
+          <div class="word3 wordPos1-1">{{this.mp150511}}</div>
+          <div class="word3 wordPos1-2">{{this.mp150512}}</div>
         </div>
 
         <div class="jiantou pos1-3">
@@ -196,7 +196,7 @@
 
         <div class="jiantou pos1-7">
             <img src="@/assets/image/elec/4-6-7.png" style="width:120px;height:16px">
-            <div class="word3 wordPos4-7-1">509</div>
+            <div class="word3 wordPos4-7-1">{{this.hpNg}}</div>
             <div class="word4 wordPos4-7-2">NG</div>
         </div>
 
@@ -246,14 +246,14 @@
         <div class="jiantou pos2-6">
             <img src="@/assets/image/elec/4-7-3.png" style="width:30px;height:150px">
             <div class="word">P9801</div>
-            <div class="word2">出： <span>48</span></div>
+            <div class="word2">出： <span>{{this.mpP9801Out}}</span></div>
             <img src="@/assets/image/elec/4-7-7.png" style="width:30px;height:30px" class="aniMovelan">
         </div>
 
         <div class="jiantou pos2-7">
             <img src="@/assets/image/elec/4-7-4.png" style="width:30px;height:330px">
-            <div class="word">入： <span>123</span></div>
-            <div class="word2">491</div>
+            <div class="word">入： <span>{{this.mpP9801In}}</span></div>
+            <div class="word2">{{this.lpMpLetdown}}</div>
             <img src="@/assets/image/elec/4-7-7.png" style="width:30px;height:30px" class="aniMovelan">
         </div>
 
@@ -280,9 +280,40 @@
 
 <script>
   export default {
+    props: ['dashboardelecdata'],
     data() {
       return {
         equipmentType: 1,
+        hhpPphhp: this.dashboardelecdata.hhpPphhp,
+        hhpAaae: this.dashboardelecdata.hhpAaae,
+        hhpGaa: this.dashboardelecdata.hhpGaa,
+        hhpSyn: this.dashboardelecdata.hhpSyn,
+        hhpP3802: this.dashboardelecdata.hhpP3802,
+        hpLpg: this.dashboardelecdata.hpLpg,
+        hpSub: this.dashboardelecdata.hpSub,
+        hpNg: this.dashboardelecdata.hpNg,
+        hpJ1501: this.dashboardelecdata.hpJ1501,
+        hpJ1504In: this.dashboardelecdata.hpJ1504In,
+        hpJ1504Out: this.dashboardelecdata.hpJ1504Out,
+        hpUser: this.dashboardelecdata.hpUser,
+        mpNcipMp: this.dashboardelecdata.mpNcipMp,
+        mp150511: this.dashboardelecdata.mp150511,
+        mp150512: this.dashboardelecdata.mp150512,
+        mpPpMp: this.dashboardelecdata.mpPpMp,
+        mpP9801In: this.dashboardelecdata.mpP9801In,
+        mpP9801Out: this.dashboardelecdata.mpP9801Out,
+        mpJ1502: this.dashboardelecdata.mpJ1502,
+        mpUser: this.dashboardelecdata.mpUser,
+        lpPpLp: this.dashboardelecdata.lpPpLp,
+        lpEmpty: this.dashboardelecdata.lpEmpty,
+        lpMpLetdown: this.dashboardelecdata.lpMpLetdown,
+        lpJ1509: this.dashboardelecdata.lpJ1509,
+        lpJ1503: this.dashboardelecdata.lpJ1503,
+        lpLdpeTs: this.dashboardelecdata.lpLdpeTs,
+        lpLdpeDm: this.dashboardelecdata.lpLdpeDm,
+        lpUser: this.dashboardelecdata.lpUser,
+        bccYpc: this.dashboardelecdata.bccYpc,
+        bccSyn: this.dashboardelecdata.bccSyn,
       };
     },
     name: "materialBalance",