合并代码

src/api/ems/dzjk.js

@@ -7,6 +7,7 @@ export function getDzjkHomeView(siteId) {
         method: 'get'
     })
 }
+
 //站点首页 冲放曲线
 export function getSevenChargeData({siteId, startDate, endDate}) {
     return request({
@@ -14,6 +15,7 @@ export function getSevenChargeData({siteId,startDate,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,6 +71,7 @@ export function getStackNameList(siteId) {
         method: 'get'
     })
 }
+
 //获取单体电池 电池簇列表数据
 export function getClusterNameList({stackDeviceId, siteId}) {
     return request({
@@ -66,6 +79,7 @@ export function getClusterNameList({stackDeviceId,siteId}) {
         method: 'get'
     })
 }
+
 //单体电池表格数据
 export function getClusterDataInfoList({siteId, stackDeviceId, clusterDeviceId, batteryId, pageSize, pageNum}) {
     return request({
@@ -73,6 +87,7 @@ export function getClusterDataInfoList({siteId, stackDeviceId, clusterDeviceId,b
         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}) {
@@ -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,6 +155,7 @@ export function createTicketNo(data) {
         data
     })
 }
+
 // 概率统计
 //获取概率统计 电量指标接口
 export function getElectricData({siteId, startDate, endDate}) {
@@ -139,6 +164,7 @@ export function getElectricData({siteId,startDate,endDate}) {
         method: 'get'
     })
 }
+
 //获取pcs列表
 export function getPcsNameList(siteId) {
     return request({
@@ -146,6 +172,7 @@ export function getPcsNameList(siteId) {
         method: 'get'
     })
 }
+
 //pcs曲线
 export function getPCSData({siteId, startTime, endTime, dataType}) {
     return request({
@@ -153,6 +180,7 @@ export function getPCSData({siteId,startTime,endTime,dataType}) {
         method: 'get'
     })
 }
+
 //电池堆曲线
 export function getStackData({siteId, startTime, endTime, dataType}) {
     return request({
@@ -160,6 +188,7 @@ export function getStackData({siteId,startTime,endTime,dataType}) {
         method: 'get'
     })
 }
+
 //电池温度
 export function getClusterData({siteId, stackId, clusterId, dateTime, pageNum, pageSize}) {
     return request({
@@ -177,6 +206,7 @@ export function storagePower(siteId,startTime,endTime) {
         method: 'get'
     })
 }
+
 //poc温度
 export function pcsMaxTemp(siteId, startTime, endTime) {
     return request({
@@ -184,6 +214,7 @@ export function pcsMaxTemp(siteId,startTime,endTime) {
         method: 'get'
     })
 }
+
 // 电池平均soc
 export function batteryAveSoc(siteId, startTime, endTime) {
     return request({
@@ -191,6 +222,7 @@ export function batteryAveSoc(siteId,startTime,endTime) {
         method: 'get'
     })
 }
+
 // 电池平均温度
 export function batteryAveTemp(siteId, startTime, endTime) {
     return request({
@@ -198,6 +230,7 @@ export function batteryAveTemp(siteId,startTime,endTime) {
         method: 'get'
     })
 }
+
 // 功率曲线
 export function getPowerData({siteId, startDate, endDate}) {
     return request({
@@ -213,6 +246,7 @@ export function getLoadNameList(siteId) {
         method: 'get'
     })
 }
+
 // 电表报表
 export function getAmmeterData({siteId, startTime, endTime, pageSize, pageNum}) {
     return request({
@@ -221,6 +255,14 @@ export function getAmmeterData({siteId,startTime,endTime, pageSize, pageNum}) {
     })
 }
 
+// 电价报表
+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({
@@ -267,6 +313,7 @@ export function getTempNameList({siteId,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,6 +339,7 @@ export function editStrategyTemp(data) {
         data
     })
 }
+
 //http://localhost:8089/strategy/temp/{id}
 export function deleteStrategyTemp(id) {
     return request({
@@ -305,6 +355,7 @@ export function timeConfigList({siteId,strategyId}) {
         method: 'get',
     })
 }
+
 //保存时间配置
 // http://localhost:8089/strategy/timeConfig
 export function setTimeConfigList(data) {
@@ -314,6 +365,7 @@ export function setTimeConfigList(data) {
         data
     })
 }
+
 // 策略曲线图
 //http://localhost:8089/strategy/curve/curveList?strategyId=1&siteId=021_FXX_01
 export function curveList({siteId, strategyId}) {

src/router/ems.js

@@ -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'
+                        },
                     }
                 ]
             },
@@ -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,5 +1,6 @@
 import {getAllSites} from '@/api/ems/zddt'
 import {getAlarmDetailList, getSiteAllDeviceCategory} from '@/api/ems/dzjk'
+
 const ems = {
     state: {
         dzjkAlarmLighting: false,//单站监控 告警统计红点标志
@@ -18,7 +19,6 @@ const ems = {
         ticketStatusOptions: {1: '待处理', 2: '处理中', 3: '已处理'},//工单处理状态
         strategyStatusOptions: {'0': '未启用', '1': '已运行', '2': '已暂停', '3': '禁用', '4': '删除'},//策略状态
         chargeStatusOptions: {'1': '充电', '2': '待机'},//冲放状态
-    deviceCategoryOptions:{'PCS':'PCS','STACK':'电池堆','CLUSTER':'电池簇','COOLING':'液冷','BATTERY':'单体电池','AMMETER':'电表'},//设备类别
         comparisonOperatorOptions: {'>': '>', '<': '<', '=': '=', '>=': '>=', '<=': '<='},
         relationWithPoint: {'||': '||', '&&': '&&'}
     },
@@ -44,7 +44,16 @@ const ems = {
         },
         //查询站点的所有待处理0的告警 存在展示红点标志
         getSiteAlarmNum({state, commit}, siteId) {
-      getAlarmDetailList({status:0,siteId,pageSize:10,pageNum:1,deviceId:'',alarmLevel:'',alarmStartTime:'',alarmEndTime:''}).then(response=>{
+            getAlarmDetailList({
+                status: 0,
+                siteId,
+                pageSize: 10,
+                pageNum: 1,
+                deviceId: '',
+                alarmLevel: '',
+                alarmStartTime: '',
+                alarmEndTime: ''
+            }).then(response => {
                 commit('SET_DZJK_ALARM_LIGHTING', !!response?.total || false)
             })
         },

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

@@ -39,6 +39,7 @@ import resize from "@/mixins/ems/resize";
 import DateTimeSelect from "@/views/ems/search/DateTimeSelect.vue";
 import {getPointValueList} from "@/api/ems/search";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
+
 export default {
   components: {DateRangeSelect, DateTimeSelect},
   mixins: [resize],
@@ -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({
@@ -226,10 +240,7 @@ export default {
           });
         });
       });
-      } else {
-        this.$message.warning("暂无数据");
-      }
-      console.log("图表数据", dataset);
+      console.log("折线图图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -241,9 +252,12 @@ export default {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            // 坐标轴指示器，坐标轴触发有效
-            type: "cross", // 默认为直线，可选为：'line' | 'shadow'
+            type: 'cross',
           },
+          // axisPointer: {
+          //   // 坐标轴指示器，坐标轴触发有效
+          //   type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          // },
         },
         textStyle: {
           color: "#333333",
@@ -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">
     <!--    搜索栏-->
@@ -41,27 +40,27 @@
       <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,27 +68,27 @@
       <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>
@@ -120,8 +119,9 @@
 
 <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',
   mixins: [getQuerySiteId],
@@ -171,7 +171,8 @@ export default {
       this.loading = true
       const {siteId, pageNum, pageSize} = this
       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
+      getAmmeterRevenueData({siteId: siteId, startTime, endTime, pageSize, pageNum}).then(response => {
         this.tableData = response?.rows || [];
         this.totalSize = response?.total || 0
       }).finally(() => {

src/views/ems/search/index.vue

@@ -98,13 +98,9 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import {getAllSites} from "@/api/ems/zddt";
-import {
-  getAllDeviceCategory,
-  getPointValueList,
-  pointFuzzyQuery,
-  getAllBatteryIdsBySites,
-} from "@/api/ems/search";
+import {getAllBatteryIdsBySites, getAllDeviceCategory, getPointValueList, pointFuzzyQuery,} from "@/api/ems/search";
 import DateTimeSelect from "./DateTimeSelect.vue";
+
 export default {
   name: "Search",
   mixins: [resize],
@@ -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({
@@ -280,10 +291,7 @@ export default {
           });
         });
       });
-      } else {
-        this.$message.warning("暂无数据");
-      }
-      console.log("图表数据", dataset);
+      console.log("折线图图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -323,6 +331,119 @@ 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}`,
+            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",
+        },
+        dataZoom: [
+          {
+            type: "inside",
+            start: 0,
+            end: 100,
+          },
+          {
+            start: 0,
+            end: 100,
+          },
+        ],
+        series: dataset,
+      });
+    },
     submitForm() {
       this.getDate();
     },
@@ -362,7 +483,8 @@ export default {
           .then((response) => {
             this.siteList = response.data || [];
           })
-        .finally(() => {});
+          .finally(() => {
+          });
     },
     getDate() {
       this.$refs.form.validate((valid) => {