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

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'

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]">
-                :span="8" class="device-info-col">
+          <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'
           }
         ]
       }

src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue

@@ -1,12 +1,12 @@
 <template>
   <el-card
-    shadow="always"
+      shadow="always"
-    class="common-card-container common-card-container-body-no-padding"
+      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;
+      const [startTime = '', endTime = ''] = timeRange;
-      storagePower(siteId,startTime,endTime)
+      storagePower(siteId, startTime, endTime)
-        .then((response) => {
+          .then((response) => {
-          this.setOption(response?.data?.pcsPowerList || []);
+            this.setOption(response?.data?.pcsPowerList || []);
-        })
+          })
-        .finally(() => {
+          .finally(() => {
-          this.chart.hideLoading();
+            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",
+              type: "line",
-            name: `${element.deviceId}有功功率`,
+              name: `${element.deviceId}有功功率`,
-            areaStyle: {
+              areaStyle: {
-              // color:'#FFBD00'
+                // color:'#FFBD00'
+              },
+              data: (element.energyStoragePowList || []).map(
+                  (i) => {
+                    return {
+                      value: i.pcsTotalActPower,
+                      year: i.dateDay || ''
+                    }
+                  }
+              )
             },
-            data: (element.energyStoragePowList || []).map(
+            {
-              (i) => {
+              type: "line",
-                return {
+              name: `${element.deviceId}无功功率`,
-                  value:i.pcsTotalActPower,
+              areaStyle: {
-                  year:i.dateDay || ''
+                // color:'#FFBD00'
-                }
+              },
-              }
+              data: (element.energyStoragePowList || []).map(
-            )
+                  (i) => {
-          },
+                    return {
-          {
+                      value: i.pcsTotalReactivePower,
-            type: "line",
+                      year: i.dateDay || ''
-            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)=>{
+          formatter: (params) => {
-            if(params.length <= 0) return
+            if (params.length <= 0) return
-            let result = (params[0].data.year || '')+' '+ params[0].name + '<div>'
+            let result = (params[0].data.year || '') + ' ' + params[0].name + '<div>'
-            params.forEach(item=>{
+            params.forEach(item => {
-              const {color,seriesName,value} = item
+              const {color, seriesName, value} = item
-              result +=  `<div style="position: relative;padding-left:20px;line-height: 20px;">
+              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);
     },
   },
 };

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);
     },
   },
 };

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);
     },
   },
 };

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);
     },
   },
 };