邓洁 : 大屏左侧接口对接

src/components/content/usedEle/UsedEle.vue

@@ -2,8 +2,8 @@
   <div id="used-ele">
     <div class="title">用电量</div>
     <div class="content">
-      <div class="item" v-for="(item,index) in socketData" :key="item.equipmentId">
-        <div class="name">{{index===1?'二':'一'}}号变频器</div>
+      <div class="item" v-for="item in eleData" :key="item.equipmentId">
+        <div class="name">{{ item.equipmentName }}</div>
         <ul>
           <li>
             <div></div>
@@ -25,28 +25,41 @@
 
 <script setup>
 const props = defineProps({
-  oneTransducer: Object,
-  twoTransducer: Object,
-  list: Array
+  list: Array,
+  eleData: Array
 });
-const socketData = ref([
-  {
-    electricityConsumptionDay: 234,
-    electricityConsumptionMonthly: 345,
-    electricityConsumptionTotal: 235,
-    equipmentId: 22,
-  },
-  {
-    electricityConsumptionDay: 234,
-    electricityConsumptionMonthly: 345,
-    electricityConsumptionTotal: 235,
-    equipmentId:23,
-  }
-])
-watch(() => props.list, (now, old) => {
-  console.log('用电量',now,old)
-  socketData.value = now
+const eleData = ref([])
+watch(() => props.eleData, (now) => {
+  getBasicData(now.frequencyChangerList)
 }, {deep: true});
+watch(() => props.list, (now) => {
+  eleData.value.forEach(item => {
+    now.forEach(newItem => {
+      if (item.equipmentId === newItem.equipmentId) {
+        if (newItem.electricityConsumptionDay) {
+          item.electricityConsumptionDay = newItem.electricityConsumptionDay
+          item.electricityConsumptionMonthly = newItem.electricityConsumptionMonthly
+          item.electricityConsumptionTotal = newItem.electricityConsumptionTotal
+        }
+      }
+    })
+  })
+}, {deep: true});
+const getBasicData = (data) => {
+  let tranObj = {}
+  let tranArr = []
+  data.map(item => {
+    tranObj = {
+      equipmentId: item.equipmentId,
+      equipmentName: item.equipmentName,
+      electricityConsumptionDay: item.electricityConsumptionDay,
+      electricityConsumptionMonthly: item.electricityConsumptionMonthly,
+      electricityConsumptionTotal: item.electricityConsumptionTotal,
+    }
+    tranArr.push(tranObj)
+  })
+  eleData.value = tranArr
+}
 </script>
 
 <style lang="scss" scoped>