王子文 电厂大屏

ui/src/views/monitor/elec/echart/analysisChart/analysisChartBottomLeft1.vue

@@ -9,7 +9,7 @@ import echartMixins from "@/utils/resizeMixins";
 export default {
     data() {
         return {
-            chart: null,
+            chart: null
         }
     },
     mixins: [echartMixins],
@@ -61,7 +61,7 @@ export default {
                     {
                         name: '实时 PH',
                         type: 'bar',
-                        data: [6, 9],
+                        data: [6,9],
                         itemStyle: {
                             normal: {
                                 color: new this.echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -107,4 +107,4 @@ export default {
 
 <style>
 
-</style>
+</style>

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

@@ -135,7 +135,7 @@
       </div>
       <div class="body-box" v-if="dashboard === 3">
         <div>
-          <front-elec-three></front-elec-three>
+          <front-elec-three :dashboardelecdata="dashboardelecdata"></front-elec-three>
         </div>
       </div>
     </div>
@@ -218,6 +218,7 @@ export default {
         dataDate: null,
         dateDay: null
       },
+      dashboardelecdata2: null,
       monthData:{
         pageNum: 1,
         pageSize: 20,
@@ -347,47 +348,53 @@ export default {
     this.cancelLoading();
   },
   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)
+    // // 每隔5秒抓取一次实时数据
+    // window.setInterval(() => {
+    //   this.getRealtimeData();
+    // }, 5000);
 
-    // 一天请求一次数据
-    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;
@@ -427,7 +434,22 @@ export default {
         this.dashboardelecdata.bccYpc = realtimeData.bccYpc;
         this.dashboardelecdata.bccSyn = realtimeData.bccSyn;
         // 第三页
+        this.dashboardelecdata.hrsg1SmokeConvert = realtimeData.hrsg1SmokeConvert;
+        this.dashboardelecdata.hrsg1So2Convert = realtimeData.hrsg1So2Convert;
+        this.dashboardelecdata.hrsg1NoxConvert = realtimeData.hrsg1NoxConvert;
+        this.dashboardelecdata.hrsg2SmokeConvert = realtimeData.hrsg2SmokeConvert;
+        this.dashboardelecdata.hrsg2So2Convert = realtimeData.hrsg2So2Convert;
+        this.dashboardelecdata.hrsg2NoxConvert = realtimeData.hrsg2NoxConvert;
+        this.dashboardelecdata.hrsg3SmokeConvert = realtimeData.hrsg3SmokeConvert;
+        this.dashboardelecdata.hrsg3So2Convert = realtimeData.hrsg3So2Convert;
+        this.dashboardelecdata.hrsg3NoxConvert = realtimeData.hrsg3NoxConvert;
+        this.dashboardelecdata.rainPh = realtimeData.rainPh;
+        this.dashboardelecdata.rainCod = realtimeData.rainCod;
+        this.dashboardelecdata.wastePh = realtimeData.wastePh;
+        this.dashboardelecdata.wasteCod = realtimeData.wasteCod;
 
+        let dashboardelecdata2 = this.dashboardelecdata;
+        this.dashboardelecdata2 = dashboardelecdata2;
       });
     },
     /** 查询dashboarddayelec抓取数据列表 */

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

@@ -70,7 +70,7 @@
         <dv-border-box-13 class="outer-div">
           <div class="analysis-bottom-box">
             <!-- PH 柱状图 -->
-            <analysisBottomLeft1 class="analysis-bottom"></analysisBottomLeft1>
+            <analysisBottomLeft1  class="analysis-bottom"></analysisBottomLeft1>
             <!-- COD 柱状图 -->
             <analysisBottomLeft2 class="analysis-bottom"></analysisBottomLeft2>
           </div>
@@ -101,45 +101,52 @@
 
   export default {
     name: "materialBalance",
-    components: {
-      analysisBottomLeft1, analysisBottomLeft2, analysisBottomLeft3, analysisBottomLeft4,
-      analysisTopLeft, analysisTopCenter, analysisTopRight
-    },
-    data() {
-      return {
-        // 第一排左上角水位图配置、基准值、实测值
-        configTopLeft1: {}, configTopLeft2: {}, configTopLeft3: {},
-        limitTopLeft1: 100, limitTopLeft2: 572, limitTopLeft3: 2050,
-        dataTopLeft1: 20, dataTopLeft2: 400, dataTopLeft3: 500,
-        // 第一排中间水位图配置、基准值、实测值
-        configTopCenter1: {}, configTopCenter2: {}, configTopCenter3: {},
-        limitTopCenter1: 100, limitTopCenter2: 572, limitTopCenter3: 2050,
-        dataTopCenter1: 20, dataTopCenter2: 400, dataTopCenter3: 500,
-        // 第一排右上角水位图配置、基准值、实测值
-        configTopRight1: {}, configTopRight2: {}, configTopRight3: {},
-        limitTopRight1: 100, limitTopRight2: 572, limitTopRight3: 2050,
-        dataTopRight1: 20, dataTopRight2: 400, dataTopRight3: 500,
-        // 第二排右下角轮播表表头、表数据、表配置
-        tableHeaderBottomRight: ['时间', '值', '位号', '内容'],
-        tableDataBottomRight: [
-          ['<span class="span-rw">2022-4-2 06:22</span>', 'someData', 'QT12001', ' leakage #1HRSG DUCT BURNRE'],
-          ['2022-4-2 13:43', 'someData', 'QT12501', ' CO leakage #1HRSG offgas system'],
-          ['2022-4-2 15:23', 'someData', '<span>QT12502<i class="icon icon-shang"></i></span>', ' CO leakage #1HRSG offgas system'],
-          ['2022-4-2 19:01', 'someData', 'QT22001', ' leakage #2HRSG DUCT BURNRE', ],
-          ['2022-4-3 01:00', 'someData', 'QT22501', ' CO leakage #2HRSG offgas system', ],
-          ['2022-4-3 04:50', 'someData', 'QT22502', ' CO leakage #2HRSG offgas system', ],
-          ['2022-4-3 12:21', 'someData', 'QT32001', ' leakage #3HRSG DUCT BURNRE', ],
-          ['2022-4-5 08:22', 'someData', 'AI82201', 'SC @ HRSG#1 HP DRUM BLOWDOWN', ],
-          ['2022-4-5 12:10', 'someData', 'AI82302', 'PH @ HRSG#2 HP DRUM BLOWDOWN', ],
-          ['2022-4-5 14:46', 'someData', 'AI82403', 'CC @ HRSG#3 HP DRUM DISCHARGE']
-        ],
-        configBottomRight: {}
-      };
-    },
-    methods: {
-      /**
-       * 第一排左上角水位图初始化
-       */
+      components: {
+        analysisBottomLeft1, analysisBottomLeft2, analysisBottomLeft3, analysisBottomLeft4,
+        analysisTopLeft, analysisTopCenter, analysisTopRight
+      },
+      props: ['dashboardelecdata'],
+      data() {
+        return {
+          // 第一排左上角水位图配置、基准值、实测值
+          configTopLeft1: {}, configTopLeft2: {}, configTopLeft3: {},
+          limitTopLeft1: 100, limitTopLeft2: 572, limitTopLeft3: 2050,
+          dataTopLeft1: this.dashboardelecdata.hrsg1SmokeConvert,
+          dataTopLeft2: this.dashboardelecdata.hrsg1So2Convert,
+          dataTopLeft3: this.dashboardelecdata.hrsg1NoxConvert,
+          // 第一排中间水位图配置、基准值、实测值
+          configTopCenter1: {}, configTopCenter2: {}, configTopCenter3: {},
+          limitTopCenter1: 100, limitTopCenter2: 572, limitTopCenter3: 2050,
+          dataTopCenter1: this.dashboardelecdata.hrsg2SmokeConvert,
+          dataTopCenter2: this.dashboardelecdata.hrsg2So2Convert,
+          dataTopCenter3: this.dashboardelecdata.hrsg2NoxConvert,
+          // 第一排右上角水位图配置、基准值、实测值
+          configTopRight1: {}, configTopRight2: {}, configTopRight3: {},
+          limitTopRight1: 100, limitTopRight2: 572, limitTopRight3: 2050,
+          dataTopRight1: this.dashboardelecdata.hrsg3SmokeConvert,
+          dataTopRight2: this.dashboardelecdata.hrsg3So2Convert,
+          dataTopRight3: this.dashboardelecdata.hrsg3NoxConvert,
+          // 第二排右下角轮播表表头、表数据、表配置
+          tableHeaderBottomRight: ['时间', '值', '位号', '内容'],
+          tableDataBottomRight: [
+            ['<span class="span-rw">2022-4-2 06:22</span>', 'someData', 'QT12001', ' leakage #1HRSG DUCT BURNRE'],
+            ['2022-4-2 13:43', 'someData', 'QT12501', ' CO leakage #1HRSG offgas system'],
+            ['2022-4-2 15:23', 'someData', '<span>QT12502<i class="icon icon-shang"></i></span>', ' CO leakage #1HRSG offgas system'],
+            ['2022-4-2 19:01', 'someData', 'QT22001', ' leakage #2HRSG DUCT BURNRE', ],
+            ['2022-4-3 01:00', 'someData', 'QT22501', ' CO leakage #2HRSG offgas system', ],
+            ['2022-4-3 04:50', 'someData', 'QT22502', ' CO leakage #2HRSG offgas system', ],
+            ['2022-4-3 12:21', 'someData', 'QT32001', ' leakage #3HRSG DUCT BURNRE', ],
+            ['2022-4-5 08:22', 'someData', 'AI82201', 'SC @ HRSG#1 HP DRUM BLOWDOWN', ],
+            ['2022-4-5 12:10', 'someData', 'AI82302', 'PH @ HRSG#2 HP DRUM BLOWDOWN', ],
+            ['2022-4-5 14:46', 'someData', 'AI82403', 'CC @ HRSG#3 HP DRUM DISCHARGE']
+          ],
+          configBottomRight: {}
+        };
+      },
+      methods: {
+        /**
+         * 第一排左上角水位图初始化
+         */
       initTopLeft() {
         this.configTopLeft1 = {
           data: [ ( (this.dataTopLeft1/this.limitTopLeft1) * 100 ).toFixed(1) ],