添加看板接口

src/views/board/board1/index.vue

@@ -6,31 +6,30 @@
     <div class="topNum deviceNum">
       <span class="text">设备数量</span>
       <span>：</span>
-      <span class="num">16</span>
+      <span class="num">{{ deviceData.TOTALCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum bootRate">
-      <span class="text">开机率</span>
+      <span class="text" style="width: 5vw;letter-spacing: 0.4vw">开机率</span>
       <span>：</span>
-      <span class="num">80</span>
+      <span class="num">{{ deviceData.runningRate }}</span>
-      <span class="unit">%</span>
     </div>
     <div class="topNum runNum">
       <span class="text">运行</span>
       <span>：</span>
-      <span class="num">11</span>
+      <span class="num">{{ deviceData.RUNNINGCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum shutdownNum">
       <span class="text">停机</span>
       <span>：</span>
-      <span class="num">02</span>
+      <span class="num">{{ deviceData.STOPPEDCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum standbyNum">
       <span class="text">待机</span>
       <span>：</span>
-      <span class="num">01</span>
+      <span class="num">{{ deviceData.STANDBYCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum waitMaterials">
@@ -42,7 +41,7 @@
     <div class="topNum unactivatedNum">
       <span class="text">未开机</span>
       <span>：</span>
-      <span class="num">01</span>
+      <span class="num">{{ deviceData.NOTSTARTEDCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="centerContent">
@@ -85,6 +84,9 @@
 
 import Chart from "@/components/board/Chart.vue";
 import * as echarts from "echarts";
+import {getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
+
+let timer = null
 
 const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
 export default {
@@ -93,7 +95,9 @@ export default {
   },
   name: "Liner",
   data() {
-    return {}
+    return {
+      deviceData: {}
+    }
   },
   mounted() {
     this.$refs.chart1.setData({
@@ -230,8 +234,18 @@ export default {
         },
       ],
     })
+    this.getData()
+    timer = setInterval(() => {
+      this.getData()
+    }, 1000 * 5)
+  },
+  methods: {
+    getData() {
+      getDeviceStatusStatistics().then(e => {
+        this.deviceData = e.data
+      })
+    }
   },
-  methods: {},
   computed: {
     list() {
       return Array(222).fill(0).map(i => {
@@ -242,6 +256,10 @@ export default {
     }
   },
   beforeDestroy() {
+    if (timer) {
+      clearInterval(timer)
+    }
+    timer = null
   }
 };
 </script>

src/views/board/board4/index.vue

@@ -444,6 +444,7 @@ import * as echarts from "echarts";
 import {getSimulateData} from "@/api/board/getData";
 import {updateCustomData} from "@/api/base/customData";
 import {Message} from "element-ui";
+import {getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
 
 const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
 export default {

src/views/board/board5/index.vue

@@ -250,6 +250,7 @@ import * as echarts from "echarts";
 import {getSimulateData} from "@/api/board/getData";
 import {updateCustomData} from "@/api/base/customData";
 import {Message} from "element-ui";
+import {getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
 
 const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
 export default {