From 823c0949d0728af7d6d88850ac1deb002f96ba96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Wed, 21 Jan 2026 18:58:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=88=E4=BF=AE=E6=94=B9,=E5=AE=9E?=
 =?UTF-8?q?=E6=97=B6=E8=BF=90=E8=A1=8C=E5=9B=BE=E8=A1=A8=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E7=AB=99=E7=82=B9=E6=95=B0=E6=8D=AE=E6=9C=AA=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D,=E7=94=B5=E8=A1=A8?=
 =?UTF-8?q?=E6=9C=AA=E7=9F=A5=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Ems/ZdBaseInfo/index.vue       |   4 +-
 src/views/ems/dzjk/sbjk/db/index.vue          |  60 ++++++----
 src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue  | 106 +++++++++---------
 src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue |   4 +-
 src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue  |   4 +-
 src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue |   4 +-
 6 files changed, 102 insertions(+), 80 deletions(-)

diff --git a/src/components/Ems/ZdBaseInfo/index.vue b/src/components/Ems/ZdBaseInfo/index.vue
index e18693a..8028c33 100644
--- 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'
diff --git a/src/views/ems/dzjk/sbjk/db/index.vue b/src/views/ems/dzjk/sbjk/db/index.vue
index 42fe458..cced76a 100644
--- 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'"
-                :span="8" class="device-info-col">
+        <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>
+          </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'
           }
         ]
       }
diff --git a/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue b/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
index 202d844..0c2d6b8 100644
--- a/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
+++ b/src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
@@ -1,12 +1,12 @@
 <template>
   <el-card
-    shadow="always"
-    class="common-card-container common-card-container-body-no-padding"
+      shadow="always"
+      class="common-card-container common-card-container-body-no-padding"
   >
     <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,56 +36,56 @@ export default {
   methods: {
     init(siteId, timeRange) {
       this.chart.showLoading();
-      const [startTime='', endTime=''] = timeRange;
-      storagePower(siteId,startTime,endTime)
-        .then((response) => {
-          this.setOption(response?.data?.pcsPowerList || []);
-        })
-        .finally(() => {
-          this.chart.hideLoading();
-        });
+      const [startTime = '', endTime = ''] = timeRange;
+      storagePower(siteId, startTime, endTime)
+          .then((response) => {
+            this.setOption(response?.data?.pcsPowerList || []);
+          })
+          .finally(() => {
+            this.chart.hideLoading();
+          });
     },
     setOption(data) {
       let xdata = [],
-        series = [];
+          series = [];
       data.forEach((element, index) => {
         if (index === 0) {
           xdata = (element.energyStoragePowList || []).map((i) => i.createDate);
         }
         series.push(
-          {
-            type: "line",
-            name: `${element.deviceId}有功功率`,
-            areaStyle: {
-              // color:'#FFBD00'
+            {
+              type: "line",
+              name: `${element.deviceId}有功功率`,
+              areaStyle: {
+                // color:'#FFBD00'
+              },
+              data: (element.energyStoragePowList || []).map(
+                  (i) => {
+                    return {
+                      value: i.pcsTotalActPower,
+                      year: i.dateDay || ''
+                    }
+                  }
+              )
             },
-            data: (element.energyStoragePowList || []).map(
-              (i) => {
-                return {
-                  value:i.pcsTotalActPower,
-                  year:i.dateDay || ''
-                }
-              }
-            )
-          },
-          {
-            type: "line",
-            name: `${element.deviceId}无功功率`,
-            areaStyle: {
-              // color:'#FFBD00'
-            },
-            data: (element.energyStoragePowList || []).map(
-              (i) => {
-                return {
-                  value: i.pcsTotalReactivePower,
-                  year:i.dateDay || ''
-                }
-              }
-            ),
-          }
+            {
+              type: "line",
+              name: `${element.deviceId}无功功率`,
+              areaStyle: {
+                // color:'#FFBD00'
+              },
+              data: (element.energyStoragePowList || []).map(
+                  (i) => {
+                    return {
+                      value: i.pcsTotalReactivePower,
+                      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
-              result +=  `<div style="position: relative;padding-left:20px;line-height: 20px;">
+          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);
     },
   },
 };
diff --git a/src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue b/src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue
index b54352e..5955110 100644
--- 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);
     },
   },
 };
diff --git a/src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue b/src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue
index e718d80..6689d08 100644
--- 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);
     },
   },
 };
diff --git a/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue b/src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
index 7b77321..f1223cd 100644
--- 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);
     },
   },
 };