文案修改,实时运行图表切换站点数据未更新问题修复,电表未知类型

2026-01-21 18:58:37 +08:00
parent c1c411e48a
commit 823c0949d0
6 changed files with 102 additions and 80 deletions
--- a/src/components/Ems/ZdBaseInfo/index.vue
+++ b/src/components/Ems/ZdBaseInfo/index.vue
@ -32,13 +32,13 @@ export default {
        attr:'installCapacity'

      },{
-        title:'总充电量（MWh）',
+        title:'总充电量（KWh）',
        num:'',
        color:'#A696FF',
        attr:'totalChargedCap'

      },{
-        title:'总放电量（MWh）',
+        title:'总放电量（KWh）',
        num:'',
        color:'#A696FF',
        attr:'totalDischargedCap'
--- a/src/views/ems/dzjk/sbjk/db/index.vue
+++ b/src/views/ems/dzjk/sbjk/db/index.vue
@ -35,13 +35,19 @@
        </div>
      </div>
      <el-row class="device-info-row">
-        <el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]" :key="tempDataIndex+'dbTempData'"
+        <template v-if="deviceIdTypeMsg[item.deviceId]">
+          <el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]"
+                  :key="tempDataIndex+'dbTempData'"
                  :span="8" class="device-info-col">
            <span class="pointer" @click="showChart(tempDataItem.pointName,item.deviceId)">
              <span class="left">{{ tempDataItem.name }}</span> <span class="right">{{ item[tempDataItem.attr] || '-' }}<span
                v-html="tempDataItem.unit"></span></span>
            </span>
          </el-col>
+        </template>
+        <template v-else>
+          <el-empty :image-size="80" description="未知的电表数据"></el-empty>
+        </template>
      </el-row>
    </el-card>
    <el-empty v-show="list.length<=0" :image-size="200"></el-empty>
@ -70,86 +76,102 @@ export default {
          {
            name: '正向有功电能',
            attr: 'forwardActive',
-            pointName: '正向有功电能'
+            pointName: '正向有功电能',
+            unit: 'kWh'
          },
          {
            name: '反向有功电能',
            attr: 'reverseActive',
-            pointName: '反向有功电能'
+            pointName: '反向有功电能',
+            unit: 'kWh'
          },
          {
            name: '正向无功电能',
            attr: 'forwardReactive',
-            pointName: '正向无功电能'
+            pointName: '正向无功电能',
+            unit: 'kvarh'
          },
          {
            name: '反向无功电能',
            attr: 'reverseReactive',
-            pointName: '反向无功电能'
+            pointName: '反向无功电能',
+            unit: 'kvarh'
          },
          {
            name: '有功功率',
            attr: 'activePower',
-            pointName: '总有功功率'
+            pointName: '总有功功率',
+            unit: 'kW'
          },
          {
            name: '无功功率',
            attr: 'reactivePower',
-            pointName: '总无功功率'
+            pointName: '总无功功率',
+            unit: 'kvar'
          }
        ],
        'METE': [
          {
            name: '正向有功电能',
            attr: 'forwardActive',
-            pointName: '正向有功电能'
+            pointName: '正向有功电能',
+            unit: 'kWh'
          },
          {
            name: '反向有功电能',
            attr: 'reverseActive',
-            pointName: '反向有功电能'
+            pointName: '反向有功电能',
+            unit: 'kWh'
          },
          {
            name: '正向无功电能',
            attr: 'forwardReactive',
-            pointName: '正向无功电能'
+            pointName: '正向无功电能',
+            unit: 'kvarh'
          },
          {
            name: '反向无功电能',
            attr: 'reverseReactive',
-            pointName: '反向无功电能'
+            pointName: '反向无功电能',
+            unit: 'kvarh'
          },
          {
            name: '有功功率',
            attr: 'activePower',
-            pointName: '总有功功率'
+            pointName: '总有功功率',
+            unit: 'kW'
          },
          {
            name: '无功功率',
            attr: 'reactivePower',
-            pointName: '总无功功率'
+            pointName: '总无功功率',
+            unit: 'kvar'
          }
        ],
        'METEGF': [
          {
            name: '有功电能',
            attr: 'activeEnergy',
-            pointName: '有功电能'
+            pointName: '有功电能',
+            unit: 'kWh'
          },
          {
            name: '无功电能',
            attr: 'reactiveEnergy',
-            pointName: '无功电能'
+            pointName: '无功电能',
+            unit: 'kvarh'
          },
          {
            name: '有功功率',
            attr: 'activePower',
-            pointName: '总有功功率'
+            pointName: '总有功功率',
+            unit: 'kW'
          },
          {
            name: '无功功率',
            attr: 'reactivePower',
-            pointName: '总无功功率'
+            pointName: '总无功功率',
+            unit: 'kvar'
          }
        ]
      }
--- a/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
@ -6,7 +6,7 @@
    <div slot="header">
      <span class="card-title">PCS有功功率/PCS无功功率</span>
    </div>
-    <div style="height: 360px" id="cnglqxChart" />
+    <div style="height: 360px" id="cnglqxChart"/>
  </el-card>
 </template>

@ -14,7 +14,7 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
-import { storagePower } from "@/api/ems/dzjk";
+import {storagePower} from "@/api/ems/dzjk";

 export default {
  mixins: [resize],
@ -36,8 +36,8 @@ export default {
  methods: {
    init(siteId, timeRange) {
      this.chart.showLoading();
-      const [startTime='', endTime=''] = timeRange;
-      storagePower(siteId,startTime,endTime)
+      const [startTime = '', endTime = ''] = timeRange;
+      storagePower(siteId, startTime, endTime)
          .then((response) => {
            this.setOption(response?.data?.pcsPowerList || []);
          })
@ -62,8 +62,8 @@ export default {
              data: (element.energyStoragePowList || []).map(
                  (i) => {
                    return {
-                  value:i.pcsTotalActPower,
-                  year:i.dateDay || ''
+                      value: i.pcsTotalActPower,
+                      year: i.dateDay || ''
                    }
                  }
              )
@ -78,14 +78,14 @@ export default {
                  (i) => {
                    return {
                      value: i.pcsTotalReactivePower,
-                  year:i.dateDay || ''
+                      year: i.dateDay || ''
                    }
                  }
              ),
            }
        );
      });
-      this.chart.setOption({
+      this.chart && this.chart.setOption({
        legend: {
          left: "center",
          top: "5",
@ -99,29 +99,29 @@ export default {
          containLabel: true,
        },
        tooltip: {
-          show:true,
+          show: true,
          trigger: "axis",
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
-          formatter :(params)=>{
-            if(params.length <= 0) return
-            let result = (params[0].data.year || '')+' '+ params[0].name + '<div>'
-            params.forEach(item=>{
-              const {color,seriesName,value} = item
+          formatter: (params) => {
+            if (params.length <= 0) return
+            let result = (params[0].data.year || '') + ' ' + params[0].name + '<div>'
+            params.forEach(item => {
+              const {color, seriesName, value} = item
              result += `<div style="position: relative;padding-left:20px;line-height: 20px;">
                <div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
                <span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
            })
-            result+='</div>'
+            result += '</div>'
            return result
          }
        },
        textStyle: {
          color: "#333333",
        },
-        xAxis: { type: "category", data: xdata },
+        xAxis: {type: "category", data: xdata},
        yAxis: {
          type: "value",
        },
@ -137,7 +137,7 @@ export default {
          },
        ],
        series,
-      });
+      }, true);
    },
  },
 };
--- a/src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue
@ -54,7 +54,7 @@ export default {
          year:element.dateDay,
        });
      });
-      xdata = this.chart.setOption({
+      this.chart && this.chart.setOption({
        legend: {
          left: "center",
          top: "5",
@ -115,7 +115,7 @@ export default {
            data: ydata,
          },
        ],
-      });
+      },true);
    },
  },
 };
--- a/src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue
@ -57,7 +57,7 @@ export default {
          }
        );
      });
-      xdata = this.chart.setOption({
+      this.chart && this.chart.setOption({
        legend: {
          left: "center",
          top: "5",
@ -118,7 +118,7 @@ export default {
            data: ydata,
          },
        ],
-      });
+      },true);
    },
  },
 };
--- a/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
@ -66,7 +66,7 @@ export default {
          }),
        });
      });
-      this.chart.setOption({
+      this.chart && this.chart.setOption({
        legend: {
          left: "center",
          top: "5",
@ -118,7 +118,7 @@ export default {
          },
        ],
        series,
-      });
+      },true);
    },
  },
 };