添加设备信息接口调用

src/views/board/board1/index.vue

@@ -6,30 +6,30 @@
     <div class="topNum deviceNum">
       <span class="text">设备数量</span>
       <span>：</span>
-      <span class="num">{{ deviceData.TOTALCOUNT }}</span>
+      <span class="num">{{ runningData.TOTALCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum bootRate">
       <span class="text" style="width: 5vw;letter-spacing: 0.4vw">开机率</span>
       <span>：</span>
-      <span class="num">{{ deviceData.runningRate }}</span>
+      <span class="num">{{ runningData.runningRate }}</span>
     </div>
     <div class="topNum runNum">
       <span class="text">运行</span>
       <span>：</span>
-      <span class="num">{{ deviceData.RUNNINGCOUNT }}</span>
+      <span class="num">{{ runningData.RUNNINGCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum shutdownNum">
       <span class="text">停机</span>
       <span>：</span>
-      <span class="num">{{ deviceData.STOPPEDCOUNT }}</span>
+      <span class="num">{{ runningData.STOPPEDCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum standbyNum">
       <span class="text">待机</span>
       <span>：</span>
-      <span class="num">{{ deviceData.STANDBYCOUNT }}</span>
+      <span class="num">{{ runningData.STANDBYCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="topNum waitMaterials">
@@ -41,31 +41,31 @@
     <div class="topNum unactivatedNum">
       <span class="text">未开机</span>
       <span>：</span>
-      <span class="num">{{ deviceData.NOTSTARTEDCOUNT }}</span>
+      <span class="num">{{ runningData.NOTSTARTEDCOUNT }}</span>
       <span class="unit">台</span>
     </div>
     <div class="centerContent">
-      <div class="item" v-for="i in list">
+      <div class="item" v-for="i in deviceData">
-        <div class="itemTitle">AE-MD-S10</div>
+        <div class="itemTitle">{{ i.DEVICENAME }}</div>
         <div class="itemImg"></div>
-        <div class="itemType itemType0" v-if="i.type===0">停机</div>
+        <div class="itemType itemType0" v-if="i.STATUSCODE===2">停机</div>
-        <div class="itemType itemType1" v-if="i.type===1">待机</div>
+        <div class="itemType itemType1" v-if="i.STATUSCODE===3">待机</div>
-        <div class="itemType itemType2" v-if="i.type===2">正常运行</div>
+        <div class="itemType itemType2" v-if="i.STATUSCODE===1">正常运行</div>
-        <div class="itemType itemType3" v-if="i.type===3">待料</div>
+        <div class="itemType itemType3" v-if="i.STATUSCODE===0">未开机</div>
-        <div class="itemTime itemTime0" v-if="i.type===0">
+        <div class="itemTime itemTime0" v-if="i.STATUSCODE===2">
-          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">6</span>
+          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">{{ timeData[i.DEVICECODE] || '0' }}</span>
           <span>min</span>
         </div>
-        <div class="itemTime itemTime1" v-if="i.type===1">
+        <div class="itemTime itemTime1" v-if="i.STATUSCODE===3">
-          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">6</span>
+          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">{{ timeData[i.DEVICECODE] || '0' }}</span>
           <span>min</span>
         </div>
-        <div class="itemTime itemTime2" v-if="i.type===2">
+        <div class="itemTime itemTime2" v-if="i.STATUSCODE===1">
-          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">6</span>
+          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">{{ timeData[i.DEVICECODE] || '0' }}</span>
           <span>min</span>
         </div>
-        <div class="itemTime itemTime3" v-if="i.type===3">
+        <div class="itemTime itemTime3" v-if="i.STATUSCODE===0">
-          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">6</span>
+          <span style="font-size: 1.5vw;margin-right: 0.2vw;;font-weight: 700">{{ timeData[i.DEVICECODE] || '0' }}</span>
           <span>min</span>
         </div>
         <div class="itemText">待机时长</div>
@@ -84,7 +84,7 @@
 
 import Chart from "@/components/board/Chart.vue";
 import * as echarts from "echarts";
-import {getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
+import {getDeviceStartTimeList, getDeviceStatusList, getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
 
 let timer = null
 
@@ -96,7 +96,9 @@ export default {
   name: "Liner",
   data() {
     return {
-      deviceData: {}
+      runningData: {},
+      deviceData: [],
+      timeData: {}
     }
   },
   mounted() {
@@ -242,8 +244,20 @@ export default {
   methods: {
     getData() {
       getDeviceStatusStatistics().then(e => {
-        this.deviceData = e.data
+        this.runningData = e.data
       })
+      setTimeout(() => {
+        getDeviceStatusList().then(res => {
+          this.deviceData = res.data
+        })
+      }, 1000)
+      setTimeout(() => {
+        getDeviceStartTimeList().then(res => {
+          res.data.forEach(e => {
+            this.timeData[e.DEVICECODE] = e.STARTTIME / 60
+          })
+        })
+      }, 2000)
     }
   },
   computed: {