1.对接能耗监测接口

2.对接设备监测接口
3.修改设备监测表格序号列显示错误的bug

hx-ai-intelligent/src/view/monitor/energyMonitor/analysisGraph/index.vue

@@ -1,6 +1,6 @@
 <template>
   <a-row type="flex" style="height: 92%">
-    <a-col :span="8">
+    <a-col :span="8" style="height: 100%">
       <div
         style="
           box-shadow: 0 0 0 2px rgba(218, 218, 218, 0.5); /* 灰色阴影 */
@@ -24,7 +24,7 @@
         <div ref="analysisGraphchart" style="width: 100%; height: 95%"></div>
       </div>
     </a-col>
-    <a-col :span="16">
+    <a-col :span="16" style="height: 100%">
       <div
         ref="analysisGraphRingchart"
         style="
@@ -83,7 +83,14 @@
         },
         { deep: true },
       );
-      const changeMode = () => {};
+      const changeMode = () => {
+        // if (mode.value == '1') {
+        //   mode.value = '2';
+        // } else {
+        //   mode.value = '1';
+        // }
+        drawLeft();
+      };
       const analysisGraphchart = ref(null);
       const analysisGraphRingchart = ref(null);
       const analysisGraphBarchart = ref(null);
@@ -97,7 +104,22 @@
       let chartRight2: echarts.ECharts | null = null;
 
       const draw = () => {
-        data.value = pageData.analysisGraphList;
+        // 深度拷贝
+        let dataList = JSON.parse(JSON.stringify(pageData.analysisGraphList));
+        // let dataList = pageData.analysisGraphList;
+        dataList.forEach((item) => {
+          if (item.yoyValue < 0) {
+            item.yoyLabel = { position: 'right' };
+          } else {
+            item.yoyLabel = { position: 'insideLeft' };
+          }
+          if (item.momValue < 0) {
+            item.momLabel = { position: 'right' };
+          } else {
+            item.momLabel = { position: 'insideLeft' };
+          }
+        });
+        data.value = dataList;
         // 绘制左侧图
         drawLeft();
         drawRight1();
@@ -111,10 +133,35 @@
 
           var seriesdata = [];
           var dateX = [];
+          //   {
+          //     name: 'AC_002（暖通电表）',
+          //     value: -21,
+          //     ringValue: 21,
+          //     energyType: selectedValue.value,
+          //     energyUnit: 'kWh',
+          //     unit: 'V',
+          //     labelRight: {
+          //       position: 'right',
+          //     },
+          //   },
+
+          // id: 'HLlmTZp8_0805_0001';
+          // momDiff: 38.28; 环比差值
+          // momRate: '-171.58%'; 环比率
+          // momValue: -22.31; 环比值
+          // name: '总电表';
+          // value: 10.56; 值
+          // yoyDiff: 38.28; 同比差值
+          // yoyRate: '-138.10%'; 同比率
+          // yoyValue: -27.72; 同比值
           for (let i = 0; i < data.value.length; i++) {
             dateX.push(data.value[i].name);
 
-            seriesdata.push({ value: data.value[i].value, label: data.value[i].labelRight });
+            if (mode.value == '1') {
+              seriesdata.push({ value: data.value[i].yoyValue, label: data.value[i].yoyLabel });
+            } else {
+              seriesdata.push({ value: data.value[i].momValue, label: data.value[i].momLabel });
+            }
           }
 
           var seriesList = [
@@ -196,7 +243,7 @@
           for (let i = 0; i < data.value.length; i++) {
             dateX.push(data.value[i].name);
 
-            seriesdata.push({ value: data.value[i].ringValue, name: data.value[i].name });
+            seriesdata.push({ value: data.value[i].value, name: data.value[i].name });
           }
           var seriesList = [
             {
@@ -294,11 +341,10 @@
         data.value.forEach((item) => {
           if (item.name !== auxiliary.name) {
             dateX.push(item.name);
-            showData.push(item.ringValue);
+            showData.push(item.value);
             compareData.push(auxiliary.value);
           }
         });
-
         const option = {
           // 图例
           legend: {