合并代码

src/api/ems/dzjk.js

@@ -7,13 +7,15 @@ export function getDzjkHomeView(siteId) {
         method: 'get'
     })
 }
+
 //站点首页 冲放曲线
-export function getSevenChargeData({siteId,startDate,endDate}) {
+export function getSevenChargeData({siteId, startDate, endDate}) {
     return request({
         url: `/ems/siteMap/getSevenChargeData?siteId=${siteId}&startDate=${startDate}&endDate=${endDate}`,
         method: 'get'
     })
 }
+
 // 获取站点包含的设备种类 用来判断单站监控设备监控的菜单栏展示
 export function getSiteAllDeviceCategory(siteId) {
     return request({
@@ -21,6 +23,15 @@ export function getSiteAllDeviceCategory(siteId) {
         method: 'get'
     })
 }
+
+//EMS
+export function getEmsDataList(siteId) {
+    return request({
+        url: `/ems/siteMonitor/getEmsDataList?siteId=${siteId}`,
+        method: 'get',
+    })
+}
+
 //获取pcs、实时运行头部的设备信息
 export function getRunningHeadInfo(siteId) {
     return request({
@@ -28,6 +39,7 @@ export function getRunningHeadInfo(siteId) {
         method: 'get'
     })
 }
+
 //获取pcs列表
 export function getPcsDetailInfo(siteId) {
     return request({
@@ -59,23 +71,26 @@ export function getStackNameList(siteId) {
         method: 'get'
     })
 }
+
 //获取单体电池 电池簇列表数据
-export function getClusterNameList({stackDeviceId,siteId}) {
+export function getClusterNameList({stackDeviceId, siteId}) {
     return request({
         url: `/ems/siteMonitor/getClusterNameList?stackDeviceId=${stackDeviceId}&siteId=${siteId}`,
         method: 'get'
     })
 }
+
 //单体电池表格数据
-export function getClusterDataInfoList({siteId, stackDeviceId, clusterDeviceId,batteryId, pageSize, pageNum}) {
+export function getClusterDataInfoList({siteId, stackDeviceId, clusterDeviceId, batteryId, pageSize, pageNum}) {
     return request({
         url: `/ems/siteMonitor/getClusterDataInfoList?clusterDeviceId=${clusterDeviceId}&siteId=${siteId}&stackDeviceId=${stackDeviceId}&batteryId=${batteryId}&pageSize=${pageSize}&pageNum=${pageNum}`,
         method: 'get'
     })
 }
+
 // 单体电池图表
 //http://localhost:8089/ems/siteMonitor/getSingleBatteryData?clusterDeviceId=BMSC01&siteId=021_FXX_01&deviceId=001&startDate=2025-07-11&endDate=2025-07-18
-export function getSingleBatteryData({siteId,deviceId,clusterDeviceId,startDate,endDate}) {
+export function getSingleBatteryData({siteId, deviceId, clusterDeviceId, startDate, endDate}) {
     return request({
         url: `/ems/siteMonitor/getSingleBatteryData?siteId=${siteId}&deviceId=${deviceId}&startDate=${startDate}&endDate=${endDate}&clusterDeviceId=${clusterDeviceId}`,
         method: 'get'
@@ -116,7 +131,16 @@ export function getAmmeterDataList(siteId) {
 }
 
 // 故障告警
-export function getAlarmDetailList({status,siteId, deviceId, alarmLevel, alarmStartTime, alarmEndTime,pageSize,pageNum}) {
+export function getAlarmDetailList({
+                                       status,
+                                       siteId,
+                                       deviceId,
+                                       alarmLevel,
+                                       alarmStartTime,
+                                       alarmEndTime,
+                                       pageSize,
+                                       pageNum
+                                   }) {
     return request({
         url: `/ems/siteAlarm/getAlarmDetailList?siteId=${siteId}&status=${status}&deviceId=${deviceId}&alarmLevel=${alarmLevel}&alarmStartTime=${alarmStartTime}&alarmEndTime=${alarmEndTime}&pageSize=${pageSize}&pageNum=${pageNum}`,
         method: 'get'
@@ -131,14 +155,16 @@ export function createTicketNo(data) {
         data
     })
 }
+
 // 概率统计
 //获取概率统计 电量指标接口
-export function getElectricData({siteId,startDate,endDate}) {
+export function getElectricData({siteId, startDate, endDate}) {
     return request({
         url: `/ems/statsReport/getElectricData?siteId=${siteId}&startDate=${startDate}&endDate=${endDate}`,
         method: 'get'
     })
 }
+
 //获取pcs列表
 export function getPcsNameList(siteId) {
     return request({
@@ -146,22 +172,25 @@ export function getPcsNameList(siteId) {
         method: 'get'
     })
 }
+
 //pcs曲线
-export function getPCSData({siteId,startTime,endTime,dataType}) {
+export function getPCSData({siteId, startTime, endTime, dataType}) {
     return request({
         url: `/ems/statsReport/getPCSData?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}&dataType=${dataType}`,
         method: 'get'
     })
 }
+
 //电池堆曲线
-export function getStackData({siteId,startTime,endTime,dataType}) {
+export function getStackData({siteId, startTime, endTime, dataType}) {
     return request({
         url: `/ems/statsReport/getStackData?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}&dataType=${dataType}`,
         method: 'get'
     })
 }
+
 //电池温度
-export function getClusterData({siteId,stackId,clusterId,dateTime,pageNum,pageSize}) {
+export function getClusterData({siteId, stackId, clusterId, dateTime, pageNum, pageSize}) {
     return request({
         url: `/ems/statsReport/getClusterData?siteId=${siteId}&stackId=${stackId}&clusterId=${clusterId}&dateTime=${dateTime}&pageNum=${pageNum}&pageSize=${pageSize}`,
         method: 'get'
@@ -171,35 +200,39 @@ export function getClusterData({siteId,stackId,clusterId,dateTime,pageNum,pageSi
 
 // 实时运行
 //储能
-export function storagePower(siteId,startTime,endTime) {
+export function storagePower(siteId, startTime, endTime) {
     return request({
         url: `/ems/siteMonitor/runningGraph/storagePower?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
         method: 'get'
     })
 }
+
 //poc温度
-export function pcsMaxTemp(siteId,startTime,endTime) {
+export function pcsMaxTemp(siteId, startTime, endTime) {
     return request({
         url: `/ems/siteMonitor/runningGraph/pcsMaxTemp?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
         method: 'get'
     })
 }
+
 // 电池平均soc
-export function batteryAveSoc(siteId,startTime,endTime) {
+export function batteryAveSoc(siteId, startTime, endTime) {
     return request({
         url: `/ems/siteMonitor/runningGraph/batteryAveSoc?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
         method: 'get'
     })
 }
+
 // 电池平均温度
-export function batteryAveTemp(siteId,startTime,endTime) {
+export function batteryAveTemp(siteId, startTime, endTime) {
     return request({
         url: `/ems/siteMonitor/runningGraph/batteryAveTemp?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
         method: 'get'
     })
 }
+
 // 功率曲线
-export function getPowerData({siteId,startDate,endDate}) {
+export function getPowerData({siteId, startDate, endDate}) {
     return request({
         url: `/ems/statsReport/getPowerData?siteId=${siteId}&startDate=${startDate}&endDate=${endDate}`,
         method: 'get'
@@ -213,14 +246,23 @@ export function getLoadNameList(siteId) {
         method: 'get'
     })
 }
+
 // 电表报表
-export function getAmmeterData({siteId,startTime,endTime, pageSize, pageNum}) {
+export function getAmmeterData({siteId, startTime, endTime, pageSize, pageNum}) {
     return request({
         url: `/ems/statsReport/getAmmeterData?siteId=${siteId}&startTime=${startTime}&endTime=${endTime}&pageSize=${pageSize}&pageNum=${pageNum}`,
         method: 'get'
     })
 }
 
+// 电价报表
+export function getAmmeterRevenueData(data) {
+    return request({
+        url: `/ems/statsReport/getAmmeterRevenueData`,
+        method: 'get',
+        params: data
+    })
+}
 
 //策略列表
 export function strategyRunningList(siteId) {
@@ -229,6 +271,7 @@ export function strategyRunningList(siteId) {
         method: 'get'
     })
 }
+
 //停止策略
 export function stopStrategyRunning(id) {
     return request({
@@ -236,6 +279,7 @@ export function stopStrategyRunning(id) {
         method: 'get'
     })
 }
+
 // 获取所有主策略
 export function getMainStrategyList() {
     return request({
@@ -243,6 +287,7 @@ export function getMainStrategyList() {
         method: 'get'
     })
 }
+
 //获取所有辅助策略
 export function getAuxStrategyList() {
     return request({
@@ -250,6 +295,7 @@ export function getAuxStrategyList() {
         method: 'get'
     })
 }
+
 //配置策略
 export function configStrategy(data) {
     return request({
@@ -261,12 +307,13 @@ export function configStrategy(data) {
 
 //http://localhost:8089/strategy/temp/getTempNameList?strategyId=1&siteId=021_FXX_01
 //获取策略下的所有模板列表
-export function getTempNameList({siteId,strategyId}) {
+export function getTempNameList({siteId, strategyId}) {
     return request({
         url: `/strategy/temp/getTempNameList?siteId=${siteId}&strategyId=${strategyId}`,
         method: 'get',
     })
 }
+
 //获取模板详情
 ///strategy/temp/list?templateId=1
 export function getStrategyTempDetail(templateId) {
@@ -275,6 +322,7 @@ export function getStrategyTempDetail(templateId) {
         method: 'get',
     })
 }
+
 //新增模板
 export function addStrategyTemp(data) {
     return request({
@@ -283,6 +331,7 @@ export function addStrategyTemp(data) {
         data
     })
 }
+
 export function editStrategyTemp(data) {
     return request({
         url: `/strategy/temp`,
@@ -290,21 +339,23 @@ export function editStrategyTemp(data) {
         data
     })
 }
+
 //http://localhost:8089/strategy/temp/{id}
 export function deleteStrategyTemp(id) {
     return request({
-    url: `/strategy/temp/`+id,
+        url: `/strategy/temp/` + id,
         method: 'delete',
     })
 }
 
 //http://localhost:8089/strategy/timeConfig/list?strategyId=1&siteId=021_FXX_01
-export function timeConfigList({siteId,strategyId}) {
+export function timeConfigList({siteId, strategyId}) {
     return request({
         url: `/strategy/timeConfig/list?siteId=${siteId}&strategyId=${strategyId}`,
         method: 'get',
     })
 }
+
 //保存时间配置
 // http://localhost:8089/strategy/timeConfig
 export function setTimeConfigList(data) {
@@ -314,9 +365,10 @@ export function setTimeConfigList(data) {
         data
     })
 }
+
 // 策略曲线图
 //http://localhost:8089/strategy/curve/curveList?strategyId=1&siteId=021_FXX_01
-export function curveList({siteId,strategyId}) {
+export function curveList({siteId, strategyId}) {
     return request({
         url: `/strategy/curve/curveList?siteId=${siteId}&strategyId=${strategyId}`,
         method: 'get',
@@ -324,7 +376,7 @@ export function curveList({siteId,strategyId}) {
 }
 
 //单站监控 首页 当日功率曲线
-export function getPointData({siteId,startDate,endDate}) {
+export function getPointData({siteId, startDate, endDate}) {
     return request({
         url: `/ems/siteMonitor/getPointData?siteId=${siteId}&startDate=${startDate}&endDate=${endDate}`,
         method: 'get',

src/router/ems.js

@@ -2,33 +2,33 @@ import Layout from "@/layout/index.vue";
 
 //单站监控
 // todo 本地设置了 hidden:true,不会显示在侧边栏，需要在系统管理、菜单管理中手动添加菜单后才会展示在侧边栏
-export const dzjk=[
+export const dzjk = [
     {
         path: '/dzjk',
         component: Layout,
         redirect: '/dzjk/home',
-    meta: { title: '单站监控', icon: 'server',},
+        meta: {title: '单站监控', icon: 'server',},
         alwaysShow: false,
-    name:'Dzjk',
+        name: 'Dzjk',
         children: [
             {
                 path: '/dzjk/home',
                 component: () => import('@/views/ems/dzjk/home/index.vue'),
                 name: 'DzjkHome',
-            meta: { title: '站点首页',breadcrumb: false,activeMenu: '/dzjk/home',activeSecondMenuName:'DzjkHome' }
+                meta: {title: '站点首页', breadcrumb: false, activeMenu: '/dzjk/home', activeSecondMenuName: 'DzjkHome'}
             },
             {
                 path: '/dzjk/zxlt',
                 component: () => import('@/views/ems/dzjk/zxlt/index.vue'),
                 name: 'DzjkZxlt',
-            meta: { title: '主线路图',breadcrumb: false,activeMenu: '/dzjk/zxlt',activeSecondMenuName:'DzjkZxlt' }
+                meta: {title: '主线路图', breadcrumb: false, activeMenu: '/dzjk/zxlt', activeSecondMenuName: 'DzjkZxlt'}
             },
             {
                 path: '/dzjk/sbjk',
                 component: () => import('@/views/ems/dzjk/sbjk/index.vue'),
                 name: 'DzjkSbjk',
                 alwaysShow: false,
-            meta: { title: '设备监控',breadcrumb: false,activeMenu: '/dzjk/sbjk'},
+                meta: {title: '设备监控', breadcrumb: false, activeMenu: '/dzjk/sbjk'},
                 hidden: false,
                 redirect: '/dzjk/sbjk/ssyx',
                 children: [
@@ -37,63 +37,130 @@ export const dzjk=[
                         component: () => import('@/views/ems/dzjk/sbjk/ssyx/index.vue'),
                         name: 'DzjkSbjkSsyx',
                         hidden: true,
-                meta: { title: '实时运行',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'SSYX'},
+                        meta: {
+                            title: '实时运行',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'SSYX'
+                        },
+                    },
+                    {
+                        path: 'ems',
+                        component: () => import('@/views/ems/dzjk/sbjk/ems/index.vue'),
+                        name: 'DzjkSbjkEms',
+                        hidden: true,
+                        meta: {
+                            title: 'EMS',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'EMS'
+                        },
                     },
                     {
                         path: 'pcs',
                         component: () => import('@/views/ems/dzjk/sbjk/pcs/index.vue'),
                         name: 'DzjkSbjkPcs',
                         hidden: true,
-                meta: { title: 'PCS',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'PCS'},
+                        meta: {
+                            title: 'PCS',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'PCS'
+                        },
                     },
                     {
                         path: 'bmszl',
                         component: () => import('@/views/ems/dzjk/sbjk/bmszl/index.vue'),
                         name: 'DzjkSbjkBmszl',
                         hidden: true,
-                meta: { title: 'BMS总览',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk', deviceCategory:'STACK'},
+                        meta: {
+                            title: 'BMS总览',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'STACK'
+                        },
                     },
                     {
                         path: 'bmsdcc',
                         component: () => import('@/views/ems/dzjk/sbjk/bmsdcc/index.vue'),
                         name: 'DzjkSbjkBmsdcc',
                         hidden: true,
-                meta: { title: 'BMS电池簇',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'CLUSTER'},
+                        meta: {
+                            title: 'BMS电池簇',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'CLUSTER'
+                        },
                     },
                     {
                         path: 'dtdc',
                         component: () => import('@/views/ems/dzjk/sbjk/dtdc/index.vue'),
                         name: 'DzjkSbjkDtdc',
                         hidden: true,
-                meta: { title: '单体电池',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'BATTERY'},
+                        meta: {
+                            title: '单体电池',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'BATTERY'
+                        },
                     },
                     {
                         path: 'db',
                         component: () => import('@/views/ems/dzjk/sbjk/db/index.vue'),
                         name: 'DzjkSbjkDb',
                         hidden: true,
-                meta: { title: '电表',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'AMMETER'},
+                        meta: {
+                            title: '电表',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'AMMETER'
+                        },
                     },
                     {
                         path: 'yl',
                         component: () => import('@/views/ems/dzjk/sbjk/yl/index.vue'),
                         name: 'DzjkSbjkYl',
                         hidden: true,
-                meta: { title: '液冷',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'COOLING'},
+                        meta: {
+                            title: '液冷',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/sbjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'COOLING'
+                        },
                     },
                     {
                         path: 'dh',
                         component: () => import('@/views/ems/dzjk/sbjk/dh/index.vue'),
                         name: 'DzjkSbjkDh',
                         hidden: true,
-                meta: { title: '动环',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'DH'},
+                        meta: {
+                            title: '动环',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'DH'
+                        },
                     },
                     {
                         path: 'xf',
                         component: () => import('@/views/ems/dzjk/sbjk/xf/index.vue'),
                         name: 'DzjkSbjkXf',
                         hidden: true,
-                meta: { title: '消防',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'XF'},
+                        meta: {
+                            title: '消防',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk',
+                            activeSecondMenuName: 'DzjkSbjk',
+                            deviceCategory: 'XF'
+                        },
                     }
                 ]
             },
@@ -101,7 +168,7 @@ export const dzjk=[
                 path: '/dzjk/gzgj',
                 component: () => import('@/views/ems/dzjk/gzgj/index.vue'),
                 name: 'DzjkGzgj',
-            meta: { title: '故障告警',breadcrumb: false,activeMenu: '/dzjk/gzgj',activeSecondMenuName:'DzjkGzgj' }
+                meta: {title: '故障告警', breadcrumb: false, activeMenu: '/dzjk/gzgj', activeSecondMenuName: 'DzjkGzgj'}
             },
             {
                 path: '/dzjk/tjbb',
@@ -117,42 +184,72 @@ export const dzjk=[
                         component: () => import('@/views/ems/dzjk/tjbb/gltj/index.vue'),
                         name: 'DzjkTjbbGltj',
                         hidden: true,
-                meta: { title: '概率统计',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: '概率统计',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     },
                     {
                         path: 'glqx',
                         component: () => import('@/views/ems/dzjk/tjbb/glqx/index.vue'),
                         name: 'DzjkTjbbGlqx',
                         hidden: true,
-                meta: { title: '功率曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: '功率曲线',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     },
                     {
                         path: 'pcsqx',
                         component: () => import('@/views/ems/dzjk/tjbb/pcsqx/index.vue'),
                         name: 'DzjkTjbbPcsqx',
                         hidden: true,
-                meta: { title: 'PCS曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: 'PCS曲线',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     },
                     {
                         path: 'dcdqx',
                         component: () => import('@/views/ems/dzjk/tjbb/dcdqx/index.vue'),
                         name: 'DzjkTjbbDcdqx',
                         hidden: true,
-                meta: { title: '电池堆曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: '电池堆曲线',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     },
                     {
                         path: 'dcwd',
                         component: () => import('@/views/ems/dzjk/tjbb/dcwd/index.vue'),
                         name: 'DzjkTjbbDcwd',
                         hidden: true,
-                meta: { title: '电池温度',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: '电池温度',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     },
                     {
                         path: 'dbbb',
                         component: () => import('@/views/ems/dzjk/tjbb/dbbb/index.vue'),
                         name: 'DzjkTjbbDbbb',
                         hidden: true,
-                meta: { title: '电表报表',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
+                        meta: {
+                            title: '电表报表',
+                            breadcrumb: false,
+                            activeMenu: '/dzjk/tjbb',
+                            activeSecondMenuName: 'DzjkTjbb'
+                        },
                     }
                 ]
             },

src/store/modules/ems.js

@@ -1,26 +1,26 @@
 import {getAllSites} from '@/api/ems/zddt'
-import {getAlarmDetailList,getSiteAllDeviceCategory} from'@/api/ems/dzjk'
+import {getAlarmDetailList, getSiteAllDeviceCategory} from '@/api/ems/dzjk'
+
 const ems = {
     state: {
-    dzjkAlarmLighting:false,//单站监控 告警统计红点标志
+        dzjkAlarmLighting: false,//单站监控 告警统计红点标志
-    zdList:[],
+        zdList: [],
-    zdDeviceCategoryOptions:{},//站点各个站点包含的设备种类 {021_DDS_01:["BATTERY","CLUSTER","STACK", "DH", "AMMETER", "PCS", "XF"],021_DDS_02:[]...}
+        zdDeviceCategoryOptions: {},//站点各个站点包含的设备种类 {021_DDS_01:["BATTERY","CLUSTER","STACK", "DH", "AMMETER", "PCS", "XF"],021_DDS_02:[]...}
-    workStatusOptions:{'0':'正常','1':'异常','2':'停止'},//工作状态
+        workStatusOptions: {'0': '正常', '1': '异常', '2': '停止'},//工作状态
-    deviceStatusOptions:{'0':'离线','1':'待机','2':'运行','3':'故障','4':'停机'},//设备状态
+        deviceStatusOptions: {'0': '离线', '1': '待机', '2': '运行', '3': '故障', '4': '停机'},//设备状态
-    gridStatusOptions:{'0':'并网','1':'未并网'},//并网状态
+        gridStatusOptions: {'0': '并网', '1': '未并网'},//并网状态
-    controlModeOptions:{'0':'远程','1':'本地'},//控制模式
+        controlModeOptions: {'0': '远程', '1': '本地'},//控制模式
-    warnOptions:{0:'正常', 1:'中断', 2:'不在线',3:'异常'},//告警状态
+        warnOptions: {0: '正常', 1: '中断', 2: '不在线', 3: '异常'},//告警状态
-    communicationStatusOptions:{'0':'正常','1':'通讯中断','2':'异常'},//通讯状态
+        communicationStatusOptions: {'0': '正常', '1': '通讯中断', '2': '异常'},//通讯状态
-    workModeOptions:{'0':'正常','1':'停止'},//工作模式
+        workModeOptions: {'0': '正常', '1': '停止'},//工作模式
-    alarmLevelOptions:{'A':'提示','B':'一般','C':'严重','D':'紧急'},//告警等级
+        alarmLevelOptions: {'A': '提示', 'B': '一般', 'C': '严重', 'D': '紧急'},//告警等级
-    alarmStatusOptions:{'0':'待处理','1':'已处理','2':'处理中'},//告警状态
+        alarmStatusOptions: {'0': '待处理', '1': '已处理', '2': '处理中'},//告警状态
-    deviceTypeOptions:{'TCP':'TCP','RTU':'RTU'},//设备类型
+        deviceTypeOptions: {'TCP': 'TCP', 'RTU': 'RTU'},//设备类型
-    ticketStatusOptions:{1:'待处理', 2:'处理中', 3:'已处理'},//工单处理状态
+        ticketStatusOptions: {1: '待处理', 2: '处理中', 3: '已处理'},//工单处理状态
-    strategyStatusOptions:{'0':'未启用', '1':'已运行', '2':'已暂停', '3':'禁用', '4':'删除'},//策略状态
+        strategyStatusOptions: {'0': '未启用', '1': '已运行', '2': '已暂停', '3': '禁用', '4': '删除'},//策略状态
-    chargeStatusOptions:{'1':'充电','2':'待机'},//冲放状态
+        chargeStatusOptions: {'1': '充电', '2': '待机'},//冲放状态
-    deviceCategoryOptions:{'PCS':'PCS','STACK':'电池堆','CLUSTER':'电池簇','COOLING':'液冷','BATTERY':'单体电池','AMMETER':'电表'},//设备类别
+        comparisonOperatorOptions: {'>': '>', '<': '<', '=': '=', '>=': '>=', '<=': '<='},
-    comparisonOperatorOptions:{'>':'>','<':'<','=':'=','>=':'>=','<=':'<='},
+        relationWithPoint: {'||': '||', '&&': '&&'}
-    relationWithPoint:{'||':'||','&&':'&&'}
     },
     mutations: {
         SET_ZD_LIST(state, list) {
@@ -29,30 +29,39 @@ const ems = {
         SET_DZJK_ALARM_LIGHTING(state, status) {
             state.dzjkAlarmLighting = status
         },
-    SET_ZD_DEVICE_CATEGORY_OPTIONS(state,{siteId,data}){
+        SET_ZD_DEVICE_CATEGORY_OPTIONS(state, {siteId, data}) {
-      state.zdDeviceCategoryOptions = Object.assign({}, state.zdDeviceCategoryOptions, {[siteId]:data})
+            state.zdDeviceCategoryOptions = Object.assign({}, state.zdDeviceCategoryOptions, {[siteId]: data})
         }
     },
     actions: {
-    getZdList({commit,state}){
+        getZdList({commit, state}) {
-      if(state.zdList.length === 0){
+            if (state.zdList.length === 0) {
                 getAllSites().then(response => {
                     commit('SET_ZD_LIST', response?.data || [])
-          console.log('store action getZdList 获取站点数据',state.zdList)
+                    console.log('store action getZdList 获取站点数据', state.zdList)
                 })
             }
         },
         //查询站点的所有待处理0的告警 存在展示红点标志
-    getSiteAlarmNum({state,commit},siteId){
+        getSiteAlarmNum({state, commit}, siteId) {
-      getAlarmDetailList({status:0,siteId,pageSize:10,pageNum:1,deviceId:'',alarmLevel:'',alarmStartTime:'',alarmEndTime:''}).then(response=>{
+            getAlarmDetailList({
-        commit('SET_DZJK_ALARM_LIGHTING',!!response?.total || false)
+                status: 0,
+                siteId,
+                pageSize: 10,
+                pageNum: 1,
+                deviceId: '',
+                alarmLevel: '',
+                alarmStartTime: '',
+                alarmEndTime: ''
+            }).then(response => {
+                commit('SET_DZJK_ALARM_LIGHTING', !!response?.total || false)
             })
         },
-    getSiteDeviceCategory({state,commit},siteId){
+        getSiteDeviceCategory({state, commit}, siteId) {
-      getSiteAllDeviceCategory(siteId).then(response=>{
+            getSiteAllDeviceCategory(siteId).then(response => {
                 let data = response?.data || [];
                 data.unshift('SSYX');
-        commit('SET_ZD_DEVICE_CATEGORY_OPTIONS',{siteId,data})
+                commit('SET_ZD_DEVICE_CATEGORY_OPTIONS', {siteId, data})
             })
         }
 

src/views/ems/dzjk/sbjk/PointChart.vue

@@ -37,10 +37,11 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import DateTimeSelect from "@/views/ems/search/DateTimeSelect.vue";
-import { getPointValueList } from "@/api/ems/search";
+import {getPointValueList} from "@/api/ems/search";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
+
 export default {
-  components: { DateRangeSelect, DateTimeSelect },
+  components: {DateRangeSelect, DateTimeSelect},
   mixins: [resize],
   props: {
     siteId: {
@@ -93,7 +94,7 @@ export default {
     };
   },
   methods: {
-    showChart({ pointName, deviceCategory, deviceId, child = "" }) {
+    showChart({pointName, deviceCategory, deviceId, child = ""}) {
       //初始化数据
       this.pointName = pointName;
       this.deviceCategory = deviceCategory;
@@ -163,8 +164,21 @@ export default {
       if (!this.chart) return;
       this.chart.clear();
       console.log("返回的数据", data);
+      if (!data || data.length <= 0) {
+        this.$message.warning("暂无数据");
+      }
+      console.log('展示的图表类型chartType', data[0].chartType)
+
+      if (data[0].chartType === 2) {
+        //   箱型图
+        this.setBoxOption(data)
+      } else {
+        //折线图
+        this.setLineOption(data)
+      }
+    },
+    setLineOption(data) {
       let dataset = [];
-      if (data.length > 0) {
       data.forEach((item, index) => {
         item.deviceList.forEach((inner) => {
           dataset.push({
@@ -177,14 +191,14 @@ export default {
             markPoint: {
               symbolSize: 30,
               emphasis: {
-                  disabled:false//打开 鼠标高亮
+                disabled: false//打开 鼠标高亮
               },
               data: [//最大值、最小值
                 {
                   // type: 'max',
                   name: `最大值`,
-                    coord:[inner.maxDate,inner.maxValue],
+                  coord: [inner.maxDate, inner.maxValue],
-                    relativeTo:'coordinate',
+                  relativeTo: 'coordinate',
                   label: {
                     position: "top",
                     formatter: item.dataType === 2 ? ([
@@ -200,8 +214,8 @@ export default {
                 {
                   // type: 'min',
                   name: `最小值`,
-                    coord:[inner.minDate,inner.minValue],
+                  coord: [inner.minDate, inner.minValue],
-                    relativeTo:'coordinate',
+                  relativeTo: 'coordinate',
                   label: {
                     position: "top",
                     formatter: item.dataType === 2 ? ([
@@ -226,10 +240,7 @@ export default {
           });
         });
       });
-      } else {
+      console.log("折线图图表数据", dataset);
-        this.$message.warning("暂无数据");
-      }
-      console.log("图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -241,14 +252,17 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            // 坐标轴指示器，坐标轴触发有效
+            type: 'cross',
-            type: "cross", // 默认为直线，可选为：'line' | 'shadow'
           },
+          // axisPointer: {
+          //   // 坐标轴指示器，坐标轴触发有效
+          //   type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          // },
         },
         textStyle: {
           color: "#333333",
         },
-        xAxis: { type: "category", data: dataset?.[0]?.xdata || [] },
+        xAxis: {type: "category", data: dataset?.[0]?.xdata || []},
         yAxis: {
           type: "value",
         },
@@ -266,6 +280,122 @@ export default {
         series: dataset,
       });
     },
+    setBoxOption(data) {
+      let dataset = [];
+      data.forEach((item, index) => {
+        item.deviceList.forEach((inner) => {
+          dataset.push({
+            name: `${
+                this.isDtdc
+                    ? `${inner.parentDeviceId ? inner.parentDeviceId + "-" : ""}${inner.deviceId}`
+                    : `${inner.deviceId}`
+            }`,
+            type: "boxplot",
+            // markPoint: {
+            //   symbolSize: 30,
+            //   emphasis: {
+            //     disabled: false//打开 鼠标高亮
+            //   },
+            //   data: [//最大值、最小值
+            //     {
+            //       // type: 'max',
+            //       name: `最大值`,
+            //       coord: [inner.maxDate, inner.maxValue],
+            //       relativeTo: 'coordinate',
+            //       label: {
+            //         position: "top",
+            //         formatter: item.dataType === 2 ? ([
+            //           `最大值:${inner.maxValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //           `差值:${inner.diffValue}`,
+            //         ]).join('\n') : ([
+            //           `最大值:${inner.maxValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //         ]).join('\n'),
+            //       },
+            //     },
+            //     {
+            //       // type: 'min',
+            //       name: `最小值`,
+            //       coord: [inner.minDate, inner.minValue],
+            //       relativeTo: 'coordinate',
+            //       label: {
+            //         position: "top",
+            //         formatter: item.dataType === 2 ? ([
+            //           `最小值:${inner.minValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //           `差值:${inner.diffValue}`,
+            //         ]).join('\n') : ([
+            //           `最小值:${inner.minValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //         ]).join('\n'),
+            //       }
+            //     }
+            //   ]
+            // },
+            xdata: [],
+            data: [],
+          });
+          const length = dataset.length;
+          inner.pointValueList.forEach((value) => {
+            const {valueDate, min, q1, median, q3, max} = value
+            // const mid = (max - min) / 2, minLine = min + Math.abs(median / 2),
+            //     maxLine = max - Math.abs(median / 2)
+            dataset[length - 1].xdata.push(valueDate);
+            dataset[length - 1].data.push([min, q1, median, q3, max]);
+          });
+        });
+      });
+      console.log("箱型图图表数据", dataset);
+      this.chart.setOption({
+        legend: {
+          // left: 'center',
+          // top: '10',
+        },
+        grid: {
+          containLabel: true,
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: function (params) {
+            let data = params.data;
+            let result = params.marker + params.name + ' ' + params.seriesName + '<br/>';
+            result += '最小值: ' + data[1] + '<br/>';
+            result += '平均值: ' + data[3] + '<br/>';
+            result += '最大值: ' + data[5];
+            return result;
+          }
+          // trigger: "axis",
+          // axisPointer: {
+          //   type: 'cross',
+          // },
+          // axisPointer: {
+          //   // 坐标轴指示器，坐标轴触发有效
+          //   type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          // },
+        },
+        textStyle: {
+          color: "#333333",
+        },
+        xAxis: {type: "category", data: dataset?.[0]?.xdata || []},
+        yAxis: {
+          type: "value",
+        },
+        dataZoom: [
+          {
+            type: "inside",
+            start: 0,
+            end: 100,
+          },
+          {
+            start: 0,
+            end: 100,
+          },
+        ],
+        series: dataset,
+      });
+    },
+
     updateDate(val) {
       this.dataRange = val || [];
       this.getDate();

src/views/ems/dzjk/sbjk/ems/index.vue

@@ -0,0 +1,334 @@
+<template>
+  <div v-loading="loading" class="ems">
+    <!--    <div-->
+    <!--        v-for="(item, index) in list"-->
+    <!--        :key="index + 'PcsHome'"-->
+    <!--        style="margin-bottom: 25px"-->
+    <!--    >-->
+    <!--      <el-card-->
+    <!--          :class="{-->
+    <!--          'warning-card-container': item.workStatus === '1',-->
+    <!--          'timing-card-container': item.workStatus === '2',-->
+    <!--          'running-card-container': !['1', '2'].includes(item.workStatus),-->
+    <!--        }"-->
+    <!--          class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"-->
+    <!--          shadow="always"-->
+    <!--      >-->
+    <!--        &lt;!&ndash;        标题&ndash;&gt;-->
+    <!--        <div slot="header">-->
+    <!--          <span class="large-title"-->
+    <!--          >{{ item.deviceName }}</span-->
+    <!--          >-->
+    <!--          <div class="info">-->
+    <!--            <div>-->
+    <!--              {{-->
+    <!--                $store.state.ems.workStatusOptions[item.workStatus]-->
+    <!--              }}-->
+    <!--            </div>-->
+    <!--            <div>数据更新时间：{{ item.dataUpdateTime }}</div>-->
+    <!--          </div>-->
+    <!--          <div class="alarm">-->
+    <!--            <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(item,'point')">-->
+    <!--              详细-->
+    <!--            </el-button>-->
+    <!--            <el-badge :value="item.alarmNum || 0" class="item">-->
+    <!--              <i-->
+    <!--                  class="el-icon-message-solid alarm-icon"-->
+    <!--                  @click="pointDetail(item,'alarmPoint')"-->
+    <!--              ></i>-->
+    <!--            </el-badge>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--        &lt;!&ndash;        工作状态&ndash;&gt;-->
+    <!--        <div class="descriptions-main">-->
+    <!--          <el-descriptions :colon="false" :column="5" direction="vertical">-->
+    <!--            <el-descriptions-item-->
+    <!--                :contentClassName="`descriptions-direction ${-->
+    <!--                            item.workStatus === '0' ? 'save' : 'danger'-->
+    <!--                          }`"-->
+    <!--                :span="1"-->
+    <!--                label="工作状态"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >{{-->
+    <!--                $store.state.ems.workStatusOptions[item.workStatus]-->
+    <!--              }}-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="工作模式"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--              todo 手动/自动-->
+    <!--              {{-->
+    <!--                $store.state.ems.gridStatusOptions[item.gridStatus]-->
+    <!--              }}-->
+
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="并网状态"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >{{-->
+    <!--                $store.state.ems.gridStatusOptions[item.gridStatus]-->
+    <!--              }}-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="告警状态"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--              todo-->
+    <!--              &lt;!&ndash;-->
+    <!--              {{-->
+    <!--                              $store.state.ems.warnOptions[item.warnMode]-->
+    <!--                            }}&ndash;&gt;-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :contentClassName="`descriptions-direction ${-->
+    <!--                item.deviceStatus === '2' ? 'save' : 'danger'-->
+    <!--              }`"-->
+    <!--                :span="1"-->
+    <!--                label="设备状态"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >{{-->
+    <!--                $store.state.ems.deviceStatusOptions[item.deviceStatus]-->
+    <!--              }}-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--          </el-descriptions>-->
+    <!--        </div>-->
+    <!--        &lt;!&ndash;        用电量&ndash;&gt;-->
+    <!--        <div class="descriptions-main descriptions-main-bg-color">-->
+    <!--          <el-descriptions :colon="false" :column="5" direction="vertical">-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="5"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="当日用电量："-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="电网用电量"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="储能放电量"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="储能充电量"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="负荷用电量"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--            <el-descriptions-item-->
+    <!--                :span="1"-->
+    <!--                contentClassName="descriptions-direction"-->
+    <!--                label="光伏发电量"-->
+    <!--                labelClassName="descriptions-label"-->
+    <!--            >-->
+    <!--            </el-descriptions-item-->
+    <!--            >-->
+    <!--          </el-descriptions>-->
+    <!--        </div>-->
+    <!--        &lt;!&ndash;        表格&ndash;&gt;-->
+    <!--        <el-table-->
+    <!--            class="common-table"-->
+    <!--            stripe-->
+    <!--            style="width: 100%;margin-top:25px;">-->
+    <!--          <el-table-column-->
+    <!--              label="功率"-->
+    <!--              prop="type">-->
+    <!--          </el-table-column>-->
+    <!--          <el-table-column-->
+    <!--              label="电网"-->
+    <!--          >-->
+    <!--            <template slot-scope="scope">-->
+    <!--              <span class="pointer"-->
+    <!--                    @click="showChart('簇电压',scope.row.clusterId)">{{ scope.row.clusterVoltage }} V</span>-->
+    <!--            </template>-->
+    <!--          </el-table-column>-->
+    <!--          <el-table-column-->
+    <!--              label="储能">-->
+    <!--            <template slot-scope="scope">-->
+    <!--              <span class="pointer"-->
+    <!--                    @click="showChart('簇电流',scope.row.clusterId)">{{ scope.row.clusterCurrent }} A</span>-->
+    <!--            </template>-->
+    <!--          </el-table-column>-->
+    <!--          <el-table-column-->
+    <!--              label="负荷">-->
+    <!--            <template slot-scope="scope">-->
+    <!--              <span class="pointer"-->
+    <!--                    @click="showChart('簇电流',scope.row.clusterId)">{{ scope.row.clusterCurrent }} A</span>-->
+    <!--            </template>-->
+    <!--          </el-table-column>-->
+    <!--          <el-table-column-->
+    <!--              label="光伏">-->
+    <!--            <template slot-scope="scope">-->
+    <!--              <span class="pointer"-->
+    <!--                    @click="showChart('当前SOC',scope.row.clusterId)">{{ scope.row.currentSoc }} %</span>-->
+    <!--            </template>-->
+    <!--          </el-table-column>-->
+    <!--        </el-table>-->
+    <!--        &lt;!&ndash;        图表&ndash;&gt;-->
+    <!--        <div id="emsChart" style="height: 350px"></div>-->
+    <!--      </el-card>-->
+    <!--    </div>-->
+    <el-card
+        v-for="(item,index) in list"
+        :key="index+'emsList'"
+        class="sbjk-card-container list running-card-container"
+        shadow="always"
+    >
+      <div slot="header">
+        <span class="large-title">{{ item.deviceName }}</span>
+        <div class="info">
+          <div>
+            EMS控制模式: {{
+              item.emsStatus === 0 ? '自动' : '手动'
+            }}
+          </div>
+          <div>数据更新时间：{{ item.dataUpdateTime }}</div>
+        </div>
+        <div class="alarm">
+          <el-button size="small" style="margin-right:20px;" type="primary" @click="pointDetail(item,'point')">详细
+          </el-button>
+          <el-badge :value="item.alarmNum || 0" class="item">
+            <i
+                class="el-icon-message-solid alarm-icon"
+                @click="pointDetail(item,'alarmPoint')"
+            ></i>
+          </el-badge>
+        </div>
+      </div>
+      <el-row class="device-info-row">
+        <el-col v-for="(tempDataItem,tempDataIndex) in bmsDataList" :key="tempDataIndex+'bmsTempData'"
+                :span="6" class="device-info-col">
+            <span class="pointer" @click="showChart(tempDataItem.name,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 v-for="(tempDataItem,tempDataIndex) in pcsDataList" :key="tempDataIndex+'pcsTempData'"
+                :span="6" class="device-info-col">
+            <span class="pointer" @click="showChart(tempDataItem.name,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-row>
+    </el-card>
+
+    <el-empty v-show="list.length <= 0" :image-size="200"></el-empty>
+    <point-chart ref="pointChart" :site-id="siteId"/>
+    <point-table ref="pointTable"/>
+  </div>
+</template>
+
+<script>
+import pointChart from "./../PointChart.vue";
+import PointTable from "@/views/ems/site/sblb/PointTable.vue";
+import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import {getEmsDataList} from "@/api/ems/dzjk";
+import intervalUpdate from "@/mixins/ems/intervalUpdate";
+
+export default {
+  name: "DzjkSbjkEms",
+  components: {pointChart, PointTable},
+  mixins: [getQuerySiteId, intervalUpdate],
+  data() {
+    return {
+      loading: false,
+      list: [],
+      bmsDataList: [{
+        name: 'BMS1SOC',
+        attr: 'bms1Soc'
+      },
+        {
+          name: 'BMS2SOC',
+          attr: 'bms2Soc'
+        },
+        {
+          name: 'BMS3SOC',
+          attr: 'bms3Soc'
+        },
+        {
+          name: 'BMS4SOC',
+          attr: 'bms4Soc'
+        }],
+      pcsDataList: [{
+        name: 'PCS-1有功功率',
+        attr: 'pcs1Yggl'
+      },
+        {
+          name: 'PCS-2有功功率',
+          attr: 'pcs2Yggl'
+        },
+        {
+          name: 'PCS-3有功功率',
+          attr: 'pcs3Yggl'
+        },
+        {
+          name: 'PCS-4有功功率',
+          attr: 'pcs4Yggl'
+        }]
+    };
+  },
+  methods: {
+    // 查看设备电位表格
+    pointDetail(row, dataType) {
+      const {deviceId} = row
+      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'EMS'}, dataType)
+    },
+    showChart(pointName, deviceId) {
+      pointName &&
+      this.$refs.pointChart.showChart({pointName, deviceCategory: 'EMS', deviceId});
+    },
+    getData() {
+      this.loading = true;
+      getEmsDataList(this.siteId)
+          .then((response) => {
+            const data = response?.data || {};
+            this.list = JSON.parse(JSON.stringify(data));
+          })
+          .finally(() => (this.loading = false));
+    },
+    updateData() {
+      this.getData();
+    },
+    init() {
+      this.updateData();
+      this.updateInterval(this.updateData);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/ems/dzjk/tjbb/sybb/index.vue

@@ -1,4 +1,3 @@
-
 <template>
   <div style="width:100%" v-loading="loading">
     <!--    搜索栏-->
@@ -29,7 +28,7 @@
         :data="tableData"
         stripe
         style="width: 100%;margin-top:25px;">
-<!--        汇总列-->
+      <!--        汇总列-->
       <el-table-column label="汇总">
         <el-table-column
             prop="dataTime"
@@ -37,31 +36,31 @@
             width="120">
         </el-table-column>
       </el-table-column>
-<!--充电量列-->
+      <!--充电量列-->
       <el-table-column label="充电价格" align="center">
         <el-table-column
             align="center"
-              prop="activePeakKwh"
+            prop="activePeakPrice"
             label="尖">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="activeHighKwh"
+            prop="activeHighPrice"
             label="峰">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="activeFlatKwh"
+            prop="activeFlatPrice"
             label="平">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="activeValleyKwh"
+            prop="activeValleyPrice"
             label="谷">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="activeTotalKwh"
+            prop="activeTotalPrice"
             label="总">
         </el-table-column>
       </el-table-column>
@@ -69,37 +68,37 @@
       <el-table-column label="放电价格" align="center">
         <el-table-column
             align="center"
-              prop="reActivePeakKwh"
+            prop="reActivePeakPrice"
             label="尖">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="reActiveHighKwh"
+            prop="reActiveHighPrice"
             label="峰">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="reActiveFlatKwh"
+            prop="reActiveFlatPrice"
             label="平">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="reActiveValleyKwh"
+            prop="reActiveValleyPrice"
             label="谷">
         </el-table-column>
         <el-table-column
             align="center"
-              prop="reActiveTotalKwh"
+            prop="reActiveTotalPrice"
             label="总">
         </el-table-column>
       </el-table-column>
-<!--        效率-->
+      <!--        效率-->
-<!--          <el-table-column label="效率(%)" align="center">-->
+      <!--          <el-table-column label="效率(%)" align="center">-->
-<!--            <el-table-column-->
+      <!--            <el-table-column-->
-<!--                align="center"-->
+      <!--                align="center"-->
-<!--              prop="effect">-->
+      <!--              prop="effect">-->
-<!--            </el-table-column>-->
+      <!--            </el-table-column>-->
-<!--          </el-table-column>-->
+      <!--          </el-table-column>-->
     </el-table>
     <el-pagination
         v-show="tableData.length>0"
@@ -120,74 +119,76 @@
 
 <script>
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import { getAmmeterData} from '@/api/ems/dzjk'
+import {getAmmeterRevenueData} from '@/api/ems/dzjk'
 import {formatDate} from "@/filters/ems";
+
 export default {
-  name:'DzjkTjbbSybb',
+  name: 'DzjkTjbbSybb',
   mixins: [getQuerySiteId],
   data() {
     return {
-      loading:false,
+      loading: false,
-      pickerOptions:{
+      pickerOptions: {
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange:[],//默认展示的时间
+      defaultDateRange: [],//默认展示的时间
-      dateRange:[],
+      dateRange: [],
-      tableData:[],
+      tableData: [],
-      pageSize:10,//分页栏当前每个数据总数
+      pageSize: 10,//分页栏当前每个数据总数
-      pageNum:1,//分页栏当前页数
+      pageNum: 1,//分页栏当前页数
-      totalSize:0,//table表格数据总数
+      totalSize: 0,//table表格数据总数
     }
   },
-  methods:{
+  methods: {
     // 搜索
-    onSearch(){
+    onSearch() {
-      this.pageNum =1//每次搜索从1开始搜索
+      this.pageNum = 1//每次搜索从1开始搜索
       this.getData()
     },
     // 重置
-    onReset(){
+    onReset() {
-      this.dateRange=this.defaultDateRange
+      this.dateRange = this.defaultDateRange
-      this.pageNum =1//每次搜索从1开始搜索
+      this.pageNum = 1//每次搜索从1开始搜索
       this.getData()
     },
     // 分页
     handleSizeChange(val) {
       this.pageSize = val;
-      this.$nextTick(()=>{
+      this.$nextTick(() => {
         this.getData()
       })
     },
     handleCurrentChange(val) {
       this.pageNum = val
-      this.$nextTick(()=>{
+      this.$nextTick(() => {
         this.getData()
       })
     },
     // 获取数据
-    getData(){
+    getData() {
-      this.loading=true
+      this.loading = true
-      const {siteId,pageNum,pageSize} =this
+      const {siteId, pageNum, pageSize} = this
-      const [startTime='',endTime='']=(this.dateRange || [])
+      const [startTime = '', endTime = ''] = (this.dateRange || [])
-      getAmmeterData({siteId:siteId,startTime,endTime,pageSize,pageNum}).then(response=>{
+//http://localhost:8089/ems/statsReport/getAmmeterRevenueData?siteId=021_DDS_01&startTime=2025-10-14&endTime=2025-10-15&pageSize=10&pageNum=1
-        this.tableData=response?.rows || [];
+      getAmmeterRevenueData({siteId: siteId, startTime, endTime, pageSize, pageNum}).then(response => {
+        this.tableData = response?.rows || [];
         this.totalSize = response?.total || 0
-      }).finally(()=> {
+      }).finally(() => {
         this.loading = false
       })
     },
-    init(){
+    init() {
-      this.dateRange=[]
+      this.dateRange = []
-      this.tableData=[]
+      this.tableData = []
-      this.totalSize=0
+      this.totalSize = 0
-      this.pageSize=10
+      this.pageSize = 10
       this.pageNum = 1
       const now = new Date().getTime();
-      const lastMonth = new Date(now-30 * 24 * 60 * 60 * 1000).getTime();
+      const lastMonth = new Date(now - 30 * 24 * 60 * 60 * 1000).getTime();
       this.defaultDateRange = [formatDate(lastMonth), formatDate(now)];
-      this.dateRange=[formatDate(lastMonth), formatDate(now)];
+      this.dateRange = [formatDate(lastMonth), formatDate(now)];
       this.getData()
     },
   },
@@ -195,8 +196,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep{
+::v-deep {
-  .common-table.el-table .el-table__header-wrapper th, .common-table.el-table .el-table__fixed-header-wrapper th{
+  .common-table.el-table .el-table__header-wrapper th, .common-table.el-table .el-table__fixed-header-wrapper th {
     border-bottom: 1px solid #dfe6ec;
   }
 }

src/views/ems/search/index.vue

@@ -97,18 +97,14 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
-import { getAllSites } from "@/api/ems/zddt";
+import {getAllSites} from "@/api/ems/zddt";
-import {
+import {getAllBatteryIdsBySites, getAllDeviceCategory, getPointValueList, pointFuzzyQuery,} from "@/api/ems/search";
-  getAllDeviceCategory,
-  getPointValueList,
-  pointFuzzyQuery,
-  getAllBatteryIdsBySites,
-} from "@/api/ems/search";
 import DateTimeSelect from "./DateTimeSelect.vue";
+
 export default {
   name: "Search",
   mixins: [resize],
-  components: { DateTimeSelect },
+  components: {DateTimeSelect},
   computed: {
     isDtdc() {
       return this.form.deviceCategory === "BATTERY";
@@ -161,7 +157,7 @@ export default {
     getChildList() {
       this.childOptions = [];
       this.form.child = [];
-      const { siteIds } = this.form;
+      const {siteIds} = this.form;
       getAllBatteryIdsBySites([siteIds]).then((response) => {
         const data = response?.data || {};
         const base = 50;
@@ -214,11 +210,26 @@ export default {
       this.getDate();
     },
     setOption(data) {
+      // 点位类型	dataType	1-瞬时值 2-累计值	仅当值为2展示差值
+      // 图表类型	chartType	1-曲线图，2-箱线图
       if (!this.chart) return;
       this.chart.clear();
       console.log("返回的数据", data);
+      if (!data || data.length <= 0) {
+        this.$message.warning("暂无数据");
+      }
+      console.log('展示的图表类型chartType', data[0].chartType)
+
+      if (data[0].chartType === 2) {
+        //   箱型图
+        this.setBoxOption(data)
+      } else {
+        //折线图
+        this.setLineOption(data)
+      }
+    },
+    setLineOption(data) {
       let dataset = [];
-      if (data.length > 0) {
       data.forEach((item, index) => {
         item.deviceList.forEach((inner) => {
           dataset.push({
@@ -231,14 +242,14 @@ export default {
             markPoint: {
               symbolSize: 30,
               emphasis: {
-                  disabled:false//打开 鼠标高亮
+                disabled: false//打开 鼠标高亮
               },
               data: [//最大值、最小值
                 {
                   // type: 'max',
                   name: `最大值`,
-                    coord:[inner.maxDate,inner.maxValue],
+                  coord: [inner.maxDate, inner.maxValue],
-                    relativeTo:'coordinate',
+                  relativeTo: 'coordinate',
                   label: {
                     position: "top",
                     formatter: item.dataType === 2 ? ([
@@ -254,8 +265,8 @@ export default {
                 {
                   // type: 'min',
                   name: `最小值`,
-                    coord:[inner.minDate,inner.minValue],
+                  coord: [inner.minDate, inner.minValue],
-                    relativeTo:'coordinate',
+                  relativeTo: 'coordinate',
                   label: {
                     position: "top",
                     formatter: item.dataType === 2 ? ([
@@ -280,10 +291,7 @@ export default {
           });
         });
       });
-      } else {
+      console.log("折线图图表数据", dataset);
-        this.$message.warning("暂无数据");
-      }
-      console.log("图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -305,7 +313,120 @@ export default {
         textStyle: {
           color: "#333333",
         },
-        xAxis: { type: "category", data: dataset?.[0]?.xdata || [] },
+        xAxis: {type: "category", data: dataset?.[0]?.xdata || []},
+        yAxis: {
+          type: "value",
+        },
+        dataZoom: [
+          {
+            type: "inside",
+            start: 0,
+            end: 100,
+          },
+          {
+            start: 0,
+            end: 100,
+          },
+        ],
+        series: dataset,
+      });
+    },
+    setBoxOption(data) {
+      let dataset = [];
+      data.forEach((item, index) => {
+        item.deviceList.forEach((inner) => {
+          dataset.push({
+            name: `${
+                this.isDtdc
+                    ? `${inner.parentDeviceId ? inner.parentDeviceId + "-" : ""}`
+                    : ""
+            }${inner.deviceId}`,
+            type: "boxplot",
+            // markPoint: {
+            //   symbolSize: 30,
+            //   emphasis: {
+            //     disabled: false//打开 鼠标高亮
+            //   },
+            //   data: [//最大值、最小值
+            //     {
+            //       // type: 'max',
+            //       name: `最大值`,
+            //       coord: [inner.maxDate, inner.maxValue],
+            //       relativeTo: 'coordinate',
+            //       label: {
+            //         position: "top",
+            //         formatter: item.dataType === 2 ? ([
+            //           `最大值:${inner.maxValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //           `差值:${inner.diffValue}`,
+            //         ]).join('\n') : ([
+            //           `最大值:${inner.maxValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //         ]).join('\n'),
+            //       },
+            //     },
+            //     {
+            //       // type: 'min',
+            //       name: `最小值`,
+            //       coord: [inner.minDate, inner.minValue],
+            //       relativeTo: 'coordinate',
+            //       label: {
+            //         position: "top",
+            //         formatter: item.dataType === 2 ? ([
+            //           `最小值:${inner.minValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //           `差值:${inner.diffValue}`,
+            //         ]).join('\n') : ([
+            //           `最小值:${inner.minValue}`,
+            //           // `平均值:${inner.avgValue}`,
+            //         ]).join('\n'),
+            //       }
+            //     }
+            //   ]
+            // },
+            xdata: [],
+            data: [],
+          });
+          const length = dataset.length;
+          inner.pointValueList.forEach((value) => {
+            const {valueDate, min, q1, median, q3, max} = value
+            dataset[length - 1].xdata.push(valueDate);
+            dataset[length - 1].data.push([min, q1, median, q3, max]);
+          });
+        });
+      });
+      console.log("箱型图图表数据", dataset);
+      this.chart.setOption({
+        legend: {
+          // left: 'center',
+          // top: '10',
+        },
+        grid: {
+          containLabel: true,
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: function (params) {
+            let data = params.data;
+            let result = params.marker + params.name + ' ' + params.seriesName + '<br/>';
+            result += '最小值: ' + data[1] + '<br/>';
+            result += '平均值: ' + data[3] + '<br/>';
+            result += '最大值: ' + data[5];
+            return result;
+          }
+          // trigger: "axis",
+          // axisPointer: {
+          //   type: 'cross',
+          // },
+          // axisPointer: {
+          //   // 坐标轴指示器，坐标轴触发有效
+          //   type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          // },
+        },
+        textStyle: {
+          color: "#333333",
+        },
+        xAxis: {type: "category", data: dataset?.[0]?.xdata || []},
         yAxis: {
           type: "value",
         },
@@ -346,7 +467,7 @@ export default {
         const data = response?.data || [];
         cb(
             data.map((item) => {
-            return { name: item, value: item };
+              return {name: item, value: item};
             })
         );
       });
@@ -362,7 +483,8 @@ export default {
           .then((response) => {
             this.siteList = response.data || [];
           })
-        .finally(() => {});
+          .finally(() => {
+          });
     },
     getDate() {
       this.$refs.form.validate((valid) => {