设备基本运行情况数据对接

src/views/modules_guAn/visualization/modules/EquipmentInfo.vue

@@ -38,10 +38,10 @@
         <div class="le" style="margin: 0 0.1% 0 2.4%;">
           <div style="height: 15%; display: flex; justify-content: space-between;">
             <span style="font-size: 12px;">温度</span>
-            <span style="font-size: 11px;">设定80.0℃</span>
+            <span style="font-size: 11px;">设定{{targetT}}℃</span>
           </div>
           <div style="height: 70%; display: flex; justify-content: center; align-items: center;">
-            <span style="font-size: 35px;">-100.2</span>
+            <span style="font-size: 35px;">{{template}}</span>
           </div>
           <div style="height: 15%; display: flex; justify-content: end; align-items: center;">
             <span style="font-size: 12px;">℃</span>
@@ -51,10 +51,10 @@
         <div class="le" style="margin: 0 0.1% 0 1%;">
           <div style="height: 15%; display: flex; justify-content: space-between;">
             <span style="font-size: 12px;">湿度</span>
-            <span style="font-size: 11px;">设定50.0%R.H</span>
+            <span style="font-size: 11px;">设定{{targetH}}%R.H</span>
           </div>
           <div style="height: 70%; display: flex; justify-content: center; align-items: center;">
-            <span style="font-size: 35px;">1000.0</span>
+            <span style="font-size: 35px;">{{humidity}}</span>
           </div>
           <div style="height: 15%; display: flex; justify-content: end; align-items: center;">
             <span style="font-size: 12px;">%R.H</span>
@@ -64,10 +64,10 @@
         <div class="le" style="margin: 0 0.1% 0 1%;">
           <div style="height: 15%; display: flex; justify-content: space-between;">
             <span style="font-size: 12px;">辐射强度</span>
-            <span style="font-size: 11px;">设定1120W/㎡</span>
+            <span style="font-size: 11px;">设定{{targetF}}W/㎡</span>
           </div>
           <div style="height: 70%; display: flex; justify-content: center; align-items: center;">
-            <span style="font-size: 35px;">1000.0</span>
+            <span style="font-size: 35px;">{{irradiation}}</span>
           </div>
           <div style="height: 15%; display: flex; justify-content: end; align-items: center;">
             <span style="font-size: 12px;">W/㎡</span>
@@ -87,8 +87,57 @@ import commonTitle from '../components/commonTitle.vue'
 export default {
   components: { commonTitle },
   name: '',
+  props: {
+    data: {
+      type: Array,
+      default: []
+    }
+  },
   data () {
     return {
+      // 获取数据(总)
+      dataList: [],
+      // 温度
+      template: '',
+      // 温度输出
+      outputT: '',
+      // 升温/降温(0升温，1降温，3啥也不是)
+      statusT: 3,
+      // 目标温度
+      targetT: '',
+      // 斜率设定（温度）
+      slopeT: '',
+      // 起始温度
+      startT: '',
+      // 辐照强度
+      irradiation: '1000.0',
+      // 吹风
+      // 时间
+      // 辐照强度设定
+      targetF: '1120',
+      // 辐射强度起始
+      startF: '',
+      // 湿度
+      humidity: '',
+      // 湿度输出
+      outputH: '',
+      // 加湿/除湿(0加湿，1除湿，3啥也不是)
+      statusH: 3,
+      // 目标湿度
+      targetH: '',
+      // 起始湿度
+      startH: '',
+    }
+  },
+  watch: {
+    data: {
+      handler(newValue, oldValue){
+        console.log(77,newValue, oldValue)
+        this.dataList = newValue
+        this.getList()
+      },
+      immediate: true,
+      deep: true
     }
   },
   created () {
@@ -96,6 +145,27 @@ export default {
   mounted () {
   },
   methods: {
+    getList(){
+      // console.log(this.dataList)
+      for (var i = 0; i < this.dataList.length; i++) {
+        // console.log(i,this.dataList[i].Name)
+        // 温度
+        if (this.dataList[i].Name == '当前温度值') {
+          this.template = this.dataList[i].Value
+        }
+        if (this.dataList[i].Name == '温度设定值') {
+          this.targetT = this.dataList[i].Value
+        }
+        // 辐照
+        // 湿度
+        if (this.dataList[i].Name == '当前湿度值') {
+          this.humidity = this.dataList[i].Value
+        }
+        if (this.dataList[i].Name == '湿度设定值') {
+          this.targetH = this.dataList[i].Value
+        }
+      }
+    }
   }
 }
 </script>