Merge branch 'develop' into single-develop

src/App.vue

@@ -10,7 +10,7 @@ import ThemePicker from "@/components/ThemePicker"
 
 export default {
   name: "App",
-  components: { ThemePicker }
+  components: { ThemePicker },
 }
 </script>
 <style scoped>

src/api/ems/dzjk.js

@@ -7,15 +7,13 @@ 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({
@@ -23,15 +21,6 @@ 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({
@@ -39,7 +28,6 @@ export function getRunningHeadInfo(siteId) {
     method: 'get'
   })
 }
-
 //获取pcs列表
 export function getPcsDetailInfo(siteId) {
   return request({
@@ -71,26 +59,23 @@ 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'
@@ -105,23 +90,6 @@ export function getCoolingDataList(siteId) {
   })
 }
 
-//获取动环数据
-export function getDhDataList(siteId) {
-    return request({
-        url: `/ems/siteMonitor/getDhDataList?siteId=${siteId}`,
-        method: 'get'
-    })
-}
-
-//获取消防数据
-export function getXfDataList(siteId) {
-    return request({
-        url: `/ems/siteMonitor/getXfDataList?siteId=${siteId}`,
-        method: 'get'
-    })
-}
-
-
 //获取电表数据
 export function getAmmeterDataList(siteId) {
   return request({
@@ -131,16 +99,7 @@ export function getAmmeterDataList(siteId) {
 }
 
 // 故障告警
-export function getAlarmDetailList({
+export function getAlarmDetailList({status,siteId, deviceId, alarmLevel, alarmStartTime, alarmEndTime,pageSize,pageNum}) {
-                                       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'
@@ -155,16 +114,14 @@ 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({
@@ -172,25 +129,22 @@ 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'
@@ -200,39 +154,35 @@ export function getClusterData({siteId, stackId, clusterId, dateTime, pageNum, p
 
 // 实时运行
 //储能
-export function storagePower(siteId, startTime, endTime) {
+export function storagePower(siteId) {
   return request({
-        url: `/ems/siteMonitor/runningGraph/storagePower?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
+    url: `/ems/siteMonitor/runningGraph/storagePower?siteId=${siteId}`,
     method: 'get'
   })
 }
-
 //poc温度
-export function pcsMaxTemp(siteId, startTime, endTime) {
+export function pcsMaxTemp(siteId) {
   return request({
-        url: `/ems/siteMonitor/runningGraph/pcsMaxTemp?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
+    url: `/ems/siteMonitor/runningGraph/pcsMaxTemp?siteId=${siteId}`,
     method: 'get'
   })
 }
-
 // 电池平均soc
-export function batteryAveSoc(siteId, startTime, endTime) {
+export function batteryAveSoc(siteId) {
   return request({
-        url: `/ems/siteMonitor/runningGraph/batteryAveSoc?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
+    url: `/ems/siteMonitor/runningGraph/batteryAveSoc?siteId=${siteId}`,
     method: 'get'
   })
 }
-
 // 电池平均温度
-export function batteryAveTemp(siteId, startTime, endTime) {
+export function batteryAveTemp(siteId) {
   return request({
-        url: `/ems/siteMonitor/runningGraph/batteryAveTemp?siteId=${siteId}&startDate=${startTime}&endDate=${endTime}`,
+    url: `/ems/siteMonitor/runningGraph/batteryAveTemp?siteId=${siteId}`,
     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'
@@ -246,23 +196,14 @@ 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) {
@@ -271,7 +212,6 @@ export function strategyRunningList(siteId) {
     method: 'get'
   })
 }
-
 //停止策略
 export function stopStrategyRunning(id) {
   return request({
@@ -279,7 +219,6 @@ export function stopStrategyRunning(id) {
     method: 'get'
   })
 }
-
 // 获取所有主策略
 export function getMainStrategyList() {
   return request({
@@ -287,7 +226,6 @@ export function getMainStrategyList() {
     method: 'get'
   })
 }
-
 //获取所有辅助策略
 export function getAuxStrategyList() {
   return request({
@@ -295,7 +233,6 @@ export function getAuxStrategyList() {
     method: 'get'
   })
 }
-
 //配置策略
 export function configStrategy(data) {
   return request({
@@ -307,13 +244,12 @@ 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) {
@@ -322,7 +258,6 @@ export function getStrategyTempDetail(templateId) {
     method: 'get',
   })
 }
-
 //新增模板
 export function addStrategyTemp(data) {
   return request({
@@ -331,7 +266,6 @@ export function addStrategyTemp(data) {
     data
   })
 }
-
 export function editStrategyTemp(data) {
   return request({
     url: `/strategy/temp`,
@@ -339,23 +273,21 @@ 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) {
@@ -365,10 +297,9 @@ 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',
@@ -376,7 +307,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/api/ems/site.js

@@ -1,7 +1,6 @@
 import request from '@/utils/request'
-
 // 站点列表
-export function getSiteInfoList({siteName, startTime, endTime, pageSize, pageNum}) {
+export function getSiteInfoList({siteName,startTime, endTime,pageSize,pageNum}) {
   return request({
     url: `/ems/siteConfig/getSiteInfoList?siteName=${siteName}&startTime=${startTime}&endTime=${endTime}&pageSize=${pageSize}&pageNum=${pageNum}`,
     method: 'get'
@@ -9,11 +8,10 @@ export function getSiteInfoList({siteName, startTime, endTime, pageSize, pageNum
 }
 
 // 设备列表
-export function getDeviceInfoList(data) {
+export function getDeviceInfoList({siteId,pageSize,pageNum}) {
   return request({
-        url: `/ems/siteConfig/getDeviceInfoList`,
+    url: `/ems/siteConfig/getDeviceInfoList?siteId=${siteId}&pageSize=${pageSize}&pageNum=${pageNum}`,
-        method: 'get',
+    method: 'get'
-        params: data
   })
 }
 
@@ -41,7 +39,6 @@ export function addDevice(data) {
     data
   })
 }
-
 // 编辑设备
 export function updateDevice(data) {
   return request({
@@ -50,32 +47,20 @@ export function updateDevice(data) {
     data
   })
 }
-
 // 删除设备
 export function deleteService(id) {
   return request({
-        url: `/ems/siteConfig/deleteService/` + id,
+    url: `/ems/siteConfig/deleteService/`+id,
     method: 'delete',
   })
 }
-
-//pcs开、关机
-export function updateDeviceStatus(data) {
-    return request({
-        url: `/ems/siteConfig/updateDeviceStatus`,
-        method: 'post',
-        data
-    })
-}
-
 // 获取上级设备id列表
-export function getParentDeviceId({siteId, deviceCategory}) {
+export function getParentDeviceId({siteId,deviceCategory}) {
   return request({
     url: `/ems/siteConfig/getParentDeviceId?siteId=${siteId}&deviceCategory=${deviceCategory}`,
     method: 'get',
   })
 }
-
 //获取所有设备
 export function getDeviceList(siteId) {
   return request({
@@ -85,11 +70,10 @@ export function getDeviceList(siteId) {
 }
 
 //获取设备点位table
-export function getDevicePointList(data) {
+export function getDevicePointList({siteId,deviceId,deviceCategory,parentId,pageNum,pageSize,dataPointName='',sortMethod,sortData,dataPoint,lower,upper,ipAddress,ipPort}) {
   return request({
-        url: `/ems/siteConfig/getDevicePointList`,
+    url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}&dataPointName=${dataPointName}&parentId=${parentId}&dataPoint=${dataPoint}&lower=${lower}&upper=${upper}&pageNum=${pageNum}&sortMethod=${sortMethod}&sortData=${sortData}&ipAddress=${ipAddress}&ipPort=${ipPort}`,
     method: 'get',
-        params: data
   })
 }
 
@@ -138,7 +122,7 @@ export function getProtectPlan(id) {
 
 //设备保护详情列表
 //http://localhost:8089/ems/protectPlan/list?pageSize=10&pageNum=1&faultName=总压&siteId=021_DDS_01
-export function protectPlanList({siteId, faultName, pageSize, pageNum}) {
+export function protectPlanList({siteId, faultName,pageSize,pageNum}) {
   return request({
     url: `/ems/protectPlan/list?siteId=${siteId}&faultName=${faultName}&pageSize=${pageSize}&pageNum=${pageNum}`,
     method: 'get',
@@ -153,7 +137,6 @@ export function exportPointList(data) {
     data
   })
 }
-
 // 点位导入
 export function importPointList(data) {
   return request({
@@ -164,21 +147,20 @@ export function importPointList(data) {
 }
 
 
+
 //mqtt
-export function getMqttList({pageSize, pageNum, mqttTopic, topicName, siteId}) {
+export function getMqttList({pageSize,pageNum,mqttTopic,topicName,siteId}) {
   return request({
     url: `/ems/mqttConfig/list?pageSize=${pageSize}&pageNum=${pageNum}&mqttTopic=${mqttTopic}&topicName=${topicName}&siteId=${siteId}`,
     method: 'get',
   })
 }
-
 export function getMqttDetail(id) {
   return request({
     url: `/ems/mqttConfig/${id}`,
     method: 'get',
   })
 }
-
 export function addMqtt(data) {
   return request({
     url: `/ems/mqttConfig`,
@@ -186,7 +168,6 @@ export function addMqtt(data) {
     data
   })
 }
-
 export function editMqtt(data) {
   return request({
     url: `/ems/mqttConfig`,
@@ -194,7 +175,6 @@ export function editMqtt(data) {
     data
   })
 }
-
 export function deleteMqtt(id) {
   return request({
     url: `/ems/mqttConfig/${id}`,

src/assets/styles/common.scss

@@ -4,74 +4,65 @@
 
 //右侧内容区域
 //父元素
-.ems-dashboard-editor-container {
+.ems-dashboard-editor-container{
-  background-color: #F1F5FC;
+  background-color: #FFFFFF;//#F1F5FC
   padding: 24px;
   font-size: 12px;
 }
-
 //除去顶部信息(如搜索栏、站点基本信息等)外的 白色背景内容区域
-.ems-content-container {
+.ems-content-container{
   background-color: #ffffff;
   margin-top: 24px;
 }
-
 //需要设置内padding的白色背景区域
-.ems-content-container-padding {
+.ems-content-container-padding{
   padding: 24px;
 }
 
 //card通用样式 标题、body
-.common-card-container {
+.common-card-container{
-  .el-card__header {
+    .el-card__header{
-    padding: 14px;
+      padding:14px;
       border-bottom: none;
       font-size: 12px;
-    background: #F1F5FB;
+      background: #F1F5FB ;
       position: relative;
-
+      .card-title{
-    .card-title {
         font-weight: 500;
-      color: #333333;
+        color:#333333;
       }
-
+      .el-button--text{
-    .el-button--text {
         color: #666666;
       }
 
     }
 }
-
+.common-card-container-body-no-padding{
-.common-card-container-body-no-padding {
+   .el-card__body{
-  .el-card__body {
+      padding:0;
-    padding: 0;
     }
 }
-
 .common-card-container-no-title-bg {
-  .el-card__header {
+    .el-card__header{
       background-color: transparent;
     }
 }
-
 //单站监控 设备监控card公共样式
-.sbjk-card-container {
+.sbjk-card-container{
   .el-card__header {
     background-color: transparent;
-    padding: 5px 14px;
+    padding: 10px 14px;
     color: #ffffff;
     position: relative;
     border-radius: 5px 5px 0 0;
-
+    .large-title{
-    .large-title {
+      font-size: 20px;
-      font-size: 18px;
       font-weight: 500;
       line-height: 40px;
       padding: 0 50px 0 11px;
       display: inline-block;
       vertical-align: middle;
     }
-
     .info {
       display: inline-block;
       vertical-align: middle;
@@ -79,57 +70,33 @@
       font-size: 12px;
       line-height: 20px;
     }
-
+    .el-button--text{
-    .el-button--text {
       color: #666666;
     }
-
+    .alarm{
-    .alarm {
       position: absolute;
       right: 25px;
       top: 50%;
       transform: translateY(-50%);
-
-      .alarm-icon {
-        font-size: 22px;
-        color: #fff;
-        display: block;
-        cursor: pointer;
     }
   }
-  }
-
   //红色背景颜色标题
-  &.warning-card-container {
+  &.warning-card-container{
     .el-card__header {
-      background-color: #b64040; //#fc6b69;
+      background-color: #fc6b69;
-    }
-
-    .work-status {
-      color: #b64040 !important;;
     }
   }
-
   //绿色背景颜色标题
   &.running-card-container {
     .el-card__header {
-      background-color: #40b6a5; //#05aea3;
+      background-color: #05aea3;
-    }
-
-    .work-status {
-      color: #40b6a5 !important;
     }
   }
-
   //灰色背景颜色标题
   &.timing-card-container {
     .el-card__header {
       background-color: #666666;
     }
-
-    .work-status {
-      color: #666666 !important;;
-    }
   }
 }
 
@@ -138,13 +105,11 @@
   &.common-card-container .el-card__header {
     padding-top: 0;
     padding-bottom: 0;
-
     .time-range-header {
       height: 40px;
       display: flex;
       justify-content: space-between;
       align-items: center;
-
       .card-title {
         line-height: 40px;
       }
@@ -153,100 +118,58 @@
 }
 
 
+
+
+
 //描述样式 PCS、BMS总览、BMS电池簇页面公共样式
-.descriptions-main {
+.descriptions-main{
-  padding: 24px;
+  padding:24px;
   position: relative;
-
+  &.descriptions-main-bg-color{
-  &.descriptions-main-bg-color {
+    background-color:#f1f5fc ;
-    background-color: #f1f5fc;
+    .el-descriptions__body{
-
+      background-color:#f1f5fc ;
-    .el-descriptions__body {
-      background-color: #f1f5fc;
     }
   }
-
+  .el-descriptions-item__cell[colspan='1']{
-  .el-descriptions-item__cell[colspan='1'] {
+    width:25%
-    width: 25%
   }
-
+  .el-descriptions__body .el-descriptions__table{
-  .el-descriptions__body .el-descriptions__table {
+    .descriptions-direction{
-    .descriptions-direction {
       line-height: 19px;
       color: #666666;
       font-size: 16px;
       font-weight: 500;
     }
-
+    .descriptions-label{
-    .descriptions-label {
       line-height: 14px;
       color: #666666;
       font-size: 12px;
     }
-
+    .danger{
-    .danger {
+      color:#FC6B69;
-      color: #FC6B69;
     }
-
+    .save{
-    .save {
+      color:#09ADA3;
-      color: #09ADA3;
     }
-
+    .keep{
-    .keep {
+      color:#3C81FF;
-      color: #3C81FF;
     }
   }
 }
 
-//电表、液冷公共样式
-.device-info-row {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-left: 1px solid #eee;
-  border-top: 1px solid #eee;
-
-  .device-info-col {
-    padding: 10px 0;
-    text-align: center;
-    font-size: 12px;
-    color: #666666;
-    line-height: 14px;
-    border-bottom: 1px solid #eee;
-    border-right: 1px solid #eee;
-
-    .left {
-    }
-
-    .right {
-      display: block;
-      font-weight: 500;
-      font-size: 16px;
-      line-height: 18px;
-      margin-top: 10px;
-    }
-  }
-}
-
-
 //公共表格样式
-.el-table {
+.common-table.el-table{
-  font-size: 13px;
+  color:#333333;
-}
-
-.common-table.el-table {
-  color: #333333;
-
   .el-table__header-wrapper th, .el-table__fixed-header-wrapper th {
     background: #f1f5fc;
     border-bottom: none;
-
     .table-head {
       color: #515a6e;
     }
   }
-
+  .warning-status{
-  .warning-status {
+    color:#FC6B69;
-    color: #FC6B69;
-
     &.circle::before {
       content: "";
       display: inline-block;
@@ -260,61 +183,54 @@
 }
 
 //二、三级菜单栏样式
-.ems-second-menu {
+.ems-second-menu{
-  width: fit-content;
+  width:fit-content;
-
+  .el-menu-item{
-  .el-menu-item {
     line-height: 40px;
     height: 40px;
-    padding: 0;
+    padding:0;
   }
-
+  &.el-menu--horizontal > .el-menu-item.is-active,&.el-menu--horizontal > .el-menu-item{
-  &.el-menu--horizontal > .el-menu-item.is-active, &.el-menu--horizontal > .el-menu-item {
+    border-bottom:none!important;
-    border-bottom: none !important;
   }
-
+  .el-menu-item.is-active{
-  .el-menu-item.is-active {
+    background: #0366c1!important;
-    background: #0366c1 !important;
   }
 }
-
+.ems-third-menu-container{
-.ems-third-menu-container {
   position: relative;
-  padding-left: 140px;
+  padding-left: 160px;
   background-color: #ffffff;
-
+  .ems-third-menu{
-  .ems-third-menu {
     border-right: none;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     height: fit-content;
     position: absolute;
-    top: 0;
+    top:20px;
-    left: 0;
+    left:20px;
-
+    .el-menu-item{
-    .el-menu-item {
       line-height: 45px;
       height: 45px;
       padding: 0 !important;
       width: 125px;
       text-align: center;
     }
-
+    .el-menu-item:hover{
-    .el-menu-item:hover {
+      background: #67b1ff!important;
-      background: #67b1ff !important;
+      color:#ffffff!important;
-      color: #ffffff !important;
     }
-
+    .el-menu-item.is-active{
-    .el-menu-item.is-active {
+      background: #409eff!important;
-      background: #409eff !important;
     }
 
   }
 }
 
 
+
 //按钮栏 选中样式
-.ems-btns-group {
+.ems-btns-group{
-  .activeBtn {
+  .activeBtn{
     background-color: #0366c1;
     border-color: #0366c1;
     color: #ffffff;
@@ -323,12 +239,11 @@
 }
 
 //搜索栏样式
-.select-container.el-form--inline .el-form-item {
+.select-container.el-form--inline .el-form-item{
   margin-right: 15px;
 }
-
 //红色背景颜色按钮
-.alarm-btn, .alarm-btn:hover, .alarm-btn:focus {
+.alarm-btn,.alarm-btn:hover, .alarm-btn:focus{
   background-color: #FC6B69;
   border-color: #FC6B69;
 }

src/components/BigDataPopup/index.vue

@@ -1,137 +0,0 @@
-<template>
-  <el-dialog
-    :fullscreen="true"
-    :append-to-body="true"
-    :visible.sync="show"
-    :show-close="false"
-    top="0"
-    custom-class="big-data-dialog"
-  >
-    <div class="swiper-container">
-      <div class="swiper-icon left-icon" v-show="imgIndex > 0">
-        <i class="el-icon-d-arrow-left icon" @click="toLeft"></i>
-      </div>
-      <div v-show="showRightIcon" class="swiper-icon right-icon">
-        <i class="el-icon-d-arrow-right icon" @click="toRight"></i>
-      </div>
-      <div
-        class="img-container"
-        :style="{ transform: 'translateX(' + imgIndex * -100 + 'vw)' }"
-      >
-        <img
-          v-for="index in maxImgNumber"
-          :key="'swiperImg' + index"
-          :src="require(`@/assets/images/ems/bigData-${index}.png`)"
-          alt=""
-        />
-      </div>
-    </div>
-    <div class="close-btn" @click="show = false">
-      <i class="el-icon-close"></i>
-    </div>
-  </el-dialog>
-</template>
-<style lang="scss" scoped>
-.close-btn {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  font-size: 23px;
-  line-height: 20px;
-  color: rgba(217, 242, 255, 1);
-  cursor: pointer;
-}
-.swiper-container {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-  .swiper-icon {
-    color: rgba(217, 242, 255, 1);
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 20;
-    cursor: pointer;
-    font-size: 30px;
-    padding: 20px;
-    background: transparent;
-    &.left-icon {
-      left: 20px;
-    }
-    &.right-icon {
-      right: 20px;
-    }
-    &:hover {
-      .icon {
-        opacity: 1;
-      }
-    }
-    .icon {
-      transition: all 0.6s;
-      opacity: 0;
-    }
-  }
-  .img-container {
-    height: 100%;
-    transition: all 1s;
-    display: flex;
-    flex-direction: row;
-    z-index: 0;
-    img {
-      width: 100vw;
-      height: 100vh;
-      display: block;
-      margin: 0;
-      flex-shrink: 0;
-    }
-  }
-}
-</style>
-<style lang="scss">
-.big-data-dialog {
-  .el-dialog__header {
-    display: none;
-  }
-
-  .el-dialog__body {
-    padding: 0;
-    margin: 0;
-    position: relative;
-  }
-}
-</style>
-<script>
-export default {
-  data() {
-    return {
-      show: false,
-      imgIndex: 0,
-      maxImgNumber: 3,
-    };
-  },
-  computed: {
-    showRightIcon() {
-      return this.imgIndex < this.maxImgNumber - 1;
-    },
-  },
-  watch: {
-    show: {
-      handler(newValue) {
-        if (!newValue) this.imgIndex = 0;
-      },
-      immediate: true,
-    },
-  },
-  methods: {
-    toLeft() {
-      if (this.imgIndex === 0) return;
-      this.imgIndex -= 1;
-    },
-    toRight() {
-      if (this.imgIndex >= this.maxImgNumber - 1) return;
-      this.imgIndex += 1;
-    },
-  },
-};
-</script>

src/components/Ems/DateRangeSelect/index.vue

@@ -2,7 +2,6 @@
     <div class="time-range">
         <el-date-picker
             v-model="dateRange"
-        :class="miniTimePicker ? 'mini-date-picker' : ''"
             type="daterange"
             range-separator="至"
             start-placeholder="开始时间"
@@ -11,58 +10,27 @@
             :picker-options="pickerOptions"
             end-placeholder="结束时间">
             </el-date-picker>
-    <template v-if="!showIcon">
             <el-button size="mini" style="margin-left: 10px;" :loading="loading" @click="reset">重置</el-button>
             <el-button type="primary" size="mini" :loading="loading" @click="search">搜索</el-button>
             <el-button type="primary" size="mini" :loading="loading" @click="timeLine('before')">上一时段</el-button>
-      <el-button type="primary" size="mini" :loading="loading" @click="timeLine('next')" :disabled="disabledNextBtn">
+            <el-button type="primary" size="mini" :loading="loading" @click="timeLine('next')" :disabled="disabledNextBtn">下一时段</el-button>
-        下一时段
-      </el-button>
-    </template>
-    <template v-else>
-      <el-button class="btn-icon" icon="el-icon-refresh-right" circle size="mini" style="margin-left: 8px;"
-                 :loading="loading"
-                 @click="reset"></el-button>
-      <el-button class="btn-icon" type="primary" size="mini" icon="el-icon-search" circle :loading="loading"
-                 @click="search"></el-button>
-      <el-button class="btn-icon" type="primary" size="mini" icon="el-icon-d-arrow-left" circle :loading="loading"
-                 @click="timeLine('before')"></el-button>
-      <el-button class="btn-icon" type="primary" size="mini" icon="el-icon-d-arrow-right" circle :loading="loading"
-                 @click="timeLine('next')"
-                 :disabled="disabledNextBtn"></el-button>
-    </template>
-
-
         </div>
 </template>
 
 <script>
 import {formatDate} from '@/filters/ems'
-
 export default {
-  props: {
+  computed:{
-    showIcon: {
+    disabledNextBtn(){
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    miniTimePicker: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  computed: {
-    disabledNextBtn() {
       return new Date(this.dateRange[1]) >= new Date(this.defaultDateRange[1])
     }
   },
   data() {
     return {
-      loading: false,
+      loading:false,
-      dateRange: [],
+      dateRange:[],
-      defaultDateRange: [],
+      defaultDateRange:[],
-      pickerOptions: {
+      pickerOptions:{
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
@@ -70,79 +38,62 @@ export default {
     }
   },
   methods: {
-    init(today = false) {
+    init(today=false){
-      const now = new Date(), formatNow = formatDate(now);
+        const now = new Date(),formatNow = formatDate(now);
         const weekAgo = formatDate(today ? new Date(now.getTime()) : new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000))
         this.dateRange = [weekAgo, formatNow];
-      this.defaultDateRange = [weekAgo, formatNow];
+        this.defaultDateRange=[weekAgo, formatNow];
-      this.$emit('updateDate', this.dateRange)
+        this.$emit('updateDate',this.dateRange)
     },
-    showBtnLoading(status) {
+    showBtnLoading(status){
         this.loading = status
     },
-    resetDate() {
+    resetDate(){
       this.dateRange = this.defaultDateRange
     },
     //重置 设置时间范围为初始化时间段
-    reset() {
+    reset(){
         this.resetDate()
         this.$emit('reset')
-      this.$emit('updateDate', this.dateRange)
+        this.$emit('updateDate',this.dateRange)
     },
     // 搜索
-    search() {
+    search(){
-      this.$emit('updateDate', this.dateRange)
+      this.$emit('updateDate',this.dateRange)
     },
-    timeLine(type) {
+    timeLine(type){
-      if (!this.dateRange || !this.dateRange[0] || !this.dateRange[1]) return
+      if(!this.dateRange || !this.dateRange[0] || !this.dateRange[1]) return
-      const nowStartTimes = new Date(this.dateRange[0]).getTime(), nowEndTimes = new Date(this.dateRange[1]).getTime(),
+      const nowStartTimes = new Date(this.dateRange[0]).getTime(),nowEndTimes = new Date(this.dateRange[1]).getTime(),maxTime = new Date(this.defaultDateRange[1]).getTime()
-          maxTime = new Date(this.defaultDateRange[1]).getTime()
       const nowDis = nowEndTimes - nowStartTimes//用户当前选择时间差 可能=0
       //baseTime,maxTime 毫秒数
       const baseDis =  24 * 60 * 60 * 1000
       const calcDis = nowDis === 0 ? baseDis : nowDis
       let start = type === 'before' ? nowStartTimes - calcDis : nowStartTimes + calcDis
-      if (start > maxTime) start = maxTime
+      if(start>maxTime) start=maxTime
       let end = type === 'before' ? nowEndTimes - calcDis : nowEndTimes + calcDis
-      if (end > maxTime) end = maxTime
+      if(end>maxTime) end=maxTime
-      this.dateRange = [formatDate(start), formatDate(end)]
+      this.dateRange = [formatDate(start),formatDate(end)]
-      this.$emit('updateDate', this.dateRange)
+      this.$emit('updateDate',this.dateRange)
     },
   }
 }
 
 </script>
 <style lang="scss" scoped>
-.time-range {
+.time-range{
     display: flex;
-
     ::v-deep {
-
+        .el-range-editor--medium .el-range__icon, .el-range-editor--medium .el-range__close-icon{
-    .el-range-editor--medium .el-range__icon, .el-range-editor--medium .el-range__close-icon {
           line-height: 22px;
         }
-
+        .el-range-editor--medium.el-input__inner{
-    .el-range-editor--medium.el-input__inner {
             height: 30px;
         }
-
+        .el-range-editor--medium .el-range-separator{
-    .el-range-editor--medium .el-range-separator {
+            line-height: 24px;
-      line-height: 22px;
         }
-
+        .el-button--mini{
-    .el-button--mini {
+            padding:3px 10px;
-      padding: 3px 10px;
-    }
-
-    //  展示icon的小组件
-    .btn-icon.el-button--mini {
-      padding: 3px 8px;
-      margin-left: 6px;
-    }
-
-    //小宽度时间选择框
-    .mini-date-picker {
-      width: 250px !important;
         }
     }
 

src/components/Ems/ZdBaseInfo/index.vue

@@ -32,13 +32,13 @@ export default {
         attr:'installCapacity'
 
       },{
-        title:'总充电量（KWh）',
+        title:'总充电量（MWh）',
         num:'',
         color:'#A696FF',
         attr:'totalChargedCap'
 
       },{
-        title:'总放电量（KWh）',
+        title:'总放电量（MWh）',
         num:'',
         color:'#A696FF',
         attr:'totalDischargedCap'

src/layout/components/Navbar.vue

@@ -1,24 +1,19 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
+    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-               @toggleClick="toggleSideBar"/>
 
-    <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container"/>
+    <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
-    <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container"/>
+    <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
-        <div class="big-data-container">
+        <search id="header-search" class="right-menu-item" />
-          <i class="el-icon-s-marketing big-data-icon" @click.stop="showBigDataImg"></i>
-        </div>
-
-        <search id="header-search" class="right-menu-item"/>
 
 
-        <screenfull id="screenfull" class="right-menu-item hover-effect"/>
+        <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect"/>
+          <size-select id="size-select" class="right-menu-item hover-effect" />
         </el-tooltip>
 
       </template>
@@ -37,23 +32,22 @@
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
+
       <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="setting">
-        <svg-icon icon-class="more-up"/>
+        <svg-icon icon-class="more-up" />
       </div>
     </div>
-    <BigDataPopup ref="bigDataPopup"/>
   </div>
 </template>
 
 <script>
-import {mapGetters} from 'vuex'
+import { mapGetters } from 'vuex'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
 import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
-import BigDataPopup from '@/components/BigDataPopup'
 
 export default {
   emits: ['setLayout'],
@@ -63,8 +57,7 @@ export default {
     Hamburger,
     Screenfull,
     SizeSelect,
-    Search,
+    Search
-    BigDataPopup
   },
   computed: {
     ...mapGetters([
@@ -85,9 +78,6 @@ export default {
     }
   },
   methods: {
-    showBigDataImg() {
-      this.$refs.bigDataPopup.show = true
-    },
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')
     },
@@ -103,8 +93,7 @@ export default {
         this.$store.dispatch('LogOut').then(() => {
           location.href = '/index'
         })
-      }).catch(() => {
+      }).catch(() => {})
-      })
     }
   }
 }
@@ -116,7 +105,7 @@ export default {
   overflow: hidden;
   position: relative;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
+  box-shadow: 0 1px 4px rgba(0,21,41,.08);
 
   .hamburger-container {
     line-height: 46px;
@@ -124,7 +113,7 @@ export default {
     float: left;
     cursor: pointer;
     transition: background .3s;
-    -webkit-tap-highlight-color: transparent;
+    -webkit-tap-highlight-color:transparent;
 
     &:hover {
       background: rgba(0, 0, 0, .025)
@@ -150,17 +139,6 @@ export default {
     height: 100%;
     line-height: 50px;
 
-    .big-data-container {
-      display: inline-block;
-      padding: 0 8px;
-      height: 100%;
-      font-size: 24px;
-      color: #5a5e66;
-      vertical-align: text-bottom;
-      cursor: pointer;
-    }
-
-
     &:focus {
       outline: none;
     }
@@ -199,7 +177,7 @@ export default {
           border-radius: 50%;
         }
 
-        .user-nickname {
+        .user-nickname{
           position: relative;
           bottom: 10px;
           font-size: 14px;

src/mixins/ems/getQuerySiteId.js

@@ -6,16 +6,16 @@ const getQuerySiteId=  {
     }
   },
   watch: {
-    '$route.query':{
+    '$store.state.ems.zdList':{
       handler (newQuery,oldQuery) {
+        if(!newQuery || newQuery.length === 0){return}
         // 参数变化处理
         this.$nextTick(() => {
-          const {siteId} =newQuery
+          const {siteId} =newQuery[0]
-          if(siteId){
           this.siteId = siteId
           siteId && this.init(newQuery.siteId)
-            console.log('mixin=>getQuerySiteId=>页面参数siteId发生了变化,this.siteId=',this.siteId)
+          console.log('watch站点列表返回数据newQuery=',newQuery)
-          }
+          console.log('设置页面siteId，this.siteId=',this.siteId)
         })
       },
       immediate: true,

src/permission.js

@@ -31,6 +31,7 @@ router.beforeEach((to, from, next) => {
         // 判断当前用户是否已拉取完user_info信息
         store.dispatch('GetInfo').then(() => {
           isRelogin.show = false
+          store.dispatch('getZdList')
           store.dispatch('GenerateRoutes').then(accessRoutes => {
             // 根据roles权限生成可访问的路由表
             router.addRoutes(accessRoutes) // 动态添加可访问路由表

src/router/ems.js

@@ -2,171 +2,84 @@ 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: 'dashboard',},
+    meta: { title: '单站监控', icon: 'server',},
     alwaysShow: false,
-        name: 'Dzjk',
+    name:'Dzjk',
-        hidden: true,
-        children: [
-            {
-                path: '',
-                component: () => import('@/views/ems/dzjk/index'),
-                name: 'Dzjk',
-                redirect: '/dzjk/home',
-                hidden: true,
     children: [
           {
             path: '/dzjk/home',
             component: () => import('@/views/ems/dzjk/home/index.vue'),
             name: 'DzjkHome',
-                        meta: {
+            meta: { title: '站点首页',breadcrumb: false,activeMenu: '/dzjk/home',activeSecondMenuName:'DzjkHome' }
-                            title: '站点首页',
-                            breadcrumb: false,
-                            activeMenu: '/dzjk',
-                            activeSecondMenuName: 'DzjkHome'
-                        }
           },
           {
             path: '/dzjk/zxlt',
             component: () => import('@/views/ems/dzjk/zxlt/index.vue'),
             name: 'DzjkZxlt',
-                        meta: {
+            meta: { title: '主线路图',breadcrumb: false,activeMenu: '/dzjk/zxlt',activeSecondMenuName:'DzjkZxlt' }
-                            title: '主线路图',
-                            breadcrumb: false,
-                            activeMenu: '/dzjk',
-                            activeSecondMenuName: 'DzjkZxlt'
-                        }
           },
           {
             path: '/dzjk/sbjk',
             component: () => import('@/views/ems/dzjk/sbjk/index.vue'),
             name: 'DzjkSbjk',
-                        meta: {title: '设备监控', breadcrumb: false, activeMenu: '/dzjk'},
+            alwaysShow: false,
+            meta: { title: '设备监控',breadcrumb: false,activeMenu: '/dzjk/sbjk'},
+            hidden: false,
             redirect: '/dzjk/sbjk/ssyx',
             children: [
               {
                 path: 'ssyx',
                 component: () => import('@/views/ems/dzjk/sbjk/ssyx/index.vue'),
                 name: 'DzjkSbjkSsyx',
-                                meta: {
+                hidden: true,
-                                    title: '实时运行',
+                meta: { title: '实时运行',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'SSYX'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'SSYX'
-                                },
-                            },
-                            {
-                                path: 'ems',
-                                component: () => import('@/views/ems/dzjk/sbjk/ems/index.vue'),
-                                name: 'DzjkSbjkEms',
-                                meta: {
-                                    title: 'EMS',
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'EMS'
-                                },
               },
               {
                 path: 'pcs',
                 component: () => import('@/views/ems/dzjk/sbjk/pcs/index.vue'),
                 name: 'DzjkSbjkPcs',
-                                meta: {
+                hidden: true,
-                                    title: 'PCS',
+                meta: { title: 'PCS',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'PCS'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'PCS'
-                                },
               },
               {
                 path: 'bmszl',
                 component: () => import('@/views/ems/dzjk/sbjk/bmszl/index.vue'),
                 name: 'DzjkSbjkBmszl',
-                                meta: {
+                hidden: true,
-                                    title: 'BMS总览',
+                meta: { title: 'BMS总览',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk', deviceCategory:'STACK'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'STACK'
-                                },
               },
               {
                 path: 'bmsdcc',
                 component: () => import('@/views/ems/dzjk/sbjk/bmsdcc/index.vue'),
                 name: 'DzjkSbjkBmsdcc',
-                                meta: {
+                hidden: true,
-                                    title: 'BMS电池簇',
+                meta: { title: 'BMS电池簇',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'CLUSTER'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'CLUSTER'
-                                },
               },
               {
                 path: 'dtdc',
                 component: () => import('@/views/ems/dzjk/sbjk/dtdc/index.vue'),
                 name: 'DzjkSbjkDtdc',
-                                meta: {
+                hidden: true,
-                                    title: 'BMS单体电池',
+                meta: { title: '单体电池',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'BATTERY'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'BATTERY'
-                                },
               },
               {
                 path: 'db',
                 component: () => import('@/views/ems/dzjk/sbjk/db/index.vue'),
                 name: 'DzjkSbjkDb',
-                                meta: {
+                hidden: true,
-                                    title: '电表',
+                meta: { title: '电表',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'AMMETER'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'AMMETER'
-                                },
               },
               {
                 path: 'yl',
                 component: () => import('@/views/ems/dzjk/sbjk/yl/index.vue'),
                 name: 'DzjkSbjkYl',
-                                meta: {
+                hidden: true,
-                                    title: '冷却',
+                meta: { title: '液冷',breadcrumb: false,activeMenu: '/dzjk/sbjk',activeSecondMenuName:'DzjkSbjk',deviceCategory:'COOLING'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'COOLING'
-                                },
-                            },
-                            {
-                                path: 'dh',
-                                component: () => import('@/views/ems/dzjk/sbjk/dh/index.vue'),
-                                name: 'DzjkSbjkDh',
-                                meta: {
-                                    title: '动环',
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'DH'
-                                },
-                            },
-                            {
-                                path: 'xf',
-                                component: () => import('@/views/ems/dzjk/sbjk/xf/index.vue'),
-                                name: 'DzjkSbjkXf',
-                                meta: {
-                                    title: '消防',
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkSbjk',
-                                    deviceCategory: 'XF'
-                                },
               }
             ]
           },
@@ -174,128 +87,66 @@ export const dzjk = [
             path: '/dzjk/gzgj',
             component: () => import('@/views/ems/dzjk/gzgj/index.vue'),
             name: 'DzjkGzgj',
-                        meta: {
+            meta: { title: '故障告警',breadcrumb: false,activeMenu: '/dzjk/gzgj',activeSecondMenuName:'DzjkGzgj' }
-                            title: '故障告警',
-                            breadcrumb: false,
-                            activeMenu: '/dzjk',
-                            activeSecondMenuName: 'DzjkGzgj'
-                        }
           },
           {
             path: '/dzjk/tjbb',
             component: () => import('@/views/ems/dzjk/tjbb/index.vue'),
             name: 'DzjkTjbb',
-                        meta: {title: '统计报表', breadcrumb: false, activeMenu: '/dzjk'},
+            alwaysShow: false,
+            meta: {title: '统计报表', breadcrumb: false, activeMenu: '/dzjk/tjbb'},
+            hidden: false,
             redirect: '/dzjk/tjbb/gltj',
             children: [
               {
                 path: 'gltj',
                 component: () => import('@/views/ems/dzjk/tjbb/gltj/index.vue'),
                 name: 'DzjkTjbbGltj',
-                                meta: {
+                hidden: true,
-                                    title: '运行统计',
+                meta: { title: '概率统计',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               },
               {
                 path: 'glqx',
                 component: () => import('@/views/ems/dzjk/tjbb/glqx/index.vue'),
                 name: 'DzjkTjbbGlqx',
-                                meta: {
+                hidden: true,
-                                    title: '功率曲线',
+                meta: { title: '功率曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               },
               {
                 path: 'pcsqx',
                 component: () => import('@/views/ems/dzjk/tjbb/pcsqx/index.vue'),
                 name: 'DzjkTjbbPcsqx',
-                                meta: {
+                hidden: true,
-                                    title: 'PCS曲线',
+                meta: { title: 'PCS曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               },
               {
                 path: 'dcdqx',
                 component: () => import('@/views/ems/dzjk/tjbb/dcdqx/index.vue'),
                 name: 'DzjkTjbbDcdqx',
-                                meta: {
+                hidden: true,
-                                    title: '电池堆曲线',
+                meta: { title: '电池堆曲线',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               },
               {
                 path: 'dcwd',
                 component: () => import('@/views/ems/dzjk/tjbb/dcwd/index.vue'),
                 name: 'DzjkTjbbDcwd',
-                                meta: {
+                hidden: true,
-                                    title: '电池温度',
+                meta: { title: '电池温度',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               },
               {
                 path: 'dbbb',
                 component: () => import('@/views/ems/dzjk/tjbb/dbbb/index.vue'),
                 name: 'DzjkTjbbDbbb',
-                                meta: {
+                hidden: true,
-                                    title: '电表报表',
+                meta: { title: '电表报表',breadcrumb: false,activeMenu: '/dzjk/tjbb',activeSecondMenuName:'DzjkTjbb'},
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
-                            },
-                            {
-                                path: 'sybb',
-                                component: () => import('@/views/ems/dzjk/tjbb/sybb/index.vue'),
-                                name: 'DzjkTjbbSybb',
-                                meta: {
-                                    title: '收益报表',
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkTjbb'
-                                },
               }
             ]
           },
           {
             path: '/dzjk/clpz',
-                        component: () => import('@/views/ems/dzjk/clpz/index.vue'),
-                        name: 'DzjkClpz',
-                        meta: {title: '策略配置', breadcrumb: false, activeMenu: '/dzjk'},
-                        redirect: '/dzjk/clpz/clyx',
-                        children: [
-                            {
-                                path: 'clyx',
             component: () => import('@/views/ems/dzjk/clpz/clyx/index.vue'),
-                                name: 'DzjkClpzClyx',
+            name: 'DzjkClpz',
-                                meta: {
+            meta: {title: '策略配置', breadcrumb: false, activeMenu: '/dzjk/clpz'},
-                                    title: '策略运行',
-                                    breadcrumb: false,
-                                    activeMenu: '/dzjk',
-                                    activeSecondMenuName: 'DzjkClpz'
-                                },
-                            },
-                            // {
-                            //   path: 'xftg',
-                            //   component: () => import('@/views/ems/dzjk/clpz/xftg/index.vue'),
-                            //   hidden:true,
-                            //   breadcrumb: false,
-                            //   name: 'DzjkClpzXftg',
-                            //   meta: { title: '削峰填谷',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkClpz'},
-                            // }
-                        ]
-                    }
-                ]
           }
         ]
   }

src/store/modules/ems.js

@@ -1,35 +1,26 @@
-import {getAlarmDetailList, getSiteAllDeviceCategory} from '@/api/ems/dzjk'
+import {getAllSites} from '@/api/ems/zddt'
-
+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:[]...}
-        CLUSTERWorkStatusOptions: {'0': '静置', '1': '充电', '2': '放电', '3': '待机', '5': '运行', '9': "故障"},//电池簇工作状态
+    workStatusOptions:{'0':'正常','1':'异常','2':'停止'},//工作状态
-        PCSWorkStatusOptions: {'0': '运行', '1': '停机', '2': '故障', '3': '待机', '4': '充电', '5': '放电'},//PCS工作状态
+    deviceStatusOptions:{'0':'离线','1':'待机','2':'运行','3':'故障','4':'停机'},//设备状态
-        STACKWorkStatusOptions: {
+    gridStatusOptions:{'0':'并网','1':'未并网'},//并网状态
-            "0": "静置",
+    controlModeOptions:{'0':'远程','1':'本地'},//控制模式
-            "1": "充电",
+    warnOptions:{0:'正常', 1:'中断', 2:'不在线',3:'异常'},//告警状态
-            "2": "放电",
+    communicationStatusOptions:{'0':'正常','1':'通讯中断','2':'异常'},//通讯状态
-            "3": "浮充",
+    workModeOptions:{'0':'正常','1':'停止'},//工作模式
-            '4': '待机',
+    alarmLevelOptions:{'A':'提示','B':'一般','C':'严重','D':'紧急'},//告警等级
-            '5': '运行',
+    alarmStatusOptions:{'0':'待处理','1':'已处理','2':'处理中'},//告警状态
-            '9': "故障"
+    deviceTypeOptions:{'TCP':'TCP','RTU':'RTU'},//设备类型
-        },//STACKBMS总览工作状态
+    ticketStatusOptions:{1:'待处理', 2:'处理中', 3:'已处理'},//工单处理状态
-        deviceStatusOptions: {'0': '离线', '1': '在线'},//设备状态
+    strategyStatusOptions:{'0':'未启用', '1':'已运行', '2':'已暂停', '3':'禁用', '4':'删除'},//策略状态
-        gridStatusOptions: {'0': '并网', '1': '未并网'},//并网状态
+    chargeStatusOptions:{'1':'充电','2':'待机'},//冲放状态
-        controlModeOptions: {'0': '远程', '1': '本地'},//控制模式
+    deviceCategoryOptions:{'PCS':'PCS','STACK':'电池堆','CLUSTER':'电池簇','COOLING':'液冷','BATTERY':'单体电池','AMMETER':'电表'},//设备类别
-        warnOptions: {0: '正常', 1: '中断', 2: '不在线', 3: '异常'},//告警状态
+    comparisonOperatorOptions:{'>':'>','<':'<','=':'=','>=':'>=','<=':'<='},
-        communicationStatusOptions: {'0': '正常', '1': '通讯中断', '2': '异常'},//通讯状态
+    relationWithPoint:{'||':'||','&&':'&&'}
-        workModeOptions: {'0': '正常', '1': '停止'},//工作模式
-        alarmLevelOptions: {'A': '提示', 'B': '一般', 'C': '严重', 'D': '紧急'},//告警等级
-        alarmStatusOptions: {'0': '待处理', '1': '已处理', '2': '处理中'},//告警状态
-        deviceTypeOptions: {'TCP': 'TCP', 'RTU': 'RTU'},//设备类型
-        ticketStatusOptions: {1: '待处理', 2: '处理中', 3: '已处理'},//工单处理状态
-        strategyStatusOptions: {'0': '未启用', '1': '已运行', '2': '已暂停', '3': '禁用', '4': '删除'},//策略状态
-        chargeStatusOptions: {'1': '充电', '2': '待机', '3': '放电'},//冲放状态
-        comparisonOperatorOptions: {'>': '>', '<': '<', '=': '=', '>=': '>=', '<=': '<='},
-        relationWithPoint: {'||': '||', '&&': '&&'}
   },
   mutations: {
     SET_ZD_LIST(state, list) {
@@ -38,31 +29,30 @@ 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}){
+      if(state.zdList.length === 0){
+          getAllSites().then(response => {
+          commit('SET_ZD_LIST', response?.data || [])
+          console.log('store action getZdList 获取站点数据',state.zdList)
+        })
+      }
+    },
     //查询站点的所有待处理0的告警 存在展示红点标志
-        getSiteAlarmNum({state, commit}, siteId) {
+    getSiteAlarmNum({state,commit},siteId){
-            getAlarmDetailList({
+      getAlarmDetailList({status:0,siteId,pageSize:10,pageNum:1,deviceId:'',alarmLevel:'',alarmStartTime:'',alarmEndTime:''}).then(response=>{
-                status: 0,
+        commit('SET_DZJK_ALARM_LIGHTING',!!response?.total || false)
-                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/store/modules/permission.js

@@ -34,11 +34,12 @@ const permission = {
       return new Promise(resolve => {
         // 向后端请求路由数据
         getRouters().then(res => {
-          let hasDzjk = false
+          let sysDzjk = -1
           if(res?.data){
-            res.data.forEach(i=>{
+            sysDzjk = res.data.findIndex(i=>{
-              i.children && i.children.find(j=>j.path.indexOf('dzjk')>-1) && (hasDzjk=true)
+              return i.children && i.children.find(j=>j.path.indexOf('dzjk')>-1)
             })
+            if(sysDzjk>-1) res.data.splice(sysDzjk,1)
           }
           const sdata = JSON.parse(JSON.stringify(res.data))
           const rdata = JSON.parse(JSON.stringify(res.data))
@@ -47,7 +48,7 @@ const permission = {
           const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
           rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
           router.addRoutes(asyncRoutes)
-          if(!hasDzjk){
+          if(sysDzjk === -1){
             const index = constantRoutes.findIndex(i=>i.path.indexOf('dzjk')>-1)
             constantRoutes.splice(index,1)
           }

src/views/ems/dzjk/clpz/clyx/index.vue

@@ -1,6 +1,6 @@
 
 <template>
-   <div v-loading="loading">
+   <div v-loading="loading" class="ems-dashboard-editor-container ems-content-container-padding">
      <template v-if="!showTemp">
        <el-button v-if="!showTemp" type="primary" plain @click="settingStrategy" style="margin-bottom: 20px;">新增策略</el-button>
        <cl-container v-for="(item,index) in list" :key="index+'clContainer'" :info="item" :hide-setting-btn="showTemp" class="contain" @update="init" @showSetting="settingStrategy(item)">

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

@@ -1,53 +0,0 @@
-<template>
-  <div class="ems-dashboard-editor-container ems-third-menu-container">
-    <el-menu
-      class="ems-third-menu"
-      :default-active="$route.name"
-      background-color="#ffffff"
-      text-color="#666666"
-      active-text-color="#ffffff"
-    >
-      <el-menu-item :index="item.name" v-for="(item,index) in childrenRoute" :key="index+'clpzChildrenRoute'">
-        <router-link  style="height: 100%;width: 100%;display: block;" :to="{path:item.path,query:$route.query}">
-          {{item.meta.title}}
-        </router-link>
-      </el-menu-item>
-    </el-menu>
-
-    <div class="ems-content-container ems-content-container-padding clpz-ems-content-container">
-      <keep-alive>
-        <router-view></router-view>
-      </keep-alive>
-    </div>
-  </div>
-
-</template>
-
-<script>
-import { dzjk } from '@/router/ems'
-const childrenRoute = dzjk[0].children[0].children.find(item=> item.name==='DzjkClpz').children.filter(item=>!item?.hidden)//获取到统计报表下面的字路由
-console.log('设备监控子路由',childrenRoute)
-export default {
-  name:'DzjkClpz',
-  data(){
-    return {
-      childrenRoute,
-      activeMenu:''
-    }
-  },
-  mounted() {
-    console.log('当前统计报表页面路由',this.$route)
-  }
-
-}
-</script>
-
-<style scoped lang="scss">
-.clpz-ems-content-container{
-  margin-top:0;
-  padding-top:0;
-  padding-right: 0;
-  flex: 1;
-}
-</style>
-

src/views/ems/dzjk/clpz/xftg/AddTemplate.vue

@@ -1,6 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogTableVisible" class="ems-dialog add-template-dialog"
+    <el-dialog :visible.sync="dialogTableVisible" class="ems-dialog" :title="mode === 'add'?'新增模板':`编辑模板` ">
-             :title="mode === 'add'?'新增模板':`编辑模板` ">
       <el-form ref="addTempForm" :model="formData" :rules="rules" size="medium" label-width="100px">
         <el-form-item label="模板名称" prop="templateName">
           <el-input v-model="formData.templateName" placeholder="请输入" clearable :style="{width: '100%'}">
@@ -9,65 +8,49 @@
         <el-form-item label="soc限制" prop="sdcLimit" required>
           <el-switch :active-value="1" :inactive-value="0" v-model="formData.sdcLimit"></el-switch>
         </el-form-item>
-      <!--        <template v-if="formData.sdcLimit === 1">-->
+<!--        <template v-if="formData.sdcLimit === 1">-->
           <el-form-item label="soc下限" prop="sdcDown">
             <el-input v-model="formData.sdcDown" placeholder="请输入" clearable :style="{width: '100%'}"></el-input>
           </el-form-item>
           <el-form-item label="soc上限" prop="sdcUp">
             <el-input v-model="formData.sdcUp" placeholder="请输入" clearable :style="{width: '100%'}"></el-input>
           </el-form-item>
-      <!--        </template>-->
+<!--        </template>-->
       </el-form>
       <el-button type="primary" size="mini" @click="addTime">新增</el-button>
-    <!--      新增时间段表单-->
+<!--      新增时间段表单-->
       <el-collapse-transition>
           <el-card v-show="showAddTime" shadow="always" class="common-card-container" style="margin-top:25px;">
-        <el-form class="add-time-form transition-box" ref="addTimeForm" :model="formInline" :rules="formInlineRule"
+            <el-form class="add-time-form transition-box" ref="addTimeForm" :model="formInline" :rules="formInlineRule" label-width="100px" style="margin-top:25px">
-                 label-width="100px" style="margin-top:25px">
+            <el-form-item label="开始时间" prop="startTime">
-          <!--          <el-form-item label="开始时间" prop="startTime">-->
+              <el-time-select
-          <!--            <el-time-select-->
+                placeholder="开始时间"
-          <!--                placeholder="开始时间"-->
+                v-model="formInline.startTime"
-          <!--                v-model="formInline.startTime"-->
+                :picker-options="{
-          <!--                :picker-options="{-->
+                start: '00:00',
-          <!--                start: '00:00',-->
+                step: '01:00',
-          <!--                step: '00:01',-->
+                end: '23:00',
-          <!--                end: '23:00',-->
+              }">
-          <!--              }">-->
+              </el-time-select>
-          <!--            </el-time-select>-->
+            </el-form-item>
-          <!--          </el-form-item>-->
+            <el-form-item label="结束时间" prop="endTime">
-          <!--          <el-form-item label="结束时间" prop="endTime">-->
+              <el-time-select
-          <!--            <el-time-select-->
+                placeholder="结束时间"
-          <!--                placeholder="结束时间"-->
+                v-model="formInline.endTime"
-          <!--                v-model="formInline.endTime"-->
+                :picker-options="{
-          <!--                :picker-options="{-->
+                start: '00:00',
-          <!--                start: '00:00',-->
+                step: '01:00',
-          <!--                step: '00:01',-->
+                end: '23:00',
-          <!--                end: '23:00',-->
+                minTime: formInline.startTime
-          <!--                minTime: formInline.startTime-->
+              }">
-          <!--              }">-->
+              </el-time-select>
-          <!--            </el-time-select>-->
-          <!--          </el-form-item>-->
-          <el-form-item label="时间范围" prop="timeRange">
-            <el-time-picker
-                is-range
-                v-model="formInline.timeRange"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                placeholder="选择时间范围"
-                format="HH:mm"
-                value-format="HH:mm"
-                :style="{width: '100%'}">
-            </el-time-picker>
             </el-form-item>
             <el-form-item label="冲放功率" prop="chargeDischargePower">
-            <el-input v-model="formInline.chargeDischargePower" placeholder="请输入"
+              <el-input v-model="formInline.chargeDischargePower" placeholder="请输入"></el-input>
-                      :style="{width: '100%'}"></el-input>
             </el-form-item>
             <el-form-item label="充电状态" prop="chargeStatus">
-            <el-select v-model="formInline.chargeStatus" placeholder="请选择" :style="{width: '100%'}">
+              <el-select v-model="formInline.chargeStatus" placeholder="请选择">
-              <el-option v-for="(value,key) in chargeStatusOptions" :key="key+'chargeStatusOptions'" :label="value"
+                <el-option v-for="(value,key) in chargeStatusOptions" :key="key+'chargeStatusOptions'" :label="value" :value="key"></el-option>
-                         :value="key"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item>
@@ -81,6 +64,7 @@
         :data="tableData"
         border
         style="width: 100%;margin-top:25px">
+        <!--            todo 如果要在span-method中使用column.property 在表格中必须定义prop="xxx"属性-->
         <el-table-column
           prop="startTime"
           label="开始时间">
@@ -97,7 +81,7 @@
           prop="chargeStatus"
           label="充电状态">
           <template slot-scope="scope">
-          {{ chargeStatusOptions[scope.row.chargeStatus] }}
+            {{chargeStatusOptions[scope.row.chargeStatus]}}
           </template>
         </el-table-column>
         <el-table-column
@@ -122,19 +106,14 @@
 </template>
 <script>
 import {mapState} from 'vuex'
-import {addStrategyTemp, editStrategyTemp, getStrategyTempDetail} from '@/api/ems/dzjk'
+import {addStrategyTemp,editStrategyTemp,getStrategyTempDetail} from '@/api/ems/dzjk'
-
 export default {
-  inject: ['$home'],
+  inject:['$home'],
   data() {
-    const now = new Date()
-    const year = now.getFullYear(), month = now.getMonth(), day = now.getDate()
-    const range = [new Date(year, month, day, 0), new Date(year, month, day, 23)]
     return {
-      mode: '',
+      mode:'',
-      editTempId: '',
+      editTempId:'',
-      dialogTableVisible: false,
+      dialogTableVisible:false,
-      secondRange: range,
       formData: {
         templateName: '',
         sdcLimit: false,
@@ -148,24 +127,27 @@ export default {
           trigger: 'blur'
         }],
         sdcDown: [
-          {required: true, message: '请输入', trigger: 'blur'},
+          {required: true,message: '请输入', trigger: 'blur'},
-          {pattern: /^(0|[1-9]\d*)(\.\d+)?$/, message: '请输入合法数字或小数'}
+          { pattern: /^(0|[1-9]\d*)(\.\d+)?$/, message: '请输入合法数字或小数' }
         ],
         sdcUp: [
-          {required: true, message: '请输入', trigger: 'blur'},
+          {required: true,message: '请输入', trigger: 'blur'},
-          {pattern: /^(0|[1-9]\d*)(\.\d+)?$/, message: '请输入合法数字或小数'}
+          { pattern: /^(0|[1-9]\d*)(\.\d+)?$/, message: '请输入合法数字或小数' }
         ],
       },
       showAddTime: false,
-      formInline: {
+      formInline:{
-        timeRange: range,
+        startTime:'',endTime:'',chargeDischargePower:'',chargeStatus:''
-        chargeDischargePower: '',
-        chargeStatus: ''
       },
-      formInlineRule: {
+      formInlineRule:{
-        timeRange: [{
+        startTime: [{
           required: true,
-          message: '请选择时间范围',
+          message: '请选择开始时间',
+          trigger: 'change'
+        }],
+        endTime: [{
+          required: true,
+          message: '请选择结束时间',
           trigger: 'change'
         }],
         chargeDischargePower: [{
@@ -173,16 +155,16 @@ export default {
             message: '请输入冲放功率',
             trigger: 'blur'
           },
-          {pattern: /^-?\d*\.?\d*$/, message: '请输入合法数字或小数'}
+          { pattern: /^(0|[1-9]\d*)(\.\d+)?$/, message: '请输入合法数字或小数' }
         ],
-        chargeStatus: [{
+        chargeStatus:[{
           required: true,
           message: '请选择充放状态',
-          trigger: ['blur', 'change']
+          trigger: ['blur','change']
           }
         ]
       },
-      tableData: [],
+      tableData:[],
     }
   },
   computed: {
@@ -190,109 +172,124 @@ export default {
       chargeStatusOptions: state => state?.ems?.chargeStatusOptions || {},
     })
   },
+  watch: {
+    "formInline.startTime":{
+      handler(newVal){
+        if(newVal && this.formInline.endTime){
+          const endTime = parseInt((this.formInline.endTime).split(':')[0] || 0)
+          const startTime =parseInt(newVal.split(':')[0])
+          if(endTime<=startTime){
+            this.formInline.endTime = `${startTime+1 <=9 ? '0'+(startTime+1) : startTime+1}:00`
+          }
+        }
+      },
+      deep:true
+    },
+  },
   methods: {
-    changeSiteId() {
+    changeSiteId(){
-      this.dialogTableVisible = false
+      this.dialogTableVisible=false
-      this.mode = ''
+      this.mode=''
-      this.editTempId = ''
+      this.editTempId=''
-      this.formData = {
+      this.formData={
         templateName: '',
         sdcLimit: false,
         sdcDown: '',
         sdcUp: '',
       }
-      this.formInline = {
+      this.formInline={
-        timeRange: this.secondRange, chargeDischargePower: '', chargeStatus: ''
+        startTime:'',endTime:'',chargeDischargePower:'',chargeStatus:''
-      }//startTime: '', endTime: '',
+      }
       this.showAddTime = false
-      this.tableData = []
+      this.tableData=[]
     },
-    show({mode = 'add', editTempId = ''}) {
+    show({mode = 'add', editTempId = ''}){
       this.$nextTick(() => {
         this.dialogTableVisible = true
         this.mode = mode
-        this.editTempId = editTempId
+        this.editTempId=editTempId
-        if (mode === 'edit' && editTempId) {
+        if(mode === 'edit' && editTempId){
           getStrategyTempDetail(this.editTempId).then(response => {
-            const data = JSON.parse(JSON.stringify(response?.data || []));
+            const data=JSON.parse(JSON.stringify(response?.data || []));
-            if (data.length > 0) {
+            if(data.length>0){
-              const {templateName, sdcLimit, sdcDown, sdcUp} = JSON.parse(JSON.stringify(data[0]));
+              const {templateName,sdcLimit,sdcDown,sdcUp} =JSON.parse(JSON.stringify( data[0]));
-              this.formData.templateName = templateName
+              this.formData.templateName=templateName
-              this.formData.sdcLimit = sdcLimit
+              this.formData.sdcLimit=sdcLimit
-              this.formData.sdcDown = sdcDown
+              this.formData.sdcDown=sdcDown
-              this.formData.sdcUp = sdcUp
+              this.formData.sdcUp=sdcUp
             }
-            if (data.length === 1) {
+            if(data.length === 1){
-              const {startTime, endTime} = data;
+              const {startTime,endTime}=data;
-              if (!startTime || !endTime) {
+              if(!startTime || !endTime){
                 this.tableData = []
-              } else {
+              }else{
-                this.tableData = data
+                this.tableData= data
               }
-            } else {
+            }else{
-              this.tableData = data
+              this.tableData= data
             }
           })
         }
       })
     },
-    addTime() {
+    addTime(){
-      this.showAddTime = true
+      this.showAddTime=true
     },
-    cancelAddTime() {
+    cancelAddTime(){
       this.$refs.addTimeForm.resetFields()
-      this.showAddTime = false
+      this.showAddTime=false
-      this.formInline = {timeRange: this.secondRange, chargeDischargePower: '', chargeStatus: ''}//startTime: '', endTime: '',
+      this.formInline = {startTime:'',endTime:'',chargeDischargePower:'',chargeStatus:''}
     },
-    saveTime() {
+    saveTime(){
       //表单校验，校验成功，添加到tableData里
       this.$refs.addTimeForm.validate(valid => {
         if (!valid) return
-        const {timeRange: [startTime, endTime], chargeDischargePower, chargeStatus} = this.formInline
+        this.tableData.push(JSON.parse(JSON.stringify(this.formInline)));
-
+        this.$nextTick(() => {this.cancelAddTime()})
-        this.tableData.push({startTime, endTime, chargeDischargePower, chargeStatus})
-        this.$nextTick(() => {
-          this.cancelAddTime()
-        })
       })
     },
-    deleteRow(index) {
+    deleteRow(index){
-      this.tableData.splice(index, 1)
+      this.tableData.splice(index,1)
     },
     saveDialog() {
       this.$refs.addTempForm.validate(valid => {
         if (!valid) return
-        const {templateName, sdcLimit, sdcDown, sdcUp} = this.formData
+        //校验时间选择范围是否冲突
-        const {siteId, updateStrategyId} = this.$home
+          let status = true
+          this.tableData.forEach((outer,outerIndex)=>{
+            const {startTime, endTime}=outer
+            const outerStart = parseInt(startTime),outerEnd = parseInt(endTime)
+            if(outerStart>outerEnd){
+              status = false
+            }else{
+              this.tableData.forEach((inner,innerIndex)=>{
+                if(innerIndex !== outerIndex){
+                  const {startTime:innerStartTime, endTime:innerEndTime}=inner
+                  const innerStart = parseInt(innerStartTime),innerEnd = parseInt(innerEndTime)
+                  if((innerStart<outerStart && innerEnd>outerEnd) || !((innerStart<outerStart && innerEnd<=outerStart) || (innerStart>=outerEnd && innerEnd>outerEnd))){
+                    status=false
+                  }
+                }
+              })
+            }
+          })
+          if(!status){
+            return this.$message.error('时间选择范围冲突');
+          }
+          const {templateName,sdcLimit,sdcDown,sdcUp} = this.formData
+          const {siteId,updateStrategyId} =this.$home
           const {tableData} = this
-        if (this.mode === 'edit') {
+          if(this.mode==='edit'){
-          editStrategyTemp({
+            editStrategyTemp({siteId,strategyId:updateStrategyId,templateId:this.editTempId,templateName,sdcLimit,sdcDown,sdcUp,timeConfigList:tableData}).then(response=>{
-            siteId,
+              if(response?.code === 200){
-            strategyId: updateStrategyId,
-            templateId: this.editTempId,
-            templateName,
-            sdcLimit,
-            sdcDown,
-            sdcUp,
-            timeConfigList: tableData
-          }).then(response => {
-            if (response?.code === 200) {
                 this.closeDialog()
                 this.$emit('update')
                 this.$emit('updateTimeSetting')
               }
             })
-        } else {
+          }else{
-          addStrategyTemp({
+            addStrategyTemp({siteId,strategyId:updateStrategyId,templateName,sdcLimit,sdcDown,sdcUp,timeConfigList:tableData}).then(response=>{
-            siteId,
+              if(response?.code === 200){
-            strategyId: updateStrategyId,
-            templateName,
-            sdcLimit,
-            sdcDown,
-            sdcUp,
-            timeConfigList: tableData
-          }).then(response => {
-            if (response?.code === 200) {
                 this.closeDialog()
                 this.$emit('update')
               }
@@ -300,26 +297,20 @@ export default {
           }
       })
     },
-    closeDialog() {
+    closeDialog(){
       // 清空所有数据
       this.$refs.addTempForm.resetFields()
-      this.formData = {
+      this.formData={
         templateName: '',
-        sdcLimit: 0,
+          sdcLimit:0,
           sdcDown: '',
           sdcUp: '',
       }
-      this.tableData = []
+      this.tableData=[]
       this.cancelAddTime()
-      this.dialogTableVisible = false
+      this.dialogTableVisible=false
     }
   }
 }
 
 </script>
-<style lang="scss" scoped>
-.add-template-dialog {
-  max-height: 90vh;
-  overflow-y: auto;
-}
-</style>

src/views/ems/dzjk/clpz/xftg/index.vue

@@ -2,7 +2,7 @@
 <template>
 <!--  <cl-container :hideSettingBtn="true">-->
 <!--    <template v-slot:default>-->
-      <div>
+      <div class="ems-dashboard-editor-container ems-content-container-padding">
         <temp-table ref="tempTable" @updateTimeSetting="updateTimeSetting"/>
         <time-setting ref="timeSetting"/>
         <temp-power-chart ref="tomePowerChart"/>

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

@@ -1,19 +1,16 @@
+
 <template>
-  <el-card v-loading="loading" gshadow="always" class="common-card-container common-card-container-no-title-bg">
+  <div  v-loading="loading" class="ems-dashboard-editor-container ems-content-container-padding">
     <!--    搜索栏-->
     <el-form :inline="true" class="select-container">
       <el-form-item label="设备清单">
-        <el-select v-model="search.deviceId" clearable placeholder="请选择" :loading="loading"
+        <el-select v-model="search.deviceId" clearable placeholder="请选择" :loading="loading" loading-text="正在加载数据">
-                   loading-text="正在加载数据">
+          <el-option :label="item.deviceName" :value="item.deviceId" v-for="(item,key) in deviceOptions" :key="key+'deviceIdOptions'"></el-option>
-          <el-option :label="item.deviceName" :value="item.deviceId" v-for="(item,key) in deviceOptions"
-                     :key="key+'deviceIdOptions'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="告警等级">
-        <el-select v-model="search.alarmLevel" clearable placeholder="请选择" :loading="loading"
+        <el-select v-model="search.alarmLevel" clearable placeholder="请选择" :loading="loading" loading-text="正在加载数据">
-                   loading-text="正在加载数据" style="width: 130px">
+          <el-option :label="value" :value="key" v-for="(value,key) in $store.state.ems.alarmLevelOptions" :key="key+'alarmLevelOptions'"></el-option>
-          <el-option :label="value" :value="key" v-for="(value,key) in $store.state.ems.alarmLevelOptions"
-                     :key="key+'alarmLevelOptions'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="时间选择">
@@ -39,9 +36,7 @@
       <el-row style="">
         <el-col :xs="24" :sm="24" :lg="24">
           <el-button-group class="ems-btns-group">
-            <el-button v-for="(item,index) in btnList" :key="index+'dtdcBtns'"
+            <el-button v-for="(item,index) in btnList" :key="index+'dtdcBtns'" :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{item.name}}</el-button>
-                       :class="{'activeBtn' : activeBtn === item.id}" @click="changeDataType(item.id)">{{ item.name }}
-            </el-button>
           </el-button-group>
         </el-col>
       </el-row>
@@ -60,7 +55,7 @@
             label="告警等级"
           >
             <template slot-scope="scope">
-            <span>{{ $store.state.ems.alarmLevelOptions[scope.row.alarmLevel] }}</span>
+              <span>{{$store.state.ems.alarmLevelOptions[scope.row.alarmLevel]}}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -72,23 +67,20 @@
             prop="alarmStartTime"
             label="告警发生时间">
             <template slot-scope="scope">
-            <span>{{ formatDate(scope.row.alarmStartTime, true) }}</span>
+              <span>{{formatDate(scope.row.alarmStartTime,true)}}</span>
             </template>
           </el-table-column>
           <el-table-column
             prop="alarmEndTime"
             label="告警结束时间">
             <template slot-scope="scope">
-            <span>{{ formatDate(scope.row.alarmEndTime, true) }}</span>
+              <span>{{formatDate(scope.row.alarmEndTime,true)}}</span>
             </template>
           </el-table-column>
           <el-table-column
             label="状态">
             <template slot-scope="scope">
-            <span
+              <span :class="['0','2'].includes(scope.row.status) ? 'warning-status' : ''">{{$store.state.ems.alarmStatusOptions[scope.row.status]}}</span>
-                :class="['0','2'].includes(scope.row.status) ? 'warning-status' : ''">{{
-                $store.state.ems.alarmStatusOptions[scope.row.status]
-              }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -97,9 +89,7 @@
             width="250"
           >
             <template slot-scope="scope">
-            <el-button type="text" size="mini" v-if="scope.row.ticketNo" @click="toTicket">
+              <el-button type="text" size="mini"  v-if="scope.row.ticketNo" @click="toTicket">已生成工单(工单号:{{scope.row.ticketNo}})</el-button>
-              已生成工单(工单号:{{ scope.row.ticketNo }})
-            </el-button>
               <el-button type="primary" size="mini" v-else @click="createTicket(scope.row.id)">生成工单</el-button>
             </template>
           </el-table-column>
@@ -118,60 +108,57 @@
       >
       </el-pagination>
     </div>
-  </el-card>
+  </div>
 </template>
 
 
 <script>
-import {createTicketNo, getAlarmDetailList} from '@/api/ems/dzjk'
+import {getAlarmDetailList,createTicketNo} from'@/api/ems/dzjk'
-import {getDeviceList} from '@/api/ems/site'
+import {getDeviceList} from'@/api/ems/site'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {formatDate} from '@/filters/ems'
+import { formatDate } from '@/filters/ems'
-
 export default {
-  name: 'DzjkGzgj',
+  name:'DzjkGzgj',
-  mixins: [getQuerySiteId],
+  mixins:[getQuerySiteId],
   data() {
     return {
-      loading: false,
+      loading:false,
-      btnList: [
+      btnList:[
-        {name: '未处理告警', id: 'today'},
+        {name:'未处理告警',id:'today'},
-        {name: '历史告警', id: 'history'},
+        {name:'历史告警',id:'history'},
       ],
-      deviceOptions: [],//设备列表
+      deviceOptions:[],//设备列表
-      pickerOptions: {
+      pickerOptions:{
         disabledDate(time) {
           return time.getTime() > Date.now();
         },
       },
-      defaultDateRange: [],//默认展示的时间
+      defaultDateRange:[],//默认展示的时间
-      dateRange: [],//alarmStartTime,alarmEndTime
+      dateRange:[],//alarmStartTime,alarmEndTime
-      activeBtn: 'today',
+      activeBtn:'today',
-      search: {deviceId: '', alarmLevel: ''},
+      search:{deviceId:'',alarmLevel:''},
       // 表格、分页
-      tableData: [],
+      tableData:[],
-      pageSize: 10,//分页栏当前每个数据总数
+      pageSize:10,//分页栏当前每个数据总数
-      pageNum: 1,//分页栏当前页数
+      pageNum:1,//分页栏当前页数
-      totalSize: 0,//table表格数据总数
+      totalSize:0,//table表格数据总数
     }
   },
-  methods: {
+  methods:{
     formatDate,
-    toTicket() {
+    toTicket(){
-      this.$router.push({path: '/ticket'})
+      this.$router.push({path:'/ticket'})
     },
     //生成工单
-    createTicket(id) {
+    createTicket(id){
       this.loading = true
-      createTicketNo({id}).then(response => {
+      createTicketNo({id}).then(response=>{
         response?.data && this.toTicket()
-      }).finally(() => {
+      }).finally(()=>{this.loading = false})
-        this.loading = false
-      })
     },
     // 判断是否是同一天
     isSameDay(day1, day2) {
-      const date1 = new Date(day1), date2 = new Date(day2)
+      const date1 = new Date(day1),date2 = new Date(day2)
       return date1.getFullYear() === date2.getFullYear() &&
         date1.getMonth() === date2.getMonth() &&
         date1.getDate() === date2.getDate();
@@ -179,71 +166,60 @@ export default {
     // 分页
     handleSizeChange(val) {
       this.pageSize = val;
-      this.$nextTick(() => {
+      this.$nextTick(()=>{
         this.getData()
       })
     },
     handleCurrentChange(val) {
       this.pageNum = val
-      this.$nextTick(() => {
+      this.$nextTick(()=>{
         this.getData()
       })
     },
     // 搜索
-    onSearch() {
+    onSearch(){
-      this.pageNum = 1//每次搜索从1开始搜索
+      this.pageNum =1//每次搜索从1开始搜索
       this.getData()
     },
     // 重置
-    onReset() {
+    onReset(){
-      this.search = {deviceId: '', alarmLevel: ''}
+      this.search={deviceId:'',alarmLevel:''}
-      this.dateRange = []
+      this.dateRange=[]
-      this.pageNum = 1//每次搜索从1开始搜索
+      this.pageNum =1//每次搜索从1开始搜索
       this.getData()
     },
     // 切换今日、历史告警
-    changeDataType(id) {
+    changeDataType(id){
-      if (id !== this.activeBtn) {
+      if(id !== this.activeBtn){
         console.log('点击了不同的菜单，更新数据')
-        this.activeBtn = id;
+        this.activeBtn=id;
         this.getData()
       }
     },
     // 获取数据
-    getData() {
+    getData(){
-      this.$store.dispatch('getSiteAlarmNum', this.siteId)
+      this.$store.dispatch('getSiteAlarmNum',this.siteId)
-      this.loading = true
+      this.loading=true
-      const {deviceId, alarmLevel} = this.search
+      const {deviceId,alarmLevel} = this.search
-      const {siteId, pageNum, pageSize, activeBtn} = this
+      const {siteId,pageNum,pageSize,activeBtn} =this
-      const [alarmStartTime = '', alarmEndTime = ''] = (this.dateRange || [])
+      const [alarmStartTime='',alarmEndTime='']=(this.dateRange || [])
       let status = activeBtn === 'today' ? '0' : '1,2'
-      getAlarmDetailList({
+      getAlarmDetailList({status,deviceId,alarmLevel,siteId,pageSize,pageNum,alarmStartTime:formatDate(alarmStartTime),alarmEndTime:formatDate(alarmEndTime)}).then(response => {
-        status,
+        this.tableData=response?.rows || [];
-        deviceId,
-        alarmLevel,
-        siteId,
-        pageSize,
-        pageNum,
-        alarmStartTime: formatDate(alarmStartTime),
-        alarmEndTime: formatDate(alarmEndTime)
-      }).then(response => {
-        this.tableData = response?.rows || [];
         this.totalSize = response?.total || 0
-      }).finally(() => {
+      }).finally(() => {this.loading=false})
-        this.loading = false
-      })
     },
-    getDeviceOptions() {
+    getDeviceOptions(){
       getDeviceList(this.siteId).then(response => {
         this.deviceOptions = JSON.parse(JSON.stringify(response?.data || []))
       })
     },
-    init() {
+    init(){
       this.getDeviceOptions()
       this.onReset()
     },
   },
-  mounted() {
+  mounted(){
     const now = new Date();
     const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
     this.defaultDateRange = [lastMonth, now];

src/views/ems/dzjk/home/ActiveChart.vue

@@ -1,8 +1,9 @@
+
 <template>
     <el-card shadow="always" class="common-card-container common-card-container-body-no-padding time-range-card">
       <div slot="header" class="time-range-header">
         <span class="card-title">当日功率曲线</span>
-      <date-range-select ref="dateRangeSelect" :showIcon="true" :mini-time-picker="true" @updateDate="updateDate"/>
+        <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
       </div>
       <div style="height: 310px" id="activeChart"></div>
     </el-card>
@@ -12,18 +13,18 @@
 import * as echarts from 'echarts'
 import resize from '@/mixins/ems/resize'
 import DateRangeSelect from '@/components/Ems/DateRangeSelect/index.vue'
-import {getPointData} from '@/api/ems/dzjk'
+import { getPointData } from '@/api/ems/dzjk'
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
 
 export default {
-  mixins: [resize, intervalUpdate],
+  mixins: [resize,intervalUpdate],
   components: {DateRangeSelect},
   data() {
     return {
       chart: null,
-      timeRange: [],
+      timeRange:[],
-      siteId: '',
+      siteId:'',
-      isInit: true
+      isInit:true
     }
   },
   mounted() {
@@ -40,23 +41,23 @@ export default {
   },
   methods: {
     // 更新时间范围 重置图表
-    updateDate(data) {
+    updateDate(data){
-      this.timeRange = data
+      this.timeRange=data
       !this.isInit && this.getGVQXData()
       this.isInit = false
     },
-    getGVQXData() {
+    getGVQXData(){
       this.showLoading()
-      const {siteId, timeRange} = this
+      const {siteId,timeRange}=this
-      getPointData({siteId, startDate: timeRange[0], endDate: timeRange[1]}).then(response => {
+      getPointData({siteId,startDate:timeRange[0],endDate:timeRange[1]}).then(response => {
         this.setOption(response?.data || [])
-      }).finally(() => this.hideLoading())
+      }).finally(()=>this.hideLoading())
     },
-    init(siteId) {
+    init(siteId){
       //初始化 清空数据
       this.siteId = siteId
       this.isInit = true
-      this.timeRange = []
+      this.timeRange=[]
       this.$refs.dateRangeSelect.init(true)
       this.getGVQXData()
       this.updateInterval(this.getGVQXData)
@@ -64,17 +65,17 @@ export default {
     initChart() {
       this.chart = echarts.init(document.querySelector('#activeChart'))
     },
-    showLoading() {
+    showLoading(){
       this.chart && this.chart.showLoading()
     },
-    hideLoading() {
+    hideLoading(){
       this.chart && this.chart.hideLoading()
     },
     setOption(data) {
-      const source = [['日期', '电网功率', '负载功率', '储能功率', '光伏功率', 'soc平均值', 'soh平均值', '电池平均温度平均值']]
+      const source = [['日期','电网功率','负载功率','储能功率','光伏功率','soc平均值','soh平均值','电池平均温度平均值']]
-      console.log('source.slice(1)', source[0].slice(1))
+      console.log('source.slice(1)',source[0].slice(1))
-      this.chart && data.forEach((item) => {
+      this.chart && data.forEach((item)=>{
-        source.push([item.statisDate, item.gridPower, item.loadPower, item.storagePower, item.pvPower, item.avgSoc, item.avgSoh, item.avgTemp])
+        source.push([item.statisDate,item.gridPower,item.loadPower,item.storagePower,item.pvPower,item.avgSoc,item.avgSoh,item.avgTemp])
       })
       this.chart.setOption({
         grid: {
@@ -90,8 +91,8 @@ export default {
             type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
           }
         },
-        textStyle: {
+        textStyle:{
-          color: "#333333",
+          color:"#333333",
         },
         xAxis: {
           type: 'category',
@@ -104,17 +105,11 @@ export default {
             type: 'value',
           },
         ],
-        dataset: {source},
+        dataset:{source},
-        series: source[0].slice(1).map((item, index) => {
+        series: source[0].slice(1).map((item,index)=>{
           return {
-            type: 'line',//index === 5 ? 'bar' : 'line',
+            type: 'line',
-            showSymbol: false,
+            yAxisIndex:index<=4 ? 0 : 1
-            symbolSize: 2,
-            smooth: true,
-            areaStyle: {
-              opacity: 0.5,
-            },
-            yAxisIndex: index <= 4 ? 0 : 1
           }
         })
       })

src/views/ems/dzjk/home/WeekChart.vue

@@ -1,8 +1,9 @@
+
 <template>
       <el-card shadow="always" class="common-card-container common-card-container-body-no-padding time-range-card">
         <div slot="header" class="time-range-header">
           <span class="card-title">一周充放曲线</span>
-      <date-range-select ref="dateRangeSelect" :showIcon="true" :mini-time-picker="true" @updateDate="updateDate"/>
+          <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
         </div>
         <div style="height: 310px" id="weekChart"></div>
       </el-card>
@@ -13,15 +14,14 @@ import * as echarts from 'echarts'
 import resize from '@/mixins/ems/resize'
 import DateRangeSelect from '@/components/Ems/DateRangeSelect/index.vue'
 import {getSevenChargeData} from '@/api/ems/dzjk'
-
 export default {
   mixins: [resize],
   components: {DateRangeSelect},
   data() {
     return {
       chart: null,
-      timeRange: [],
+      timeRange:[],
-      siteId: '',
+      siteId:'',
     }
   },
   mounted() {
@@ -38,40 +38,41 @@ export default {
   },
   methods: {
     // 更新时间范围 重置图表
-    updateDate(data) {
+    updateDate(data){
-      this.timeRange = data
+      this.timeRange=data
       this.getWeekKData()
     },
-    getWeekKData() {
+    getWeekKData(){
       this.showLoading()
-      const {siteId, timeRange} = this
+      const {siteId,timeRange}=this
-      getSevenChargeData({siteId, startDate: timeRange[0], endDate: timeRange[1]}).then(response => {
+      this.hideLoading()
+      getSevenChargeData({siteId,startDate:timeRange[0],endDate:timeRange[1]}).then(response => {
         this.setOption(response?.data || [])
-      }).finally(() => this.hideLoading())
+      }).finally(()=>this.hideLoading())
     },
-    init(siteId) {
+    init(siteId){
       //初始化 清空数据
       this.siteId = siteId
-      this.timeRange = []
+      this.timeRange=[]
-      this.deviceId = ''
+      this.deviceId=''
       this.$refs.dateRangeSelect.init()
     },
     initChart() {
       this.chart = echarts.init(document.querySelector('#weekChart'))
     },
-    showLoading() {
+    showLoading(){
       this.chart && this.chart.showLoading()
     },
-    hideLoading() {
+    hideLoading(){
       this.chart && this.chart.hideLoading()
     },
-    setOption(data, unit) {
+    setOption(data,unit) {
-      const source = [['日期', '充电量', '放电量']]
+      const source = [['日期','充电量','放电量']]
-      data.forEach(item => {
+      data.forEach(item=>{
-        source.push([item.ammeterDate, item.chargedCap, item.disChargedCap])
+        source.push([item.ammeterDate, item.chargedCap,item.disChargedCap])
       })
       this.chart && this.chart.setOption({
-        color: ['#4472c4', '#70ad47'],//所有充放电颜色保持统一
+        color:['#4472c4','#70ad47'],//所有充放电颜色保持统一
         tooltip: {
           trigger: 'axis',
           axisPointer: { // 坐标轴指示器，坐标轴触发有效
@@ -87,29 +88,29 @@ export default {
         },
         xAxis: {
           type: 'category',
-          name: unit,
+          name:unit,
-          nameLocation: 'center'
+          nameLocation:'center'
         },
         yAxis: [{
           type: 'value',
-          name: '充电量/放电量kWh',
+          name:'充电量/放电量kWh',
           axisLine: {
-            lineStyle: {
+            lineStyle:{
               color: '#333333',
             },
-            onZero: false
+            onZero:false
           }
         }],
-        dataset: {
+        dataset:{
           source
         },
         series: [
           {
-            yAxisIndex: 0,
+            yAxisIndex:0,
             type: 'bar',
           },
           {
-            yAxisIndex: 0,
+            yAxisIndex:0,
             type: 'bar',
           },
         ]

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

@@ -1,164 +1,133 @@
 <template>
-  <div v-loading="loading">
+  <div
+    class="ems-dashboard-editor-container ems-content-container-padding"
+    v-loading="loading"
+  >
     <el-row style="background: #fff" class="row-container" :gutter="15">
-      <el-col :xs="24" :sm="24" :lg="5">
+      <el-col v-if="tableData.length > 0" :xs="24" :sm="24" :lg="24">
-        <!--      站点信息-->
+        <alarm-table :tableData="tableData" />
+      </el-col>
+      <el-col :xs="24" :sm="24" :lg="6">
         <el-card
           shadow="always"
           class="common-card-container common-card-container-body-no-padding"
         >
           <div slot="header">
             <span class="card-title">站点信息</span>
-            <div class="alarm-msg" v-if="tableData.length > 0" @click="toAlarm">
-              <i class="el-icon-message-solid"></i> 设备告警
-            </div>
           </div>
           <div
-              style="box-sizing: border-box; height: 218px; padding: 20px 15px"
+            style="box-sizing: border-box; height: 250px; padding: 20px 15px"
           >
-            <!--            地址、运行时间-->
+            <el-descriptions class="home-normal-info" :column="1">
-            <div class="site-info site-info-address">
+              <el-descriptions-item
-              <div class="title">
+                size="mini"
-                <i class="el-icon-location"></i>
+                v-for="(item, index) in singleZdInfo"
-              </div>
+                :key="index + 'singleZdInfo'"
-              <div class="value">{{ info.siteAddress }}</div>
+                :label="item.title"
-            </div>
+                >{{ info[item.attr] | formatNumber }}</el-descriptions-item
-            <div class="site-info">
-              <div class="title">
-                <i class="el-icon-date"></i>
-              </div>
-              <div class="value">{{ info.runningTime || '-' }}</div>
-            </div>
-            <!--      装机功率、容量      -->
-            <el-row :gutter="10" style="margin-top:20px;">
-              <el-col
-                  :span="12"
-                  class="sjgl-col power-col"
               >
-                <div class="sjgl-wrapper">
+            </el-descriptions>
-                  <div class="sjgl-title">装机功率(MW)</div>
-                  <div class="sjgl-value">
-                    {{ info.installPower | formatNumber }}
-                  </div>
-                </div>
-              </el-col>
-              <el-col
-                  :span="12"
-                  class="sjgl-col power-col"
-              >
-                <div class="sjgl-wrapper">
-                  <div class="sjgl-title">装机容量(MW)</div>
-                  <div class="sjgl-value">
-                    {{ info.installCapacity | formatNumber }}
-                  </div>
-                </div>
-              </el-col>
-            </el-row>
           </div>
         </el-card>
       </el-col>
-      <!--      总累计运行数据-->
+      <el-col :xs="24" :sm="24" :lg="8">
-      <el-col :xs="24" :sm="24" :lg="19">
         <el-card
           shadow="always"
           class="common-card-container common-card-container-body-no-padding"
         >
           <div slot="header">
             <span class="card-title">总累计运行数据</span>
-            <div class="total-count">
-              <span class="title">总收入</span>
-              <span class="value">{{ runningInfo.totalRevenue | formatNumber }}</span>
-              <span class="unit">元</span>
-            </div>
           </div>
           <div
-              style="box-sizing: border-box; height: 218px; padding: 20px 15px"
+            style="box-sizing: border-box; height: 250px; padding: 20px 15px"
           >
-            <el-row :gutter="10">
+            <el-row :gutter="20">
               <el-col
-                  :span="6"
+                :span="12"
                 v-for="(item, index) in sjglData"
                 :key="index + 'sjglData'"
-                  class="sjgl-col"
+                class="sjgl-data"
               >
-                <div class="sjgl-wrapper">
                 <div class="sjgl-title">{{ item.title }}</div>
-                  <div class="sjgl-value" :style="{color:item.color}">
+                <div class="sjgl-value">
                   {{ runningInfo[item.attr] | formatNumber }}
                 </div>
-                </div>
               </el-col>
             </el-row>
           </div>
         </el-card>
       </el-col>
-      <el-col :xs="24" :sm="24" :lg="12">
+      <el-col :xs="24" :sm="24" :lg="10">
-        <week-chart ref="weekChart"/>
+        <cl-info :info="runningInfo.strategyTempInfo" />
       </el-col>
-      <el-col :xs="24" :sm="24" :lg="12">
+      <el-col :xs="24" :sm="24" :lg="24">
-        <active-chart ref="activeChart"/>
+        <week-chart ref="weekChart" />
+      </el-col>
+      <el-col :xs="24" :sm="24" :lg="24">
+        <active-chart ref="activeChart" />
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
-import {getSingleSiteBaseInfo} from "@/api/ems/zddt";
+import { getSingleSiteBaseInfo } from "@/api/ems/zddt";
-import {getDzjkHomeView} from "@/api/ems/dzjk";
+import { getDzjkHomeView } from "@/api/ems/dzjk";
 import WeekChart from "./WeekChart.vue";
 import ActiveChart from "./ActiveChart.vue";
 import AlarmTable from "./AlarmTable.vue";
 import ClInfo from "./ClInfo.vue";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
-
 export default {
   name: "DzjkSbjkHome",
-  components: {WeekChart, ActiveChart, AlarmTable, ClInfo},
+  components: { WeekChart, ActiveChart, AlarmTable, ClInfo },
   mixins: [getQuerySiteId, intervalUpdate],
   data() {
     return {
       loading: false,
+      singleZdInfo: [
+        {
+          title: "电站位置",
+          attr: "siteAddress",
+        },
+        {
+          title: "投运时间",
+          attr: "runningTime",
+        },
+        {
+          title: "装机功率(MW)",
+          attr: "installPower",
+        },
+        {
+          title: "装机容量(MW)",
+          attr: "installCapacity",
+        },
+      ],
       sjglData: [
         {
           title: "今日充电量（kWh）",
           attr: "dayChargedCap",
-          color: '#4472c4'
         },
         {
           title: "今日放电量（kWh）",
           attr: "dayDisChargedCap",
-          color: '#70ad47'
         },
         {
           title: "总充电量（kWh）",
           attr: "totalChargedCap",
-          color: '#4472c4'
-        },
-        {
-          title: "今日实时收入（元）",
-          attr: "dayRevenue",
-          color: '#f67438'
-        },
-        {
-          title: "昨日充电量（kWh）",
-          attr: "yesterdayChargedCap",
-          color: '#4472c4'
-        },
-        {
-          title: "昨日放电量（kWh）",
-          attr: "yesterdayDisChargedCap",
-          color: '#70ad47'
         },
         {
           title: "总放电量（kWh）",
           attr: "totalDischargedCap",
-          color: '#70ad47'
         },
         {
-          title: "昨日实时收入（元）",
+          title: "总收入（元）",
-          attr: "yesterdayRevenue",
+          attr: "totalRevenue",
-          color: '#f67438'
+        },
+        {
+          title: "当日实时收入（元）",
+          attr: "dayRevenue",
         },
       ],
       info: {}, //基本信息
@@ -167,13 +136,14 @@ export default {
   },
   computed: {
     tableData() {
+      console.log(
+        "this.runningInfo?.siteMonitorHomeAlarmVo ",
+        this.runningInfo?.siteMonitorHomeAlarmVo
+      );
       return this.runningInfo?.siteMonitorHomeAlarmVo || [];
     },
   },
   methods: {
-    toAlarm() {
-      this.$router.push({path: "/dzjk/gzgj", query: this.$route.query});
-    },
     getBaseInfo() {
       return getSingleSiteBaseInfo(this.siteId).then((response) => {
         this.info = response?.data || {};
@@ -203,73 +173,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-//设备告警
-.alarm-msg {
-  background: #ff4949;
-  padding: 2px 5px;
-  font-size: 10px;
-  font-weight: bolder;
-  border-radius: 3px;
-  line-height: 20px;
-  cursor: pointer;
-  color: #fff;
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-//基本信息-地址 运行️时间
-.site-info {
-  display: flex;
-  font-size: 12px;
-  line-height: 20px;
-  margin-bottom: 10px;
-  align-items: center;
-
-  &.site-info-address {
-    height: 40px;
-  }
-
-  .title {
-    color: #1791ff;
-    font-size: 18px;
-    line-height: 20px;
-    margin-right: 7px;
-  }
-
-  .value {
-    color: #000;
-    font-size: 12px;
-    max-height: 40px;
-    overflow: hidden;
-  }
-}
-
-//总收入
-.total-count {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 12px;
-  font-weight: bolder;
-  color: #333;
-  line-height: 14px;
-
-  .unit {
-    font-style: italic;
-  }
-
-  .value {
-    font-size: 22px;
-    font-weight: bolder;
-    color: #ed2f1d;
-    font-style: italic;
-    padding: 0 5px;
-  }
-}
-
 .row-container {
   & > .el-col {
     margin-bottom: 20px;
@@ -277,47 +180,25 @@ export default {
 }
 
 //数据概览
-.sjgl-col {
+.sjgl-data {
-  .sjgl-wrapper {
+  text-align: center;
-    text-align: left;
+  &:nth-child(1),
-    padding: 15px 20px;
-    background-color: #f2f7fb;
-  }
-
-  &.power-col {
-    .sjgl-wrapper {
-      padding: 10px;
-
-      .sjgl-value {
-        color: #c44444;
-      }
-    }
-  }
-
-  &:nth-child(4),
   &:nth-child(2),
   &:nth-child(3),
   &:nth-child(4) {
-    margin-bottom: 10px;
+    margin-bottom: 25px;
   }
-
   .sjgl-title {
-    color: #717171;
+    color: #666666;
     line-height: 14px;
-    font-weight: bold;
   }
-
   .sjgl-value {
     color: rgba(51, 51, 51, 1);
-    font-size: 22px;
+    font-size: 26px;
     line-height: 26px;
-    font-weight: bolder;
+    font-weight: 500;
-    font-style: italic;
     margin-top: 14px;
-    width: 100%;
+    word-wrap: break-word;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 }
 </style>
@@ -325,12 +206,10 @@ export default {
 <style lang="scss">
 .home-normal-info {
   font-size: 12px;
-
   .el-descriptions-item__container {
     .el-descriptions-item__label {
       color: #666666;
     }
-
     .el-descriptions-item__content {
       color: #333333;
     }

src/views/ems/dzjk/index.vue

@@ -68,7 +68,6 @@ export default {
 <style scoped lang="scss">
   .dzjk-ems-content-container{
     margin-top:0;
-    min-height: 60vh;
   }
   .lighting{
     position: relative;

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

@@ -37,11 +37,10 @@
 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: {
@@ -94,7 +93,7 @@ export default {
     };
   },
   methods: {
-    showChart({pointName, deviceCategory, deviceId, child = ""}) {
+    showChart({ pointName, deviceCategory, deviceId, child = "" }) {
       //初始化数据
       this.pointName = pointName;
       this.deviceCategory = deviceCategory;
@@ -164,21 +163,8 @@ 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({
@@ -191,14 +177,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 ? ([
@@ -214,8 +200,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 ? ([
@@ -240,7 +226,10 @@ export default {
             });
           });
         });
-      console.log("折线图图表数据", dataset);
+      } else {
+        this.$message.warning("暂无数据");
+      }
+      console.log("图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -252,17 +241,14 @@ 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",
         },
@@ -280,122 +266,6 @@ 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/bmsdcc/index.vue

@@ -1,53 +1,27 @@
+
 <template>
   <div v-loading="loading">
     <div v-for="(baseInfo,index) in baseInfoList" :key="index+'bmsdccContainer'" style="margin-bottom:25px;">
-      <el-card shadow="always"
+      <el-card shadow="always" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
-               class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
+       :class="{
-               :class="handleCardClass(baseInfo)">
+        'warning-card-container':baseInfo.workStatus && baseInfo.workStatus !== '0',
+        'running-card-container':baseInfo.workStatus === '0'
+      }">
         <div slot="header">
-          <span
+          <span class="large-title">{{index+1}}#{{baseInfo.parentDeviceName?`${baseInfo.parentDeviceName} —> ` : ''}}{{baseInfo.deviceName}}</span>
-              class="large-title">{{
-              baseInfo.parentDeviceName ? `${baseInfo.parentDeviceName} -> ` : ''
-            }}{{ baseInfo.deviceName }}</span>
-          <div class="info">
-            <div>数据更新时间：{{ baseInfo.dataUpdateTime || '-' }}</div>
-          </div>
-          <div class="alarm">
-            <el-button type="primary" round size="small" style="margin-right:20px;"
-                       @click="pointDetail(baseInfo,'point')">详细
-            </el-button>
-            <el-badge :hidden="!baseInfo.alarmNum" :value="baseInfo.alarmNum || 0" class="item">
-              <i
-                  class="el-icon-message-solid alarm-icon"
-                  @click="pointDetail(baseInfo,'alarmPoint')"
-              ></i>
-            </el-badge>
-          </div>
         </div>
           <div class="descriptions-main">
             <el-descriptions direction="vertical" :column="3" :colon="false">
-            <el-descriptions-item
+              <el-descriptions-item labelClassName="descriptions-label" :contentClassName="`descriptions-direction ${baseInfo.workStatus === '0' ? 'save' :'danger'}`" :span="1"  label="工作状态" >{{$store.state.ems.workStatusOptions[baseInfo.workStatus]}}</el-descriptions-item>
-                contentClassName="descriptions-direction work-status"
+              <el-descriptions-item labelClassName="descriptions-label" contentClassName="descriptions-direction"  :span="1" label="与PCS通信">{{$store.state.ems.communicationStatusOptions[baseInfo.pcsCommunicationStatus]}}</el-descriptions-item>
-                :span="1" label="工作状态">
+              <el-descriptions-item labelClassName="descriptions-label" contentClassName="descriptions-direction"  :span="1" label="与EMS通信">{{$store.state.ems.communicationStatusOptions[baseInfo.emsCommunicationStatus]}}</el-descriptions-item>
-              {{ CLUSTERWorkStatusOptions[baseInfo.workStatus] }}
-            </el-descriptions-item>
-            <el-descriptions-item contentClassName="descriptions-direction"
-                                  :span="1" label="与PCS通信">
-              {{ $store.state.ems.communicationStatusOptions[baseInfo.pcsCommunicationStatus] }}
-            </el-descriptions-item>
-            <el-descriptions-item contentClassName="descriptions-direction"
-                                  :span="1" label="与EMS通信">
-              {{ $store.state.ems.communicationStatusOptions[baseInfo.emsCommunicationStatus] }}
-            </el-descriptions-item>
             </el-descriptions>
           </div>
           <div class="descriptions-main descriptions-main-bg-color">
             <el-descriptions direction="vertical" :column="3" :colon="false">
-            <el-descriptions-item labelClassName="descriptions-label" contentClassName="descriptions-direction"
+              <el-descriptions-item  labelClassName="descriptions-label" contentClassName="descriptions-direction" v-for="(item,index) in infoData" :key="index+'pcsInfoData'" :span="1" :label="item.label">
-                                  v-for="(item,index) in infoData" :key="index+'pcsInfoData'" :span="1"
-                                  :label="item.label">
                 <span class="pointer" @click="showChart(item.pointName || '',baseInfo.deviceId)">
-                {{ baseInfo[item.attr] | formatNumber }} <span v-if="item.unit" v-html="item.unit"></span>
+                {{baseInfo[item.attr] | formatNumber}} <span v-if="item.unit" v-html="item.unit"></span>
               </span>
               </el-descriptions-item>
             </el-descriptions>
@@ -56,9 +30,7 @@
               <div class="process-line-bg">
                 <div class="process-line" :style="{height:baseInfo.currentSoc+'%'}"></div>
               </div>
-            <div class="process pointer" @click="showChart( '当前SOC',baseInfo.deviceId)">当前SOC :
+              <div class="process pointer" @click="showChart( '当前SOC',baseInfo.deviceId)">当前SOC :  {{baseInfo.currentSoc}}%</div>
-              {{ baseInfo.currentSoc }}%
-            </div>
             </div>
           </div>
         <el-table
@@ -78,20 +50,14 @@
             label="单体平均值"
           >
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{scope.row.avgData}}</span>
-                    @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
-                  scope.row.avgData
-                }}</span>
             </template>
           </el-table-column>
           <el-table-column
             prop="minData"
             label="单体最小值">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{scope.row.minData}}</span>
-                    @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
-                  scope.row.minData
-                }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -102,10 +68,7 @@
             prop="maxData"
             label="单体最大值">
             <template slot-scope="scope">
-              <span class="pointer "
+              <span class="pointer " @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{scope.row.maxData}}</span>
-                    @click="showChart( tablePointNameMap[scope.row.dataName+scope.column.label],baseInfo.deviceId)">{{
-                  scope.row.maxData
-                }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -117,83 +80,63 @@
     </div>
     <el-empty v-show="baseInfoList.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 {getBMSBatteryCluster} from '@/api/ems/dzjk'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
-import {mapState} from "vuex";
-
 export default {
-  name: 'DzjkSbjkBmsdcc',
+  name:'DzjkSbjkBmsdcc',
-  mixins: [getQuerySiteId, intervalUpdate],
+  mixins:[getQuerySiteId,intervalUpdate],
-  components: {PointTable, pointChart},
+  components:{pointChart},
-  computed: {
-    ...mapState({
-      CLUSTERWorkStatusOptions: state => state?.ems?.CLUSTERWorkStatusOptions || {},
-    })
-  },
   data() {
     return {
-      loading: false,
+      loading:false,
-      unitObj: {
+      unitObj:{
-        '电压': 'V',
+        '电压':'V',
-        '温度': '&#8451;',
+        '温度':'&#8451;',
-        'SOC': '%'
+        'SOC':'%'
       },
-      tablePointNameMap: {
+      tablePointNameMap:{
-        '电压单体最小值': '最低单体电压',
+        '电压单体最小值':'最低单体电压',
-        '电压单体平均值': '电压平均值',
+        '电压单体平均值':'电压平均值',
-        '电压单体最大值': '最高单体电压',
+        '电压单体最大值':'最高单体电压',
-        '温度单体最小值': '最低单体温度',
+        '温度单体最小值':'最低单体温度',
-        '温度单体平均值': '平均单体温度',
+        '温度单体平均值':'平均单体温度',
-        '温度单体最大值': '最高单体温度',
+        '温度单体最大值':'最高单体温度',
-        'SOC单体最小值': '最低单体SOC',
+        'SOC单体最小值':'最低单体SOC',
-        'SOC单体平均值': '当前SOC',
+        'SOC单体平均值':'当前SOC',
-        'SOC单体最大值': '最高单体SOC',
+        'SOC单体最大值':'最高单体SOC',
       },
-      baseInfoList: [],
+      baseInfoList:[],
-      infoData: [
+      infoData:[
-        {label: '簇电压', attr: 'clusterVoltage', unit: 'V', pointName: '簇电压'},
+        {label:'簇电压',attr:'clusterVoltage',unit:'V',pointName:'簇电压'},
-        {label: '可充电量', attr: 'chargeableCapacity', unit: 'kWh', pointName: '可充电量'},
+        {label:'可充电量',attr:'chargeableCapacity',unit:'kWh',pointName:'可充电量'},
-        {label: '累计充电量', attr: 'totalChargedCapacity', unit: 'kWh', pointName: '累计充电量'},
+        {label:'累计充电量',attr:'totalChargedCapacity',unit:'kWh',pointName:'累计充电量'},
-        {label: '簇电流', attr: 'clusterCurrent', unit: 'A', pointName: '簇电流'},
+        {label:'簇电流',attr:'clusterCurrent',unit:'A',pointName:'簇电流'},
-        {label: '可放电量', attr: 'dischargeableCapacity', unit: 'kWh', pointName: '可放电量'},
+        {label:'可放电量',attr:'dischargeableCapacity',unit:'kWh',pointName:'可放电量'},
-        {label: '累计放电量', attr: 'totalDischargedCapacity', unit: 'kWh', pointName: '累计放电量'},
+        {label:'累计放电量',attr:'totalDischargedCapacity',unit:'kWh',pointName:'累计放电量'},
-        {label: 'SOH', attr: 'soh', unit: '%', pointName: 'SOH'},
+        {label:'SOH',attr:'soh',unit:'%',pointName:'SOH'},
-        {label: '平均温度', attr: 'averageTemperature', unit: '&#8451;', pointName: '平均温度'},
+        {label:'平均温度',attr:'averageTemperature',unit:'&#8451;',pointName:'平均温度'},
-        {label: '绝缘电阻', attr: 'insulationResistance', unit: '&Omega;', pointName: '绝缘电阻'},
+        {label:'绝缘电阻',attr:'insulationResistance',unit:'&Omega;',pointName:'绝缘电阻'},
       ],
     }
   },
-  methods: {
+  methods:{
-    handleCardClass(item) {
+    showChart(pointName,deviceId){
-      const {workStatus = ''} = item
+      pointName && this.$refs.pointChart.showChart({pointName,deviceCategory:'CLUSTER',deviceId})
-      return !(Object.keys(this.CLUSTERWorkStatusOptions).includes(item.workStatus)) ? "timing-card-container" : workStatus === '9' ? 'warning-card-container' : 'running-card-container'
     },
-    // 查看设备电位表格
+    updateData(){
-    pointDetail(row, dataType) {
-      const {siteId, deviceId} = row
-      this.$refs.pointTable.showTable({siteId, deviceId, deviceCategory: 'CLUSTER'}, dataType)
-    },
-    showChart(pointName, deviceId) {
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory: 'CLUSTER', deviceId})
-    },
-    updateData() {
       this.loading = true
       getBMSBatteryCluster(this.siteId).then(response => {
         this.baseInfoList = JSON.parse(JSON.stringify(response?.data || []));
-      }).finally(() => {
+      }).finally(() => {this.loading = false})
-        this.loading = false
-      })
     },
-    init() {
+    init(){
       this.updateData()
       this.updateInterval(this.updateData)
     }
@@ -204,32 +147,28 @@ export default {
 <style scoped lang="scss">
 ::v-deep {
   //描述列表样式
-  .descriptions-main {
+  .descriptions-main{
-    padding: 24px 300px 24px 24px;
+    padding:24px 300px 24px 24px;
   }
-
+  .descriptions-main-bottom{
-  .descriptions-main-bottom {
+    padding:14px 300px 14px 24px;
-    padding: 14px 300px 14px 24px;
   }
 }
-
 //  进度条样式
-.process-container {
+.process-container{
-  width: 100px;
+  width:100px;
   position: absolute;
-  right: 70px;
+  right:70px;
-  top: 50%;
+  top:50%;
   transform: translateY(-50%);
-
+  .process-line-bg{
-  .process-line-bg {
     position: relative;
-    width: 100%;
+    width:100%;
     height: 110px;
-    background-color: #fff2cb;
+    background-color:#fff2cb ;
     border-radius: 6px;
     box-shadow: 0 0 10px #fff2cb, 0 0 0 rgba(255, 242, 203, 0.5);
-
+    .process-line{
-    .process-line {
       position: absolute;
       left: 0;
       bottom: 0;
@@ -240,10 +179,9 @@ export default {
       box-shadow: 0 0 10px #ffbf14, 0 0 0 rgba(255, 191, 20, 0.5);
     }
   }
-
+  .process{
-  .process {
+    margin-top:15px;
-    margin-top: 15px;
+    color:#666666;
-    color: #666666;
   }
 }
 

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

@@ -1,51 +1,27 @@
+
 <template>
   <div v-loading="loading">
     <div v-for="(baseInfo,index) in baseInfoList" :key="index+'bmszlContainer'" style="margin-bottom:25px;">
-      <el-card
+      <el-card :class="{
-          :class="handleCardClass(baseInfo)"
+        'warning-card-container':baseInfo.workStatus && baseInfo.workStatus !== '0',
-          class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
+        'running-card-container':baseInfo.workStatus === '0'
+      }" class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
                shadow="always">
         <div slot="header">
-          <span class="large-title">{{ baseInfo.deviceName }}</span>
+          <span class="large-title">{{index+1}}#{{baseInfo.deviceName}}</span>
-          <div class="info">
-            <div>数据更新时间：{{ baseInfo.dataUpdateTime || '-' }}</div>
-          </div>
-          <div class="alarm">
-            <el-button type="primary" round size="small" style="margin-right:20px;"
-                       @click="pointDetail(baseInfo,'point')">详细
-            </el-button>
-            <el-badge :hidden="!baseInfo.alarmNum" :value="baseInfo.alarmNum || 0" class="item">
-              <i
-                  class="el-icon-message-solid alarm-icon"
-                  @click="pointDetail(baseInfo,'alarmPoint')"
-              ></i>
-            </el-badge>
-          </div>
         </div>
         <div class="descriptions-main">
           <el-descriptions :colon="false" :column="3" direction="vertical">
-            <el-descriptions-item
+            <el-descriptions-item :contentClassName="`descriptions-direction ${baseInfo.workStatus === '0' ? 'save' :'danger'}`" :span="1" label="工作状态" labelClassName="descriptions-label" >{{$store.state.ems.workStatusOptions[baseInfo.workStatus]}}</el-descriptions-item>
-                contentClassName="descriptions-direction work-status"
+            <el-descriptions-item :span="1" contentClassName="descriptions-direction"  label="与PCS通信" labelClassName="descriptions-label">{{$store.state.ems.communicationStatusOptions[baseInfo.pcsCommunicationStatus]}}</el-descriptions-item>
-                label="工作状态" labelClassName="descriptions-label">
+            <el-descriptions-item :span="1" contentClassName="descriptions-direction"  label="与EMS通信" labelClassName="descriptions-label">{{$store.state.ems.communicationStatusOptions[baseInfo.emsCommunicationStatus]}}</el-descriptions-item>
-              {{ STACKWorkStatusOptions[baseInfo.workStatus] }}
-            </el-descriptions-item>
-            <el-descriptions-item :span="1" contentClassName="descriptions-direction" label="与PCS通信"
-                                  labelClassName="descriptions-label">
-              {{ $store.state.ems.communicationStatusOptions[baseInfo.pcsCommunicationStatus] }}
-            </el-descriptions-item>
-            <el-descriptions-item :span="1" contentClassName="descriptions-direction" label="与EMS通信"
-                                  labelClassName="descriptions-label">
-              {{ $store.state.ems.communicationStatusOptions[baseInfo.emsCommunicationStatus] }}
-            </el-descriptions-item>
           </el-descriptions>
         </div>
         <div class="descriptions-main descriptions-main-bg-color">
           <el-descriptions :colon="false" :column="3" direction="vertical">
-            <el-descriptions-item v-for="(item,index) in infoData" :key="index+'pcsInfoData'" :label="item.label"
+            <el-descriptions-item  v-for="(item,index) in infoData" :key="index+'pcsInfoData'" :label="item.label" :span="1" contentClassName="descriptions-direction" labelClassName="descriptions-label">
-                                  :span="1" contentClassName="descriptions-direction"
-                                  labelClassName="descriptions-label">
               <span  class="pointer" @click="showChart(item.pointName || '',baseInfo.deviceId)">
-                {{ baseInfo[item.attr] | formatNumber }}<span v-if="item.unit" v-html="item.unit"></span>
+                {{baseInfo[item.attr] | formatNumber}}<span v-if="item.unit" v-html="item.unit"></span>
               </span>
             </el-descriptions-item>
           </el-descriptions>
@@ -54,9 +30,7 @@
             <div class="process-line-bg">
               <div :style="{height:baseInfo.stackSoc+'%'}" class="process-line"></div>
             </div>
-            <div class="process pointer" @click="showChart('当前SOC',baseInfo.deviceId)">当前SOC :
+            <div class="process pointer" @click="showChart('当前SOC',baseInfo.deviceId)">当前SOC : {{baseInfo.stackSoc}}%</div>
-              {{ baseInfo.stackSoc }}%
-            </div>
           </div>
         </div>
         <el-table
@@ -73,32 +47,26 @@
             label="簇电压"
           >
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('簇电压',scope.row.clusterId,'CLUSTER')">{{scope.row.clusterVoltage}} V</span>
-                    @click="showChart('簇电压',scope.row.clusterId,'CLUSTER')">{{ scope.row.clusterVoltage }} V</span>
             </template>
           </el-table-column>
           <el-table-column
             label="簇电流">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('簇电流',scope.row.clusterId,'CLUSTER')">{{scope.row.clusterCurrent}} A</span>
-                    @click="showChart('簇电流',scope.row.clusterId,'CLUSTER')">{{ scope.row.clusterCurrent }} A</span>
             </template>
           </el-table-column>
           <el-table-column
             label="簇SOC">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('当前SOC',scope.row.clusterId,'CLUSTER')">{{scope.row.currentSoc}} %</span>
-                    @click="showChart('当前SOC',scope.row.clusterId,'CLUSTER')">{{ scope.row.currentSoc }} %</span>
             </template>
           </el-table-column>
           <el-table-column
             label="单体最高电压"
             prop="maxVoltage">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('最高单体电压',scope.row.clusterId,'CLUSTER')">{{scope.row.maxCellVoltage}} V</span>
-                    @click="showChart('最高单体电压',scope.row.clusterId,'CLUSTER')">{{
-                  scope.row.maxCellVoltage
-                }} V</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -109,10 +77,7 @@
             label="单体最低电压"
             prop="minVoltage">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('最低单体电压',scope.row.clusterId,'CLUSTER')">{{scope.row.minCellVoltage}} V</span>
-                    @click="showChart('最低单体电压',scope.row.clusterId,'CLUSTER')">{{
-                  scope.row.minCellVoltage
-                }} V</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -122,10 +87,7 @@
           <el-table-column
             label="单体最高温度">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('最高单体温度',scope.row.clusterId,'CLUSTER')">{{scope.row.maxCellTemp}} &#8451;</span>
-                    @click="showChart('最高单体温度',scope.row.clusterId,'CLUSTER')">{{
-                  scope.row.maxCellTemp
-                }} &#8451;</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -136,10 +98,7 @@
             label="单体最低温度"
             prop="minTemperature">
             <template slot-scope="scope">
-              <span class="pointer"
+              <span class="pointer" @click="showChart('最低单体温度',scope.row.clusterId,'CLUSTER')">{{scope.row.minCellTemp}} &#8451;</span>
-                    @click="showChart('最低单体温度',scope.row.clusterId,'CLUSTER')">{{
-                  scope.row.minCellTemp
-                }} &#8451;</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -152,7 +111,6 @@
     </div>
     <el-empty v-show="baseInfoList.length<=0" :image-size="200"></el-empty>
     <point-chart ref="pointChart" :site-id="siteId"/>
-    <point-table ref="pointTable"/>
   </div>
 </template>
 
@@ -161,58 +119,38 @@ import {getBMSOverView} from '@/api/ems/dzjk'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
 import pointChart from "./../PointChart.vue";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
-import {mapState} from "vuex";
-
 export default {
-  name: 'DzjkSbjkBmszl',
+  name:'DzjkSbjkBmszl',
-  components: {pointChart, PointTable},
+  components: {pointChart,},
-  mixins: [getQuerySiteId, intervalUpdate],
+  mixins:[getQuerySiteId,intervalUpdate],
-  computed: {
-    ...mapState({
-      STACKWorkStatusOptions: state => state?.ems?.STACKWorkStatusOptions || {},
-    })
-  },
   data() {
     return {
-      loading: false,
+      loading:false,
-      baseInfoList: [],
+      baseInfoList:[],
-      infoData: [
+      infoData:[
-        {label: '电池堆总电压', attr: 'stackVoltage', unit: 'V', pointName: '电池堆电压'},
+        {label:'电池堆总电压',attr:'stackVoltage',unit:'V',pointName:'电池堆电压'},
-        {label: '可充电量', attr: 'availableChargeCapacity', unit: 'kWh', pointName: '可充电量'},
+        {label:'可充电量',attr:'availableChargeCapacity',unit:'kWh',pointName:'可充电量'},
-        {label: '累计充电量', attr: 'totalChargeCapacity', unit: 'kWh', pointName: '累计充电量'},
+        {label:'累计充电量',attr:'totalChargeCapacity',unit:'kWh',pointName:'累计充电量'},
-        {label: '电池堆总电流', attr: 'stackCurrent', unit: 'A', pointName: '电池堆总电流'},
+        {label:'电池堆总电流',attr:'stackCurrent',unit:'A',pointName:'电池堆总电流'},
-        {label: '可放电量', attr: 'availableDischargeCapacity', unit: 'kWh', pointName: '可放电量'},
+        {label:'可放电量',attr:'availableDischargeCapacity',unit:'kWh',pointName:'可放电量'},
-        {label: '累计放电量', attr: 'totalDischargeCapacity', unit: 'kWh', pointName: '累计放电量'},
+        {label:'累计放电量',attr:'totalDischargeCapacity',unit:'kWh',pointName:'累计放电量'},
-        {label: 'SOH', attr: 'stackSoh', unit: '%', pointName: 'SOH'},
+        {label:'SOH',attr:'stackSoh',unit:'%',pointName:'SOH'},
-        {label: '平均温度', attr: 'operatingTemp', unit: '&#8451;', pointName: '平均温度'},
+        {label:'平均温度',attr:'operatingTemp',unit:'&#8451;',pointName:'平均温度'},
-        {label: '绝缘电阻', attr: 'stackInsulationResistance', unit: '&Omega;', pointName: '绝缘电阻'},
+        {label:'绝缘电阻',attr:'stackInsulationResistance',unit:'&Omega;',pointName:'绝缘电阻'},
       ]
     }
   },
-  methods: {
+  methods:{
-    handleCardClass(item) {
+    showChart(pointName,deviceId,deviceCategory = 'STACK'){
-      const {workStatus = ''} = item
+      pointName && this.$refs.pointChart.showChart({pointName,deviceCategory,deviceId})
-      return !Object.keys(this.STACKWorkStatusOptions).find(i => i === workStatus) ? "timing-card-container" : workStatus === '9' ? 'warning-card-container' : 'running-card-container'
     },
-
+    updateData(){
-    // 查看设备电位表格
-    pointDetail(row, dataType) {
-      const {siteId, deviceId} = row
-      this.$refs.pointTable.showTable({siteId, deviceId, deviceCategory: 'STACK'}, dataType)
-    },
-    showChart(pointName, deviceId, deviceCategory = 'STACK') {
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory, deviceId})
-    },
-    updateData() {
       this.loading = true
       getBMSOverView(this.siteId).then(response => {
         this.baseInfoList = JSON.parse(JSON.stringify(response?.data || []));
-      }).finally(() => {
+      }).finally(() => {this.loading = false})
-        this.loading = false
-      })
     },
-    init() {
+    init(){
       this.updateData()
       this.updateInterval(this.updateData)
     }
@@ -232,24 +170,21 @@ export default {
     }
   }
 }
-
 //  进度条样式
-.process-container {
+.process-container{
-  width: 100px;
+  width:100px;
   position: absolute;
-  right: 70px;
+  right:70px;
-  top: 50%;
+  top:50%;
   transform: translateY(-50%);
-
+  .process-line-bg{
-  .process-line-bg {
     position: relative;
-    width: 100%;
+    width:100%;
     height: 110px;
-    background-color: #fff2cb;
+    background-color:#fff2cb ;
     border-radius: 6px;
     box-shadow: 0 0 10px #fff2cb, 0 0 0 rgba(255, 242, 203, 0.5);
-
+    .process-line{
-    .process-line {
       position: absolute;
       left: 0;
       bottom: 0;
@@ -260,10 +195,9 @@ export default {
       box-shadow: 0 0 10px rgb(252 108 108), 0 0 0 rgba(252, 108, 108, 0.5);
     }
   }
-
+  .process{
-  .process {
+    margin-top:15px;
-    margin-top: 15px;
+    color:#666666;
-    color: #666666;
   }
 }
 

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

@@ -6,208 +6,144 @@
          shadow="always"
          class="sbjk-card-container list"
          :class="{
-        'timing-card-container':!['0','2'].includes(item.emsCommunicationStatus),
+        'warning-card-container':item.emsCommunicationStatus && item.emsCommunicationStatus !== '0',
-        'warning-card-container':item.emsCommunicationStatus === '2',
         'running-card-container':item.emsCommunicationStatus === '0'
       }"
      >
        <div slot="header">
-        <span class="large-title">{{ item.deviceName }}</span>
+         <span class="large-title">{{index+1}}#{{ item.deviceName }}</span>
          <div class="info">
            <div>
              {{
-              communicationStatusOptions[item.emsCommunicationStatus] || '-'
+               $store.state.ems.communicationStatusOptions[
+                   item.emsCommunicationStatus
+                   ]
              }}
            </div>
-          <div>数据更新时间：{{ item.dataUpdateTime || '-' }}</div>
+           <div>数据更新时间：{{ item.dataUpdateTime }}</div>
-        </div>
-        <div class="alarm">
-          <el-button type="primary" round size="small" style="margin-right:20px;" @click="pointDetail(item,'point')">
-            详细
-          </el-button>
-          <el-badge :hidden="!item.alarmNum" :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-row>
-        <el-col v-for="(tempDataItem,tempDataIndex) in (deviceIdTypeMsg[item.deviceId] || otherTypeMsg)"
+         <el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]" :key="tempDataIndex+'dbTempData'" :span="8">
-                :key="tempDataIndex+'dbTempData'"
-                :span="8" class="device-info-col">
             <span class="pointer" @click="showChart(tempDataItem.pointName,item.deviceId)">
-              <span class="left">{{ tempDataItem.name }}</span> <span class="right">{{ item[tempDataItem.attr] || '-' }}<span
+              {{tempDataItem.name}}：{{item[tempDataItem.attr]}}<span v-html="tempDataItem.unit"></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 getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getAmmeterDataList} from "@/api/ems/dzjk";
+import { getAmmeterDataList } from "@/api/ems/dzjk";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
-import {mapState} from "vuex";
-
 export default {
   name: "DzjkSbjkDb",
-  mixins: [getQuerySiteId, intervalUpdate],
+  mixins: [getQuerySiteId,intervalUpdate],
-  components: {PointTable, pointChart},
+  components:{pointChart},
-  computed: {
-
-    ...mapState({
-      communicationStatusOptions: state => state?.ems?.communicationStatusOptions || {},
-    })
-  },
   data() {
     return {
       loading: false,
-      list: [],
+      list:[],
-      deviceIdTypeMsg: {
+      deviceIdTypeMsg:{
-        'LOAD': [
+        'LOAD':[
           {
-            name: '正向有功电能',
+            name:'正向有功电能',
-            attr: 'forwardActive',
+            attr:'forwardActive',
-            pointName: '正向有功电能',
+            pointName:'正向有功电能'
-            unit: 'kWh'
           },
           {
-            name: '反向有功电能',
+            name:'反向有功电能',
-            attr: 'reverseActive',
+            attr:'reverseActive',
-            pointName: '反向有功电能',
+            pointName:'反向有功电能'
-            unit: 'kWh'
           },
           {
-            name: '正向无功电能',
+            name:'正向无功电能',
-            attr: 'forwardReactive',
+            attr:'forwardReactive',
-            pointName: '正向无功电能',
+            pointName:'正向无功电能'
-            unit: 'kvarh'
           },
           {
-            name: '反向无功电能',
+            name:'反向无功电能',
-            attr: 'reverseReactive',
+            attr:'reverseReactive',
-            pointName: '反向无功电能',
+            pointName:'反向无功电能'
-            unit: 'kvarh'
           },
           {
-            name: '有功功率',
+            name:'有功功率',
-            attr: 'activePower',
+            attr:'activePower',
-            pointName: '总有功功率',
+            pointName:'总有功功率'
-            unit: 'kW'
           },
           {
-            name: '无功功率',
+            name:'无功功率',
-            attr: 'reactivePower',
+            attr:'reactivePower',
-            pointName: '总无功功率',
+            pointName:'总无功功率'
-            unit: 'kvar'
           }
         ],
-        'METE': [
+        'METE':[
           {
-            name: '正向有功电能',
+            name:'正向有功电能',
-            attr: 'forwardActive',
+            attr:'forwardActive',
-            pointName: '正向有功电能',
+            pointName:'正向有功电能'
-            unit: 'kWh'
           },
           {
-            name: '反向有功电能',
+            name:'反向有功电能',
-            attr: 'reverseActive',
+            attr:'reverseActive',
-            pointName: '反向有功电能',
+            pointName:'反向有功电能'
-            unit: 'kWh'
           },
           {
-            name: '正向无功电能',
+            name:'正向无功电能',
-            attr: 'forwardReactive',
+            attr:'forwardReactive',
-            pointName: '正向无功电能',
+            pointName:'正向无功电能'
-            unit: 'kvarh'
           },
           {
-            name: '反向无功电能',
+            name:'反向无功电能',
-            attr: 'reverseReactive',
+            attr:'reverseReactive',
-            pointName: '反向无功电能',
+            pointName:'反向无功电能'
-            unit: 'kvarh'
           },
           {
-            name: '有功功率',
+            name:'有功功率',
-            attr: 'activePower',
+            attr:'activePower',
-            pointName: '总有功功率',
+            pointName:'总有功功率'
-            unit: 'kW'
           },
           {
-            name: '无功功率',
+            name:'无功功率',
-            attr: 'reactivePower',
+            attr:'reactivePower',
-            pointName: '总无功功率',
+            pointName:'总无功功率'
-            unit: 'kvar'
           }
         ],
-        'METEGF': [
+        'METEGF':[
           {
-            name: '有功电能',
+            name:'有功电能',
-            attr: 'activeEnergy',
+            attr:'activeEnergy',
-            pointName: '有功电能',
+            pointName:'有功电能'
-            unit: 'kWh'
           },
           {
-            name: '无功电能',
+            name:'无功电能',
-            attr: 'reactiveEnergy',
+            attr:'reactiveEnergy',
-            pointName: '无功电能',
+            pointName:'无功电能'
-            unit: 'kvarh'
           },
           {
-            name: '有功功率',
+            name:'有功功率',
-            attr: 'activePower',
+            attr:'activePower',
-            pointName: '总有功功率',
+            pointName:'总有功功率'
-            unit: 'kW'
           },
           {
-            name: '无功功率',
+            name:'无功功率',
-            attr: 'reactivePower',
+            attr:'reactivePower',
-            pointName: '总无功功率',
+            pointName:'总无功功率'
-            unit: 'kvar'
           }
         ]
-      },
+      }
-      otherTypeMsg: [
-        {
-          name: '正向有功电能',
-          attr: 'forwardActive',
-          pointName: '正向有功电能',
-          unit: 'kWh'
-        },
-        {
-          name: '反向有功电能',
-          attr: 'reverseActive',
-          pointName: '反向有功电能',
-          unit: 'kWh'
-        },
-        {
-          name: '有功功率',
-          attr: 'activePower',
-          pointName: '总有功功率',
-          unit: 'kW'
-        },
-      ]
     };
   },
   methods: {
-    // 查看设备电位表格
+    showChart(pointName,deviceId){
-    pointDetail(row, dataType) {
+      pointName && this.$refs.pointChart.showChart({pointName,deviceCategory:'AMMETER',deviceId})
-      const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'AMMETER'}, dataType)
     },
-    showChart(pointName, deviceId) {
+    updateData(){
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory: 'AMMETER', deviceId})
-    },
-    updateData() {
       this.loading = true;
       getAmmeterDataList(this.siteId)
           .then((response) => {
@@ -222,16 +158,33 @@ export default {
       this.updateInterval(this.updateData)
     },
   },
-  mounted() {
+  mounted() {},
-  },
 };
 </script>
 
 <style scoped lang="scss">
 .sbjk-card-container {
-  &.list:not(:last-child) {
+  &.list:not(:last-child){
     margin-bottom: 25px;
   }
+  .el-row{
+    background-color: #ffffff;
+    border:1px solid #eeeeee;
+    font-size: 14px;
+    line-height: 16px;
+    color: #333333;
+    .el-col{
+      padding:12px 0;
+      text-align: center;
+      position: relative;
+    }
+    .el-col{
+      border-bottom: 1px solid #eeeeee;
+    }
+    .el-col:not(:nth-child(3n)){
+      border-right: 1px solid #eeeeee;
+    }
+  }
 }
 
 </style>

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

@@ -1,120 +0,0 @@
-<template>
-  <div v-loading="loading">
-    <el-card
-        v-for="(item,index) in list"
-        :key="index+'ylLise'"
-        class="sbjk-card-container running-card-container"
-        shadow="always">
-      <div slot="header">
-        <span class="large-title">{{ item.deviceName }}</span>
-        <div class="info">
-          <div>数据更新时间：{{ item.dataUpdateTime || '-' }}</div>
-        </div>
-        <div class="alarm">
-          <el-button type="primary" round size="small" style="margin-right:20px;" @click="pointDetail(item,'point')">
-            详细
-          </el-button>
-          <el-badge :hidden="!item.alarmNum" :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 tempData" :key="tempDataIndex+'hdTempData'" :span="12"
-                class="device-info-col">
-            <span class="pointer" @click="showChart(tempDataItem.title,item.deviceId)">
-              <span class="left">{{ tempDataItem.title }}</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 getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getDhDataList} from '@/api/ems/dzjk'
-import intervalUpdate from "@/mixins/ems/intervalUpdate";
-import pointChart from "./../PointChart.vue";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
-
-export default {
-  name: 'DzjkSbjkDh',
-  mixins: [getQuerySiteId, intervalUpdate],
-  components: {pointChart, PointTable},
-  data() {
-    return {
-      loading: false,
-      list: [],
-      tempData: [
-        {title: '湿度', attr: 'humidity', unit: ''},
-        {title: '温度', attr: 'temperature', unit: '&#8451;'},
-      ]
-    }
-  },
-  methods: {
-    // 查看设备电位表格
-    pointDetail(row, dataType) {
-      const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'DH'}, dataType)
-    },
-    showChart(pointName, deviceId) {
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory: 'DH', deviceId})
-    },
-    updateData() {
-      this.loading = true
-      getDhDataList(this.siteId).then(response => {
-        this.list = JSON.parse(JSON.stringify(response?.data || []));
-      }).finally(() => {
-        this.loading = false
-      })
-    },
-    init() {
-      this.updateData()
-      this.updateInterval(this.updateData)
-    }
-  },
-  mounted() {
-
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.sbjk-card-container {
-  &:not(:last-child) {
-    margin-bottom: 25px;
-  }
-
-  .el-row {
-    background-color: #ffffff;
-    border: 1px solid #eeeeee;
-    font-size: 14px;
-    line-height: 16px;
-    color: #333333;
-
-    .el-col {
-      padding: 12px 0;
-      text-align: center;
-      position: relative;
-    }
-
-    .el-col {
-      border-bottom: 1px solid #eeeeee;
-    }
-
-    .el-col:not(:nth-child(3n)) {
-      border-right: 1px solid #eeeeee;
-    }
-  }
-}
-</style>

src/views/ems/dzjk/sbjk/dtdc/Table.vue

@@ -6,8 +6,8 @@
       stripe
       style="width: 100%; margin-top: 25px"
     >
-      <el-table-column prop="deviceId" label="单体编号"></el-table-column>
+      <el-table-column prop="deviceId" label="单体编号"> </el-table-column>
-      <el-table-column prop="clusterDeviceId" label="簇号"></el-table-column>
+      <el-table-column prop="clusterDeviceId" label="簇号"> </el-table-column>
       <el-table-column prop="voltage" label="电压 (V)">
         <template slot-scope="scope">
           <el-button
@@ -52,16 +52,13 @@
           </el-button>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="160">
+      <!-- <el-table-column label="曲线图">
         <template slot-scope="scope">
-          <el-button @click="$emit('pointDetail',scope.row,'point')" type="text" size="small">
+          <el-button @click="chartDetail(scope.row)" type="text" size="small">
-            详细
+            展示
-          </el-button>
-          <el-button @click="$emit('pointDetail',scope.row,'alarmPoint')" type="text" size="small">
-            报警点位详细
           </el-button>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
     <!-- <el-pagination
       v-show="tableData.length > 0"
@@ -118,7 +115,8 @@ export default {
   methods: {
     //查看表格行图表
     chartDetail(row, dataType = "") {
-      this.$emit("chart", {...row, dataType});
+      const { clusterDeviceId, deviceId } = row;
+      this.$emit("chart", { ...row, dataType });
     },
   },
 };

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

@@ -88,7 +88,6 @@
       :totalSize="totalSize"
       :pointIdList="pointIdList"
       @chart="chartDetail"
-      @pointDetail="pointDetail"
     ></component>
     <el-pagination
       v-show="tableData.length > 0"
@@ -105,7 +104,6 @@
     </el-pagination>
     <chart-detail ref="chartDetail" />
     <point-chart ref="pointChart" :site-id="siteId" />
-    <point-table ref="pointTable"/>
   </el-card>
 </template>
 
@@ -121,12 +119,10 @@ import ChartDetail from "./ChartDetail.vue";
 import Table from "./Table.vue";
 import List from "./List.vue";
 import pointChart from "./../PointChart.vue";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
 export default {
   name: "DzjkSbjkDtdc",
   mixins: [getQuerySiteId],
   components: {
-    PointTable,
     BarChart,
     ChartDetail,
     DtdcTable: Table,
@@ -169,11 +165,6 @@ export default {
     };
   },
   methods: {
-    // 查看设备电位表格
-    pointDetail(row,dataType){
-      const {deviceId,clusterDeviceId} = row
-      this.$refs.pointTable.showTable({siteId:this.siteId,deviceId,deviceCategory:'BATTERY',parentId:clusterDeviceId},dataType)
-    },
     changeMenu(menu) {
       const { activeBtn } = this;
       activeBtn !== menu && (this.activeBtn = menu);

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

@@ -1,133 +0,0 @@
-<template>
-  <div v-loading="loading" class="ems">
-    <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" round style="margin-right:20px;" type="primary" @click="pointDetail(item,'point')">详细
-          </el-button>
-          <el-badge :hidden="!item.alarmNum" :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/sbjk/index.vue

@@ -19,14 +19,13 @@
         </keep-alive>
       </div>
   </div>
-
 </template>
 
 <script>
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { dzjk } from '@/router/ems'
 import {mapState} from "vuex";
-const childrenRoute = dzjk[0].children[0].children.find(item=> item.name==='DzjkSbjk').children//获取到单站监控-设备监控下面的字路由
+const childrenRoute = ((dzjk[0]?.children || []).find(item=> item.name==='DzjkSbjk').children) || []//获取到单站监控-设备监控下面的字路由
 export default {
   name:'DzjkSbjk',
   mixins:[getQuerySiteId],
@@ -65,11 +64,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.sbjk-ems-content-container{
+.sbjk-ems-dashboard-editor-container {
-  margin-top:0;
+  display: flex;
-  padding-top:0;
+  background: #ffffff;
+}
+.sbjk-ems-content-container {
+  margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
   flex: 1;
 }
 </style>
-

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

@@ -1,20 +1,24 @@
 <template>
   <div v-loading="loading" class="pcs-ems-dashboard-editor-container">
     <!--    顶部六个方块-->
-    <real-time-base-info :data="runningHeadData"/>
+    <real-time-base-info :data="runningHeadData" />
     <div
       v-for="(pcsItem, pcsIndex) in pcsList"
       :key="pcsIndex + 'PcsHome'"
       style="margin-bottom: 25px"
     >
       <el-card
-          :class="handleCardClass(pcsItem)"
+        :class="{
+          'warning-card-container': pcsItem.workStatus === '1',
+          'timing-card-container': pcsItem.workStatus === '2',
+          'running-card-container': !['1', '2'].includes(pcsItem.workStatus),
+        }"
         class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
         shadow="always"
       >
         <div slot="header">
           <span class="large-title"
-          >{{ pcsItem.deviceName }}</span
+            >{{ pcsIndex + 1 }}#{{ pcsItem.deviceName }}</span
           >
           <div class="info">
             <div>
@@ -27,14 +31,10 @@
             <div>数据更新时间：{{ pcsItem.dataUpdateTime }}</div>
           </div>
           <div class="alarm">
-            <el-button type="primary" round size="small" style="margin-right:20px;"
+            <el-badge :value="pcsItem.alarmNum || 0" class="item">
-                       @click="pointDetail(pcsItem,'point')">
-              详细
-            </el-button>
-            <el-badge :hidden="!pcsItem.alarmNum" :value="pcsItem.alarmNum || 0" class="item">
               <i
-                  class="el-icon-message-solid alarm-icon"
+                class="el-icon-message-solid"
-                  @click="pointDetail(pcsItem,'alarmPoint')"
+                style="font-size: 26px; color: #fff; display: block"
               ></i>
             </el-badge>
           </div>
@@ -42,14 +42,15 @@
         <div class="descriptions-main">
           <el-descriptions :colon="false" :column="4" direction="vertical">
             <el-descriptions-item
-                contentClassName="descriptions-direction work-status"
+              :contentClassName="`descriptions-direction ${
+                pcsItem.workStatus === '0' ? 'save' : 'danger'
+              }`"
               :span="1"
               label="工作状态"
               labelClassName="descriptions-label"
               >{{
-                PCSWorkStatusOptions[pcsItem.workStatus]
+                $store.state.ems.workStatusOptions[pcsItem.workStatus]
-              }}
+              }}</el-descriptions-item
-            </el-descriptions-item
             >
             <el-descriptions-item
               :span="1"
@@ -58,20 +59,18 @@
               labelClassName="descriptions-label"
               >{{
                 $store.state.ems.gridStatusOptions[pcsItem.gridStatus]
-              }}
+              }}</el-descriptions-item
-            </el-descriptions-item
             >
             <el-descriptions-item
               :contentClassName="`descriptions-direction ${
-                pcsItem.deviceStatus === '1' ? 'save' : 'danger'
+                pcsItem.deviceStatus === '2' ? 'save' : 'danger'
               }`"
               :span="1"
               label="设备状态"
               labelClassName="descriptions-label"
               >{{
                 $store.state.ems.deviceStatusOptions[pcsItem.deviceStatus]
-              }}
+              }}</el-descriptions-item
-            </el-descriptions-item
             >
             <el-descriptions-item
               :span="1"
@@ -80,8 +79,7 @@
               labelClassName="descriptions-label"
               >{{
                 $store.state.ems.controlModeOptions[pcsItem.controlMode]
-              }}
+              }}</el-descriptions-item
-            </el-descriptions-item
             >
           </el-descriptions>
         </div>
@@ -128,8 +126,7 @@
               :span="4"
               contentClassName="descriptions-direction keep"
               labelClassName="descriptions-label"
-            >{{ item.dischargeStatus }}
+              >{{ item.dischargeStatus }}</el-descriptions-item
-            </el-descriptions-item
             >
             <el-descriptions-item
               :span="1"
@@ -172,29 +169,20 @@
       </el-card>
     </div>
     <el-empty v-show="pcsList.length <= 0" :image-size="200"></el-empty>
-    <point-chart ref="pointChart" :site-id="siteId"/>
+    <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 RealTimeBaseInfo from "./../RealTimeBaseInfo.vue";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getPcsDetailInfo, getRunningHeadInfo} from "@/api/ems/dzjk";
+import { getRunningHeadInfo, getPcsDetailInfo } from "@/api/ems/dzjk";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
-import {mapState} from "vuex";
-
 export default {
   name: "DzjkSbjkPcs",
-  components: {RealTimeBaseInfo, pointChart, PointTable},
+  components: { RealTimeBaseInfo, pointChart },
   mixins: [getQuerySiteId, intervalUpdate],
-  computed: {
-    ...mapState({
-      PCSWorkStatusOptions: state => state?.ems?.PCSWorkStatusOptions || {},
-    })
-  },
   data() {
     return {
       loading: false,
@@ -202,10 +190,10 @@ export default {
       pcsList: [],
       infoData: [
         {
-          label: "总交流有功功率",
+          label: "总交流有功电率",
           attr: "totalActivePower",
           unit: "kW",
-          pointName: "总交流有功功率",
+          pointName: "总交流有功电率",
         },
         {
           label: "当天交流充电量",
@@ -213,7 +201,7 @@ export default {
           unit: "kWh",
           pointName: "当天交流充电量 (kWh)",
         },
-        {label: "A相电压", attr: "aPhaseVoltage", unit: "V", pointName: ""},
+        { label: "A相电压", attr: "aPhaseVoltage", unit: "V", pointName: "" },
         {
           label: "A相电流",
           attr: "aPhaseCurrent",
@@ -221,10 +209,10 @@ export default {
           pointName: "A相电流",
         },
         {
-          label: "总交流无功功率",
+          label: "总交流无功电率",
           attr: "totalReactivePower",
           unit: "kVar",
-          pointName: "总交流无功功率",
+          pointName: "总交流无功电率",
         },
         {
           label: "当天交流放电量",
@@ -232,7 +220,7 @@ export default {
           unit: "kWh",
           pointName: "当天交流放电量 (kWh)",
         },
-        {label: "B相电压", attr: "bPhaseVoltage", unit: "V", pointName: ""},
+        { label: "B相电压", attr: "bPhaseVoltage", unit: "V", pointName: "" },
         {
           label: "B相电流",
           attr: "bPhaseCurrent",
@@ -251,7 +239,7 @@ export default {
           unit: "&#8451;",
           pointName: "",
         },
-        {label: "C相电压", attr: "cPhaseVoltage", unit: "V", pointName: ""},
+        { label: "C相电压", attr: "cPhaseVoltage", unit: "V", pointName: "" },
         {
           label: "C相电流",
           attr: "cPhaseCurrent",
@@ -281,18 +269,9 @@ export default {
     };
   },
   methods: {
-    handleCardClass(item) {
+    showChart(pointName, deviceId,isBranch=false) {
-      const {workStatus = ''} = item
-      return workStatus === '1' || !Object.keys(this.PCSWorkStatusOptions).find(i => i === workStatus) ? "timing-card-container" : workStatus === '2' ? 'warning-card-container' : 'running-card-container'
-    },
-    // 查看设备电位表格
-    pointDetail(row, dataType) {
-      const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'PCS'}, dataType)
-    },
-    showChart(pointName, deviceId, isBranch = false) {
       pointName &&
-      this.$refs.pointChart.showChart({pointName, deviceCategory: isBranch ? 'BRANCH' : 'PCS', deviceId});
+        this.$refs.pointChart.showChart({ pointName,deviceCategory:isBranch ? 'BRANCH' : 'PCS', deviceId });
     },
     //6个方块数据
     getRunningHeadData() {

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

@@ -6,7 +6,7 @@
     <div slot="header">
       <span class="card-title">PCS有功功率/PCS无功功率</span>
     </div>
-    <div style="height: 360px" id="cnglqxChart"/>
+    <div style="height: 360px" id="cnglqxChart" />
   </el-card>
 </template>
 
@@ -14,7 +14,8 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
-import {storagePower} from "@/api/ems/dzjk";
+import { formatDate } from "@/filters/ems";
+import { storagePower } from "@/api/ems/dzjk";
 
 export default {
   mixins: [resize],
@@ -34,10 +35,12 @@ export default {
     this.chart = null;
   },
   methods: {
-    init(siteId, timeRange) {
+    init(siteId) {
       this.chart.showLoading();
-      const [startTime = '', endTime = ''] = timeRange;
+      const x = [];
-      storagePower(siteId, startTime, endTime)
+      const data1 = [],
+        data2 = [];
+      storagePower(siteId)
         .then((response) => {
           this.setOption(response?.data?.pcsPowerList || []);
         })
@@ -46,6 +49,7 @@ export default {
         });
     },
     setOption(data) {
+      // data=[{deviceId:'pcs1',energyStoragePowList:[{createDate,deviceId,pcsTotalActPower,pcsTotalReactivePower}]}]
       let xdata = [],
         series = [];
       data.forEach((element, index) => {
@@ -60,13 +64,8 @@ export default {
               // color:'#FFBD00'
             },
             data: (element.energyStoragePowList || []).map(
-                  (i) => {
+              (i) => i.pcsTotalActPower
-                    return {
+            ),
-                      value: i.pcsTotalActPower,
-                      year: i.dateDay || ''
-                    }
-                  }
-              )
           },
           {
             type: "line",
@@ -75,17 +74,12 @@ export default {
               // color:'#FFBD00'
             },
             data: (element.energyStoragePowList || []).map(
-                  (i) => {
+              (i) => i.pcsTotalReactivePower
-                    return {
-                      value: i.pcsTotalReactivePower,
-                      year: i.dateDay || ''
-                    }
-                  }
             ),
           }
         );
       });
-      this.chart && this.chart.setOption({
+      this.chart.setOption({
         legend: {
           left: "center",
           top: "5",
@@ -99,29 +93,16 @@ export default {
           containLabel: true,
         },
         tooltip: {
-          show: true,
           trigger: "axis",
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          formatter: (params) => {
-            if (params.length <= 0) return
-            let result = (params[0].data.year || '') + ' ' + params[0].name + '<div>'
-            params.forEach(item => {
-              const {color, seriesName, value} = item
-              result += `<div style="position: relative;padding-left:20px;line-height: 20px;">
-                <div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
-                <span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
-            })
-            result += '</div>'
-            return result
-          }
         },
         textStyle: {
           color: "#333333",
         },
-        xAxis: {type: "category", data: xdata},
+        xAxis: { type: "category", data: xdata },
         yAxis: {
           type: "value",
         },
@@ -137,7 +118,7 @@ export default {
           },
         ],
         series,
-      }, true);
+      });
     },
   },
 };

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

@@ -14,6 +14,7 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
+import { formatDate } from "@/filters/ems";
 import { batteryAveSoc } from "@/api/ems/dzjk";
 export default {
   mixins: [resize],
@@ -33,10 +34,9 @@ export default {
     this.chart = null;
   },
   methods: {
-    init(siteId,timeRange) {
+    init(siteId) {
       this.chart.showLoading();
-      const [startTime='', endTime=''] = timeRange;
+      batteryAveSoc(siteId)
-      batteryAveSoc(siteId,startTime,endTime)
         .then((response) => {
           this.setOption(response?.data?.batteryAveSOCList || []);
         })
@@ -49,12 +49,9 @@ export default {
         ydata = [];
       data.forEach((element) => {
         xdata.push(element.createDate);
-        ydata.push({
+        ydata.push(element.batterySOC);
-          value:element.batterySOC,
-          year:element.dateDay,
       });
-      });
+      xdata = this.chart.setOption({
-      this.chart && this.chart.setOption({
         legend: {
           left: "center",
           top: "5",
@@ -68,24 +65,11 @@ export default {
           containLabel: true,
         },
         tooltip: {
-          show:true,
           trigger: "axis",
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          formatter :(params)=>{
-            if(params.length <= 0) return
-            let result = (params[0].data.year || '')+' '+params[0].name + '<div>'
-            params.forEach(item=>{
-              const {color,seriesName,value} = item
-              result +=  `<div style="position: relative;padding-left:20px;line-height: 20px;">
-                <div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
-                <span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
-            })
-            result+='</div>'
-            return result
-          }
         },
         textStyle: {
           color: "#333333",
@@ -115,7 +99,7 @@ export default {
             data: ydata,
           },
         ],
-      },true);
+      });
     },
   },
 };

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

@@ -14,6 +14,7 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
+import { formatDate } from "@/filters/ems";
 import { batteryAveTemp } from "@/api/ems/dzjk";
 
 export default {
@@ -34,10 +35,12 @@ export default {
     this.chart = null;
   },
   methods: {
-    init(siteId,timeRange) {
+    init(siteId) {
       this.chart.showLoading();
-      const [startTime='', endTime=''] = timeRange;
+      const x = [];
-      batteryAveTemp(siteId,startTime,endTime)
+      const data1 = [],
+        data2 = [];
+      batteryAveTemp(siteId)
         .then((response) => {
           this.setOption(response?.data?.batteryAveTempList || []);
         })
@@ -50,14 +53,9 @@ export default {
         ydata = [];
       data.forEach((element) => {
         xdata.push(element.createDate);
-        ydata.push(
+        ydata.push(element.batteryTemp);
-          {
-            value: element.batteryTemp,
-            year: element.dateDay
-          }
-        );
       });
-      this.chart && this.chart.setOption({
+      xdata = this.chart.setOption({
         legend: {
           left: "center",
           top: "5",
@@ -71,24 +69,11 @@ export default {
           containLabel: true,
         },
         tooltip: {
-          show:true,
           trigger: "axis",
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          formatter :(params)=>{
-            if(params.length <= 0) return
-            let result = (params[0].data.year || '')+' '+params[0].name + '<div>'
-            params.forEach(item=>{
-              const {color,seriesName,value} = item
-              result +=  `<div style="position: relative;padding-left:20px;line-height: 20px;">
-                <div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
-                <span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
-            })
-            result+='</div>'
-            return result
-          }
         },
         textStyle: {
           color: "#333333",
@@ -118,7 +103,7 @@ export default {
             data: ydata,
           },
         ],
-      },true);
+      });
     },
   },
 };

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

@@ -14,6 +14,7 @@
 <script>
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
+import { formatDate } from "@/filters/ems";
 import { pcsMaxTemp } from "@/api/ems/dzjk";
 
 export default {
@@ -34,10 +35,11 @@ export default {
     this.chart = null;
   },
   methods: {
-    init(siteId,timeRange) {
+    init(siteId) {
       this.chart.showLoading();
-      const [startTime='', endTime=''] = timeRange;
+      const x = [];
-      pcsMaxTemp(siteId,startTime,endTime)
+      const data = [];
+      pcsMaxTemp(siteId)
         .then((response) => {
           this.setOption(response?.data?.pcsMaxTempList || []);
         })
@@ -58,15 +60,10 @@ export default {
           areaStyle: {
             // color:'#FFBD00'
           },
-          data: (element.maxTempVoList || []).map((i) => {
+          data: (element.maxTempVoList || []).map((i) => i.temp),
-            return {
-              value: i.temp,
-              year: i.dateDay
-            }
-          }),
         });
       });
-      this.chart && this.chart.setOption({
+      this.chart.setOption({
         legend: {
           left: "center",
           top: "5",
@@ -80,24 +77,11 @@ export default {
           containLabel: true,
         },
         tooltip: {
-          show:true,
           trigger: "axis",
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          formatter :(params)=>{
-            if(params.length <= 0) return
-            let result = (params[0].data.year || '')+' '+params[0].name + '<div>'
-            params.forEach(item=>{
-              const {color,seriesName,value} = item
-              result +=  `<div style="position: relative;padding-left:20px;line-height: 20px;">
-                <div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
-                <span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
-            })
-            result+='</div>'
-            return result
-          }
         },
         textStyle: {
           color: "#333333",
@@ -118,7 +102,7 @@ export default {
           },
         ],
         series,
-      },true);
+      });
     },
   },
 };

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

@@ -3,8 +3,6 @@
 <div class="ssyx-ems-dashboard-editor-container">
 <!--  6个方块-->
   <real-time-base-info :data="runningHeadData"/>
-  <!-- 时间选择 -->
-  <date-range-select ref="dateRangeSelect" @updateDate="updateDate" style="margin-top:20px;"/>
 <!--  echart图表-->
   <el-row :gutter="32" style="background:#fff;margin:30px 0;">
     <el-col :xs="24" :sm="12" :lg="12">
@@ -29,7 +27,6 @@
 
 </style>
 <script>
-import DateRangeSelect from '@/components/Ems/DateRangeSelect/index.vue'
 import RealTimeBaseInfo from "./../RealTimeBaseInfo.vue";
 import CnglqxChart from './CnglqxChart.vue'
 import PocpjwdChart from './PocpjwdChart.vue'
@@ -41,13 +38,11 @@ import intervalUpdate from "@/mixins/ems/intervalUpdate";
 
 export default {
   name:'DzjkSbjkSsyx',
-  components:{RealTimeBaseInfo,CnglqxChart,PocpjwdChart,DcpjwdChart,DcpjsocChart,DateRangeSelect},
+  components:{RealTimeBaseInfo,CnglqxChart,PocpjwdChart,DcpjwdChart,DcpjsocChart},
   mixins:[getQuerySiteId,intervalUpdate],
   data() {
     return {
       runningHeadData:{},//运行信息
-      timeRange:[],
-      isInit:true
     }
   },
   methods:{
@@ -57,27 +52,17 @@ export default {
         this.runningHeadData = response?.data || {}
       })
     },
-    // 更新时间范围 重置图表
-    updateDate(data){
-      this.timeRange=data
-      !this.isInit && this.updateChart()
-      this.isInit = false
-    },
-    updateChart(){
-      this.$refs.cnglqx.init(this.siteId,this.timeRange||[])
-      this.$refs.pocpjwd.init(this.siteId,this.timeRange||[])
-      this.$refs.dcpjsoc.init(this.siteId,this.timeRange||[])
-      this.$refs.dcpjwd.init(this.siteId,this.timeRange||[])
-      this.updateInterval(this.updateData)
-    },
     updateData(){
       this.getRunningHeadData()
-      this.updateChart()
+      this.$refs.cnglqx.init(this.siteId)
+      this.$refs.pocpjwd.init(this.siteId)
+      this.$refs.dcpjsoc.init(this.siteId)
+      this.$refs.dcpjwd.init(this.siteId)
     },
     init(){
-      this.$refs.dateRangeSelect.init(true)
       this.$nextTick(()=>{
         this.updateData()
+        this.updateInterval(this.updateData)
       })
     }
   }

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

@@ -1,134 +0,0 @@
-<template>
-  <div v-loading="loading">
-    <el-card
-        v-for="(item,index) in list"
-        :key="index+'ylLise'"
-        class="sbjk-card-container running-card-container"
-        :class="{
-        'warning-card-container':item.emsCommunicationStatus && item.emsCommunicationStatus !== '0',
-        'running-card-container':item.emsCommunicationStatus === '0'
-      }"
-        shadow="always">
-      <div slot="header">
-        <span class="large-title">{{ item.deviceName }}</span>
-        <div class="info">
-          <div>
-            {{
-              $store.state.ems.communicationStatusOptions[
-                  item.emsCommunicationStatus
-                  ]
-            }}
-          </div>
-          <div>数据更新时间：{{ item.dataUpdateTime || '-' }}</div>
-        </div>
-        <div class="alarm">
-          <el-button type="primary" round size="small" style="margin-right:20px;" @click="pointDetail(item,'point')">
-            详细
-          </el-button>
-          <el-badge :hidden="!item.alarmNum" :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 tempData" :key="tempDataIndex+'hdTempData'" :span="12"
-                class="device-info-col">
-            <span class="pointer" @click="showChart(tempDataItem.title,item.deviceId)">
-              <span class="left">{{ tempDataItem.title }}</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 getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getXfDataList} from '@/api/ems/dzjk'
-import intervalUpdate from "@/mixins/ems/intervalUpdate";
-import pointChart from "./../PointChart.vue";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
-
-export default {
-  name: 'DzjkSbjkXf',
-  mixins: [getQuerySiteId, intervalUpdate],
-  components: {pointChart, PointTable},
-  data() {
-    return {
-      loading: false,
-      list: [],
-      tempData: [
-        {title: '主电源备用电池状态', attr: 'dczt', unit: ''},
-        {title: '手自动状态延时状态', attr: 'yszt', unit: ''},
-        {title: '启动喷洒气体喷洒状态', attr: 'pszt', unit: ''},
-        {title: '压力开关状态电磁阀状态', attr: 'dcfzt', unit: ''},
-      ]
-    }
-  },
-  methods: {
-    // 查看设备电位表格
-    pointDetail(row, dataType) {
-      const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'XF'}, dataType)
-    },
-    showChart(pointName, deviceId) {
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory: 'XF', deviceId})
-    },
-    updateData() {
-      this.loading = true
-      getXfDataList(this.siteId).then(response => {
-        this.list = JSON.parse(JSON.stringify(response?.data || []));
-      }).finally(() => {
-        this.loading = false
-      })
-    },
-    init() {
-      this.updateData()
-      this.updateInterval(this.updateData)
-    }
-  },
-  mounted() {
-
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.sbjk-card-container {
-  &:not(:last-child) {
-    margin-bottom: 25px;
-  }
-
-  .el-row {
-    background-color: #ffffff;
-    border: 1px solid #eeeeee;
-    font-size: 14px;
-    line-height: 16px;
-    color: #333333;
-
-    .el-col {
-      padding: 12px 0;
-      text-align: center;
-      position: relative;
-    }
-
-    .el-col {
-      border-bottom: 1px solid #eeeeee;
-    }
-
-    .el-col:not(:nth-child(3n)) {
-      border-right: 1px solid #eeeeee;
-    }
-  }
-}
-</style>

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

@@ -1,3 +1,4 @@
+
 <template>
     <div v-loading="loading">
       <el-card
@@ -6,36 +7,18 @@
           class="sbjk-card-container running-card-container"
          shadow="always">
         <div slot="header">
-        <span class="large-title">{{ item.deviceName }}</span>
+          <span class="large-title">{{index+1}}#{{item.deviceName}}</span>
-        <div class="info">
-          <div>数据更新时间：{{ item.dataUpdateTime || '-' }}</div>
         </div>
-        <div class="alarm">
+        <el-row>
-          <el-button type="primary" round size="small" style="margin-right:20px;" @click="pointDetail(item,'point')">
+          <el-col v-for="(tempDataItem,tempDataIndex) in tempData" :key="tempDataIndex+'ylTempData'" :span="8">
-            详细
-          </el-button>
-          <el-badge :hidden="!item.alarmNum" :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 tempData" :key="tempDataIndex+'ylTempData'" :span="8"
-                class="device-info-col">
             <span class="pointer" @click="showChart(tempDataItem.title,item.deviceId)">
-              <span class="left">{{ tempDataItem.title }}</span> <span
+              {{tempDataItem.title}}：{{item[tempDataItem.attr]}}<span v-html="tempDataItem.unit"></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>
 
@@ -45,59 +28,68 @@ import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getCoolingDataList} from '@/api/ems/dzjk'
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
 import pointChart from "./../PointChart.vue";
-import PointTable from "@/views/ems/site/sblb/PointTable.vue";
-
 export default {
-  name: 'DzjkSbjkYl',
+  name:'DzjkSbjkYl',
-  mixins: [getQuerySiteId, intervalUpdate],
+  mixins:[getQuerySiteId,intervalUpdate],
-  components: {pointChart, PointTable},
+  components:{pointChart},
   data() {
     return {
-      loading: false,
+      loading:false,
-      list: [],
+      list:[],
-      tempData: [
+      tempData:[
-        {title: '供水温度', attr: 'gsTemp', unit: '&#8451;'},
+        {title:'供水温度',attr:'gsTemp',unit:'&#8451;'},
-        {title: '回水温度', attr: 'hsTemp', unit: '&#8451;'},
+        {title:'回水温度',attr:'hsTemp',unit:'&#8451;'},
-        {title: '供水压力', attr: 'gsPressure', unit: 'bar'},
+        {title:'供水压力',attr:'gsPressure',unit:'bar'},
-        {title: '回水压力', attr: 'hsPressure', unit: 'bar'},
+        {title:'回水压力',attr:'hsPressure',unit:'bar'},
-        {title: '冷源水温度', attr: 'lysTemp', unit: '&#8451;'},
+        {title:'冷源水温度',attr:'lysTemp',unit:'&#8451;'},
-        {title: 'VB01开度', attr: 'vb01Kd', unit: '%'},
+        {title:'VB01开度',attr:'vb01Kd',unit:'%'},
-        {title: 'VB02开度', attr: 'vb02Kd', unit: '%'},
+        {title:'VB02开度',attr:'vb02Kd',unit:'%'},
       ]
     }
   },
-  methods: {
+  methods:{
-    // 查看设备电位表格
+    showChart(pointName,deviceId){
-    pointDetail(row, dataType) {
+      pointName && this.$refs.pointChart.showChart({pointName,deviceCategory:'COOLING',deviceId})
-      const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'COOLING'}, dataType)
     },
-    showChart(pointName, deviceId) {
+    updateData(){
-      pointName && this.$refs.pointChart.showChart({pointName, deviceCategory: 'COOLING', deviceId})
-    },
-    updateData() {
       this.loading = true
       getCoolingDataList(this.siteId).then(response => {
         this.list =  JSON.parse(JSON.stringify(response?.data || []));
-      }).finally(() => {
+      }).finally(() => {this.loading = false})
-        this.loading = false
-      })
     },
-    init() {
+    init(){
       this.updateData()
       this.updateInterval(this.updateData)
     }
   },
-  mounted() {
+  mounted(){
 
   }
 }
 </script>
 
 <style scoped lang="scss">
-.sbjk-card-container {
+.sbjk-card-container{
-  &:not(:last-child) {
+  &:not(:last-child){
     margin-bottom: 25px;
   }
+  .el-row{
+    background-color: #ffffff;
+    border:1px solid #eeeeee;
+    font-size: 14px;
+    line-height: 16px;
+    color: #333333;
+    .el-col{
+      padding:12px 0;
+      text-align: center;
+      position: relative;
+    }
+    .el-col{
+      border-bottom: 1px solid #eeeeee;
+    }
+    .el-col:not(:nth-child(3n)){
+      border-right: 1px solid #eeeeee;
+    }
+  }
 }
 </style>

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

@@ -1,3 +1,4 @@
+
 <template>
   <div style="width:100%" v-loading="loading">
     <!--    搜索栏-->
@@ -21,9 +22,6 @@
       <el-form-item>
         <el-button @click="onReset" native-type="button">重置</el-button>
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="exportTable" native-type="button">导出</el-button>
-      </el-form-item>
     </el-form>
     <!--表格-->
     <el-table
@@ -31,7 +29,7 @@
           :data="tableData"
           stripe
           style="width: 100%;margin-top:25px;">
-      <!--        汇总列-->
+<!--        汇总列-->
           <el-table-column label="汇总">
             <el-table-column
               prop="dataTime"
@@ -39,7 +37,7 @@
               width="120">
             </el-table-column>
           </el-table-column>
-      <!--充电量列-->
+<!--充电量列-->
           <el-table-column  label="充电量" align="center">
             <el-table-column
               align="center"
@@ -95,7 +93,7 @@
               label="总">
             </el-table-column>
           </el-table-column>
-      <!--        效率-->
+<!--        效率-->
           <el-table-column label="效率(%)" align="center">
             <el-table-column
                 align="center"
@@ -122,84 +120,74 @@
 
 <script>
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getAmmeterData} from '@/api/ems/dzjk'
+import { getAmmeterData} from '@/api/ems/dzjk'
 import {formatDate} from "@/filters/ems";
-
 export default {
-  name: 'DzjkTjbbDbbb',
+  name:'DzjkTjbbDbbb',
   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:{
-    // 导出表格
-    exportTable() {
-      if (!this.dateRange?.length) return
-      const [startTime, endTime] = this.dateRange
-      this.download('ems/statsReport/exportAmmeterData', {
-        siteId: this.siteId,
-        startTime,
-        endTime,
-      }, `电表报表_${startTime}-${endTime}.xlsx`)
-    },
     // 搜索
-    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 => {
+      getAmmeterData({siteId:siteId,startTime,endTime,pageSize,pageNum}).then(response=>{
-        this.tableData = response?.rows || [];
+        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
-      let now = new Date(), lastDay = now.getTime(), firstDay = new Date(now.setDate(1)).getTime();
+      const now = new Date().getTime();
-      this.defaultDateRange = [formatDate(firstDay), formatDate(lastDay)];
+      const lastMonth = new Date(now-30 * 24 * 60 * 60 * 1000).getTime();
-      this.dateRange = [formatDate(firstDay), formatDate(lastDay)];
+      this.defaultDateRange = [formatDate(lastMonth), formatDate(now)];
+      this.dateRange=[formatDate(lastMonth), formatDate(now)];
       this.getData()
     },
   },
@@ -207,8 +195,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/dzjk/tjbb/dcdqx/index.vue

@@ -6,7 +6,7 @@
   >
     <div slot="header" class="time-range-header">
       <span class="card-title"> </span>
-      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate" />
     </div>
     <div class="card-main" v-loading="loading">
       <el-button-group class="ems-btns-group">
@@ -16,8 +16,7 @@
           size="mini"
           :class="{ activeBtn: activeBtn === item.id }"
           @click="changeDataType(item.id)"
-        >{{ item.name }}
+          >{{ item.name }}</el-button
-        </el-button
         >
       </el-button-group>
       <div id="dcdEchart" style="height: 310px"></div>
@@ -29,13 +28,12 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getStackData} from "@/api/ems/dzjk";
+import { getStackData, getStackNameList } from "@/api/ems/dzjk";
-import {formatDate} from "@/filters/ems";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
-
 export default {
   name: "DzjkTjbbDcdqx",
-  components: {DateRangeSelect},
+  components: { DateRangeSelect },
   mixins: [resize, getQuerySiteId],
   data() {
     return {
@@ -48,10 +46,10 @@ export default {
       loading: false,
       activeBtn: "1",
       btnList: [
-        {name: "堆平均维度", id: "1", attr: ["temp"], source: ["有功功率"]},
+        { name: "堆平均维度", id: "1", attr: ["temp"], source: ["有功功率"] },
-        {name: "堆电压", id: "2", attr: ["voltage"], source: ["堆电压"]},
+        { name: "堆电压", id: "2", attr: ["voltage"], source: ["堆电压"] },
-        {name: "堆电流", id: "3", attr: ["current"], source: ["堆电流"]},
+        { name: "堆电流", id: "3", attr: ["current"], source: ["堆电流"] },
-        {name: "堆soc", id: "4", attr: ["soc"], source: ["堆soc"]},
+        { name: "堆soc", id: "4", attr: ["soc"], source: ["堆soc"] },
       ],
     };
   },
@@ -68,7 +66,7 @@ export default {
       this.getData();
     },
     getData() {
-      const {siteId, activeBtn} = this;
+      const { siteId, activeBtn } = this;
       const [start = "", end = ""] = this.dateRange || [];
       //接口调用完成之后 设置图表、结束loading
       this.loading = true;
@@ -144,7 +142,7 @@ export default {
           },
           legend: {
             left: "center",
-              top: "10",
+            bottom: "15",
           },
           tooltip: {
             trigger: "axis",
@@ -162,25 +160,10 @@ export default {
           yAxis: {
             type: "value",
           },
-            dataZoom: [
+          dataset: { source },
-              {
-                type: "inside",
-                start: 0,
-                end: 100,
-              },
-              {
-                start: 0,
-                end: 100,
-              },
-            ],
-            dataset: {source},
           series: source[0].slice(1).map((item) => {
             return {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             };
           }),
         },
@@ -193,7 +176,7 @@ export default {
     init() {
       this.$nextTick(() => {
         this.initChart();
-        this.$refs.dateRangeSelect.init(true);
+        this.$refs.dateRangeSelect.init();
       });
     },
   },

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

@@ -8,6 +8,7 @@
       <span class="card-title">功率曲线</span>
       <date-range-select
         ref="dateRangeSelect"
+        @reset="resetTime"
         @updateDate="updateDate"
       />
     </div>
@@ -21,13 +22,12 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getPowerData} from "@/api/ems/dzjk";
+import { getPcsNameList, getPowerData } from "@/api/ems/dzjk";
-import {formatDate} from "@/filters/ems";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
-
 export default {
   name: "DzjkTjbbGlqx",
-  components: {DateRangeSelect},
+  components: { DateRangeSelect },
   mixins: [resize, getQuerySiteId],
   data() {
     return {
@@ -38,6 +38,7 @@ export default {
       },
       dateRange: [],
       loading: false,
+      dateRangeInit: true,
     };
   },
   methods: {
@@ -46,11 +47,19 @@ export default {
       this.dateRange = data || [];
       this.getData();
     },
+    resetTime() {
+      this.dateRangeInit = true;
+    },
     getData() {
-      const {siteId} = this;
+      const { siteId } = this;
       let [start = "", end = ""] = this.dateRange || [];
       //接口调用完成之后 设置图表、结束loading
       this.loading = true;
+      if (this.dateRangeInit) {
+        start = "";
+        end = "";
+        this.dateRangeInit = false;
+      }
       getPowerData({
         siteId,
         startDate: formatDate(start),
@@ -81,7 +90,7 @@ export default {
           },
           legend: {
             left: "center",
-              top: "10",
+            bottom: "15",
           },
           tooltip: {
             trigger: "axis",
@@ -99,46 +108,19 @@ export default {
           yAxis: {
             type: "value",
           },
-            dataset: {source},
+          dataset: { source },
-            dataZoom: [
-              {
-                type: "inside",
-                start: 0,
-                end: 100,
-              },
-              {
-                start: 0,
-                end: 100,
-              },
-            ],
           series: [
             {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             },
             {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             },
             {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             },
             {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             },
           ],
         },
@@ -151,6 +133,7 @@ export default {
     },
     init() {
       this.$nextTick(() => {
+        this.dateRangeInit = true;
         this.initChart();
         this.$refs.dateRangeSelect.init();
       });

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

@@ -7,47 +7,55 @@
       text-color="#666666"
       active-text-color="#ffffff"
     >
-      <el-menu-item :index="item.name" v-for="(item,index) in childrenRoute" :key="index+'tjbbChildrenRoute'">
+      <el-menu-item
-        <router-link  style="height: 100%;width: 100%;display: block;" :to="{path:item.path,query:$route.query}">
+        :index="item.name"
-          {{item.meta.title}}
+        v-for="(item, index) in childrenRoute"
+        :key="index + 'tjbbChildrenRoute'"
+      >
+        <router-link
+          style="height: 100%; width: 100%; display: block"
+          :to="{ path: item.path, query: $route.query }"
+        >
+          {{ item.meta.title }}
         </router-link>
       </el-menu-item>
     </el-menu>
 
-    <div class="ems-content-container ems-content-container-padding tjbb-ems-content-container">
+    <div
+      class="ems-content-container ems-content-container-padding tjbb-ems-content-container"
+    >
       <keep-alive>
         <router-view></router-view>
       </keep-alive>
     </div>
   </div>
-
 </template>
 
 <script>
-import { dzjk } from '@/router/ems'
+import { dzjk } from "@/router/ems";
-const childrenRoute = dzjk[0].children[0].children.find(item=> item.name==='DzjkTjbb').children//获取到统计报表下面的字路由
+const childrenRoute = dzjk[0].children.find(
-console.log('设备监控子路由',childrenRoute)
+  (item) => item.name === "DzjkTjbb"
+).children; //获取到统计报表下面的字路由
+console.log("设备监控子路由", childrenRoute);
 export default {
-  name:'DzjkTjbb',
+  name: "DzjkTjbb",
-  data(){
+  data() {
     return {
       childrenRoute,
-      activeMenu:''
+      activeMenu: "",
-    }
+    };
   },
   mounted() {
-    console.log('当前统计报表页面路由',this.$route)
+    console.log("当前统计报表页面路由", this.$route);
-  }
+  },
-
+};
-}
 </script>
 
 <style scoped lang="scss">
-.tjbb-ems-content-container{
+.tjbb-ems-content-container {
-  margin-top:0;
+  margin-top: 0;
-  padding-top:0;
+  padding-top: 0;
   padding-right: 0;
   flex: 1;
 }
 </style>
-

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

@@ -6,7 +6,7 @@
   >
     <div slot="header" class="time-range-header">
       <span class="card-title"> </span>
-      <date-range-select ref="dateRangeSelect" @updateDate="updateDate"/>
+      <date-range-select ref="dateRangeSelect" @updateDate="updateDate" />
     </div>
     <div class="card-main" v-loading="loading">
       <el-button-group class="ems-btns-group">
@@ -16,8 +16,7 @@
           size="mini"
           :class="{ activeBtn: activeBtn === item.id }"
           @click="changeDataType(item.id)"
-        >{{ item.name }}
+          >{{ item.name }}</el-button
-        </el-button
         >
       </el-button-group>
       <div id="pcsEchart" style="height: 310px"></div>
@@ -29,13 +28,12 @@
 import * as echarts from "echarts";
 import resize from "@/mixins/ems/resize";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getPCSData} from "@/api/ems/dzjk";
+import { getPCSData, getPcsNameList } from "@/api/ems/dzjk";
-import {formatDate} from "@/filters/ems";
+import { formatDate } from "@/filters/ems";
 import DateRangeSelect from "@/components/Ems/DateRangeSelect/index.vue";
-
 export default {
   name: "DzjkTjbbPcsqx",
-  components: {DateRangeSelect},
+  components: { DateRangeSelect },
   mixins: [resize, getQuerySiteId],
   data() {
     return {
@@ -84,7 +82,7 @@ export default {
       this.getData();
     },
     getData() {
-      const {siteId, activeBtn} = this;
+      const { siteId, activeBtn } = this;
       const [start = "", end = ""] = this.dateRange || [];
       this.loading = true;
       //接口调用完成之后 设置图表、结束loading
@@ -160,7 +158,7 @@ export default {
           },
           legend: {
             left: "center",
-              top: "10",
+            bottom: "15",
           },
           tooltip: {
             trigger: "axis",
@@ -178,25 +176,10 @@ export default {
           yAxis: {
             type: "value",
           },
-            dataZoom: [
+          dataset: { source },
-              {
-                type: "inside",
-                start: 0,
-                end: 100,
-              },
-              {
-                start: 0,
-                end: 100,
-              },
-            ],
-            dataset: {source},
           series: source[0].slice(1).map((item) => {
             return {
               type: "line",
-                smooth: true,
-                areaStyle: {
-                  opacity: 0.7,
-                },
             };
           }),
         },
@@ -209,7 +192,7 @@ export default {
     init() {
       this.$nextTick(() => {
         this.initChart();
-        this.$refs.dateRangeSelect.init(true);
+        this.$refs.dateRangeSelect.init();
       });
     },
   },

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

@@ -1,228 +0,0 @@
-<template>
-  <div style="width:100%" v-loading="loading">
-    <!--    搜索栏-->
-    <el-form :inline="true" class="select-container">
-      <el-form-item label="时间选择">
-        <el-date-picker
-            v-model="dateRange"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            value-format="yyyy-MM-dd"
-            :clearable="false"
-            :picker-options="pickerOptions"
-            :default-value="defaultDateRange"
-        ></el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="onReset" native-type="button">重置</el-button>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="exportTable" native-type="button">导出</el-button>
-      </el-form-item>
-    </el-form>
-    <!--表格-->
-    <el-table
-        class="common-table"
-        :data="tableData"
-        show-summary
-        stripe
-        style="width: 100%;margin-top:25px;">
-      <!--        汇总列-->
-      <el-table-column label="汇总" min-width="100px" align="center">
-        <el-table-column
-            prop="dataTime"
-            label="日期"
-            min-width="100px" align="center">
-        </el-table-column>
-      </el-table-column>
-      <!--充电量列-->
-      <el-table-column label="充电价格" align="center">
-        <el-table-column
-            align="center"
-            prop="activePeakPrice"
-            label="尖">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="activeHighPrice"
-            label="峰">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="activeFlatPrice"
-            label="平">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="activeValleyPrice"
-            label="谷">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="activeTotalPrice"
-            label="总">
-        </el-table-column>
-      </el-table-column>
-      <!--充电量列-->
-      <el-table-column label="放电价格" align="center">
-        <el-table-column
-            align="center"
-            prop="reActivePeakPrice"
-            label="尖">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="reActiveHighPrice"
-            label="峰">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="reActiveFlatPrice"
-            label="平">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="reActiveValleyPrice"
-            label="谷">
-        </el-table-column>
-        <el-table-column
-            align="center"
-            prop="reActiveTotalPrice"
-            label="总">
-        </el-table-column>
-      </el-table-column>
-      <!--      实际收益-->
-      <el-table-column label="" align="center" fixed="right">
-        <el-table-column
-            prop="actualRevenue"
-            label="实际收益"
-            align="center">
-        </el-table-column>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-        v-show="tableData.length>0"
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="pageNum"
-        :page-size="pageSize"
-        :page-sizes="[10, 20, 30, 40]"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="totalSize"
-        style="margin-top:15px;text-align: center"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-
-<script>
-import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {getAmmeterRevenueData} from '@/api/ems/dzjk'
-import {formatDate} from "@/filters/ems";
-
-export default {
-  name: 'DzjkTjbbSybb',
-  mixins: [getQuerySiteId],
-  data() {
-    return {
-      loading: false,
-      pickerOptions: {
-        disabledDate(time) {
-          return time.getTime() > Date.now();
-        },
-      },
-      defaultDateRange: [],//默认展示的时间
-      dateRange: [],
-      tableData: [],
-      pageSize: 10,//分页栏当前每个数据总数
-      pageNum: 1,//分页栏当前页数
-      totalSize: 0,//table表格数据总数
-    }
-  },
-  methods: {
-    // 导出表格
-    exportTable() {
-      if (!this.dateRange?.length) return
-      const [startTime, endTime] = this.dateRange
-      this.download('ems/statsReport/exportAmmeterRevenueData', {
-        siteId: this.siteId,
-        startTime,
-        endTime,
-      }, `收益报表_${startTime}-${endTime}.xlsx`)
-    },
-    // 搜索
-    onSearch() {
-      this.pageNum = 1//每次搜索从1开始搜索
-      this.getData()
-    },
-    // 重置
-    onReset() {
-      this.dateRange = this.defaultDateRange
-      this.pageNum = 1//每次搜索从1开始搜索
-      this.getData()
-    },
-    // 分页
-    handleSizeChange(val) {
-      this.pageSize = val;
-      this.$nextTick(() => {
-        this.getData()
-      })
-    },
-    handleCurrentChange(val) {
-      this.pageNum = val
-      this.$nextTick(() => {
-        this.getData()
-      })
-    },
-    // 获取数据
-    getData() {
-      this.loading = true
-      const {siteId, pageNum, pageSize} = this
-      const [startTime = '', endTime = ''] = (this.dateRange || [])
-      getAmmeterRevenueData({siteId: siteId, startTime, endTime, pageSize, pageNum}).then(response => {
-        this.tableData = response?.rows || [];
-        this.totalSize = response?.total || 0
-      }).finally(() => {
-        this.loading = false
-      })
-    },
-    init() {
-      this.dateRange = []
-      this.tableData = []
-      this.totalSize = 0
-      this.pageSize = 10
-      this.pageNum = 1
-      let now = new Date(), lastDay = now.getTime(), firstDay = new Date(now.setDate(1)).getTime();
-      this.defaultDateRange = [formatDate(firstDay), formatDate(lastDay)];
-      this.dateRange = [formatDate(firstDay), formatDate(lastDay)];
-      this.getData()
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-::v-deep {
-  .common-table.el-table {
-    .el-table__header-wrapper th, .common-table.el-table .el-table__fixed-header-wrapper th {
-      border-bottom: 1px solid #dfe6ec;
-    }
-
-    .el-table__footer-wrapper {
-      tbody td.el-table__cell {
-        color: #000;
-        font-weight: bolder;
-      }
-    }
-  }
-
-}
-
-</style>

src/views/ems/dzjk/zxlt/index copy 2.vue

@@ -0,0 +1,577 @@
+<template>
+  <div class="ems-dashboard-editor-container" v-loading="loading">
+    <div class="container" v-show="!empty">
+      <!-- 云、电脑 -->
+      <div class="top">
+        <div class="cloud-container">
+          <div class="cloud">
+            <span style="z-index: 2; position: relative">云</span>
+          </div>
+        </div>
+        <div class="double-arrows">
+          <div class="top-arrows"></div>
+          <div class="bottom-arrows"></div>
+        </div>
+        <div class="computer">
+          <img src="@/assets/images/ems/computer.png" alt="" />
+          <span style="z-index: 2; position: relative">ems</span>
+        </div>
+      </div>
+      <div class="outer-border">
+        <!--            电表-->
+        <div class="row-lists-container" v-if="showDb">
+          <div class="row-title">电表({{ db.length }})</div>
+          <div class="row-lists">
+            <div v-for="item in db" :key="item.deviceId" class="row-items">
+              <div
+                class="status"
+                :class="
+                  item.communicationStatus === '0' ? 'status-running' : ''
+                "
+              >
+                {{ communicationStatusOptions[item.communicationStatus] }}
+              </div>
+              <div class="row-items-img">
+                <img
+                  class="img-db"
+                  :src="require('@/assets/images/ems/db.png')"
+                />
+                <div class="name">{{ item.deviceName }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--            液冷-->
+        <div class="row-lists-container" v-if="showLq">
+          <div class="row-title">冷却({{ lq.length }})</div>
+          <div class="row-lists">
+            <div v-for="item in lq" :key="item.deviceId" class="row-items">
+              <div
+                class="status"
+                :class="
+                  item.communicationStatus === '0' ? 'status-running' : ''
+                "
+              >
+                {{ communicationStatusOptions[item.communicationStatus] }}
+              </div>
+              <div class="row-items-img">
+                <img
+                  class="img-lq"
+                  :src="require('@/assets/images/ems/lq.png')"
+                />
+                <div class="name">{{ item.deviceName }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--            PCS-->
+        <div class="row-lists-container" v-if="showPcs">
+          <div class="row-lists">
+            <div class="row-title">PCS({{ pcs.length }})</div>
+            <div
+              v-for="(item, index) in pcs"
+              :key="item.deviceId"
+              class="row-items row-items-pcs"
+            >
+              <!-- pcs -->
+              <div class="parent-dash">
+                <div
+                  class="status"
+                  :class="
+                    item.communicationStatus === '0' ? 'status-running' : ''
+                  "
+                >
+                  {{ communicationStatusOptions[item.communicationStatus] }}
+                </div>
+                <div class="row-items-img">
+                  <img
+                    class="img-pcs"
+                    :src="require('@/assets/images/ems/pcs.png')"
+                  />
+                  <div class="name">{{ item.deviceName }}</div>
+                </div>
+              </div>
+              <!-- 子设备 bms -->
+              <div
+                v-if="item.children && item.children.length > 0"
+                class="children-dash"
+              >
+                <div
+                  class="row-children-title"
+                  v-if="bmsHasParentLength > 0 && index === 0"
+                >
+                  BMS({{ bmsHasParentLength }})
+                </div>
+                <div
+                  v-for="(childrenItem, childrenIndex) in item.children"
+                  :key="childrenIndex + 'childrenBms'"
+                  class="children-dash-items"
+                >
+                  <div
+                    class="status"
+                    :class="
+                      childrenItem.communicationStatus === '0'
+                        ? 'status-running'
+                        : ''
+                    "
+                  >
+                    {{
+                      communicationStatusOptions[
+                        childrenItem.communicationStatus
+                      ]
+                    }}
+                  </div>
+                  <div class="row-items-img">
+                    <img
+                      class="img-pcs"
+                      :src="require('@/assets/images/ems/bms.png')"
+                    />
+                    <div class="name">{{ childrenItem.deviceName }}</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="row-lists-container" v-if="showPcs">
+          <div class="row-title">PCS({{ pcs.length }})</div>
+          <div class="row-lists">
+            <div
+              v-for="item in bmsNoParent"
+              :key="item.deviceId"
+              class="row-items row-items-pcs"
+            >
+              <!-- pcs -->
+              <div class="parent-dash">
+                <div
+                  class="status"
+                  :class="
+                    item.communicationStatus === '0' ? 'status-running' : ''
+                  "
+                >
+                  {{ communicationStatusOptions[item.communicationStatus] }}
+                </div>
+                <div class="row-items-img">
+                  <img :src="require('@/assets/images/ems/bms.png')" />
+                  <div class="name">{{ item.deviceName }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--            bms没有上级设备-->
+        <div class="row-lists-container" v-if="bmsNoParent.length > 0">
+          <div class="row-title">BMS({{ bmsNoParent.length }})</div>
+          <div class="row-lists">
+            <div
+              v-for="item in bmsNoParent"
+              :key="item.deviceId"
+              class="row-items row-items-pcs"
+            >
+              <!-- pcs -->
+              <div class="parent-dash">
+                <div
+                  class="status"
+                  :class="
+                    item.communicationStatus === '0' ? 'status-running' : ''
+                  "
+                >
+                  {{ communicationStatusOptions[item.communicationStatus] }}
+                </div>
+                <div class="row-items-img">
+                  <img :src="require('@/assets/images/ems/bms.png')" />
+                  <div class="name">{{ item.deviceName }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-empty v-show="empty" :image-size="200"></el-empty>
+  </div>
+</template>
+
+<script>
+import { getDeviceList } from "@/api/ems/site";
+import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import { mapState } from "vuex";
+export default {
+  name: "DzjkZxlt",
+  mixins: [getQuerySiteId],
+  data() {
+    return {
+      loading: false,
+      pcs: [],
+      bms: [],
+      db: [],
+      lq: [],
+      pcsHasChildren: [],
+      pcsNoChildren: [],
+      bmsNoParent: [],
+    };
+  },
+  computed: {
+    ...mapState({
+      communicationStatusOptions: (state) =>
+        state.ems.communicationStatusOptions,
+    }),
+
+    showPcs() {
+      return this.pcs.length > 0;
+    },
+    showBms() {
+      return this.bms.length > 0;
+    },
+    showDb() {
+      return this.db.length > 0;
+    },
+    showLq() {
+      return this.lq.length > 0;
+    },
+    bmsHasParentLength() {
+      let count = 0;
+      this.pcs.forEach((item) => (count += item.children.length));
+      return count;
+    },
+    empty() {
+      return !this.showBms && !this.showPcs && !this.showDb && !this.showLq;
+    },
+  },
+  methods: {
+    init() {
+      this.pcs = [];
+      this.bms = [];
+      this.lq = [];
+      this.db = [];
+      this.bmsNoParent = [];
+      this.loading = true;
+      getDeviceList(this.siteId)
+        .then((response) => {
+          const data = JSON.parse(JSON.stringify(response?.data || []));
+          let pcs = [],
+            bms = [],
+            db = [],
+            lq = [],
+            bmsNoParent = [];
+          data.forEach((item) => {
+            // 电表
+            if (item.deviceCategory === "AMMETER") {
+              db.push({ ...item, children: [] });
+            } else if (item.deviceCategory === "PCS") {
+              // pcs
+              pcs.push({ ...item, children: [] });
+            } else if (item.deviceCategory === "STACK") {
+              // bms
+              bms.push({ ...item, children: [] });
+            } else if (item.deviceCategory === "COOLING") {
+              // 液冷
+              lq.push({ ...item, children: [] });
+            }
+          });
+          bms.forEach((item, index) => {
+            if (item.parentId) {
+              pcs
+                .find((pcsItem) => pcsItem.deviceId === item.parentId)
+                .children.push(item);
+            } else {
+              bmsNoParent.push(item);
+            }
+          });
+          this.pcs = pcs;
+          this.bms = bms;
+          this.lq = lq;
+          this.db = db;
+          this.pcsHasChildren = pcs.filter((item) => item.children.length > 0);
+          this.pcsNoChildren = pcs.filter((item) => item.children.length === 0);
+          this.bmsNoParent = bmsNoParent;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+$sqDistance: 30px;
+$borderColor: #174a8e;
+$lineColor: #86bcc7;
+
+.ems-dashboard-editor-container {
+  background-color: #ffffff;
+  padding: 0;
+  color: #666666;
+
+  .container {
+    display: flex;
+    position: relative;
+  }
+  //云 、计算机 、箭头
+  .top {
+    z-index: 2;
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    // position: absolute;
+    // top: 50%;
+    // left: 0;
+    // transform: translateY(-50%);
+    //云 样式
+    .cloud-container {
+      margin: 0 auto;
+      .cloud {
+        width: 60px;
+        height: 26px;
+        background: #cbebfd;
+        border-radius: 100px;
+        position: relative;
+        text-align: center;
+        font-weight: bold;
+        font-size: 14px;
+        line-height: 26px;
+      }
+      .cloud:before,
+      .cloud:after {
+        content: "";
+        position: absolute;
+        background: #cbebfd;
+        width: 30px;
+        height: 30px;
+        border-radius: 100%;
+      }
+      .cloud:before {
+        top: -9px;
+        left: 8px;
+      }
+      .cloud:after {
+        top: -6px;
+        right: 9px;
+      }
+    }
+    //双箭头
+    .double-arrows {
+      height: fit-content;
+      margin: 0 10px;
+      text-align: center;
+      .top-arrows,
+      .bottom-arrows {
+        height: 4px;
+        width: 30px;
+        background-color: #5ea9df;
+        margin: 0 10px;
+        position: relative;
+        &::after {
+          content: "";
+          position: absolute;
+          left: 0;
+          width: 0;
+          height: 0;
+        }
+      }
+      .top-arrows {
+        vertical-align: super;
+      }
+      .top-arrows::after {
+        top: -4px;
+        border-bottom: 6px solid transparent;
+        border-left: 6px solid transparent;
+        border-right: 6px solid #5ea9df;
+        border-top: 6px solid transparent;
+        left: -11px;
+      }
+      .bottom-arrows {
+        margin-top: 8px;
+        &::after {
+          top: -4px;
+          border-top: 6px solid transparent;
+          border-left: 6px solid #5ea9df;
+          border-right: 6px solid transparent;
+          border-bottom: 6px solid transparent;
+          right: -11px;
+          left: auto;
+        }
+      }
+    }
+
+    //电脑
+    .computer {
+      text-align: center;
+      font-size: 14px;
+      line-height: 16px;
+      font-weight: bold;
+      position: relative;
+      background: #fff;
+      img {
+        width: 80px;
+        height: auto;
+        display: block;
+      }
+    }
+  }
+  .outer-border {
+    position: relative;
+    width: fit-content;
+    border: 1.5px solid $borderColor;
+    border-radius: 5px;
+    padding-left: 120px;
+    padding-right: 20px;
+    margin-left: -40px;
+  }
+
+  // 设备列表
+  .row-lists-container {
+    font-size: 10px;
+    position: relative;
+    padding: 10px;
+    .row-title {
+      position: absolute;
+      left: -$sqDistance - 30px;
+      top: calc(50% + 10px);
+      transform: translateY(-50%);
+      color: #000;
+      font-weight: bolder;
+    }
+    .row-lists {
+      display: flex;
+      position: relative;
+      .row-items {
+        position: relative;
+        padding: 5px 0;
+        &:not(:first-child) {
+          margin-left: $sqDistance; //和外层父元素上下padding一致
+        }
+        &::before {
+          content: "";
+          display: block;
+          height: 3px;
+          width: $sqDistance - 2px;
+          background: $lineColor;
+          position: absolute;
+          left: -$sqDistance;
+          top: calc(50% + 10px);
+          transform: scale(1, 0.4);
+        }
+        // 一列 第一个设备最上面的线
+        &:first-child {
+          &::before {
+            width: $sqDistance + 20px;
+            // top: -$sqDistance - 20px;
+          }
+        }
+        // 一列 最后一个设备最下面的线
+        // &:last-child {
+        //   &::after {
+        //     content: "";
+        //     display: block;
+        //     width: 3px;
+        //     height: $sqDistance - 2px;
+        //     background: $lineColor;
+        //     position: absolute;
+        //     bottom: -$sqDistance;
+        //     left: 50%;
+        //     transform: scale(0.4, 1);
+        //   }
+        // }
+        // 设备状态
+        .status {
+          margin: 0 auto 4px;
+          width: fit-content;
+          height: 18px;
+          padding: 0 8px;
+          box-sizing: border-box;
+          text-align: center;
+          font-size: 8px;
+          line-height: 18px;
+          border: 1px solid #08ffff;
+          border-radius: 2px;
+          background: #aaaaaa;
+          color: #ffffff;
+          &.status-running {
+            background: #00c69c;
+          }
+        }
+        // 图片+设备名称
+        .row-items-img {
+          position: relative;
+          padding-top: 12px;
+          img {
+            width: 80px;
+            height: auto;
+            display: block;
+            &.img-lq {
+              width: 50px;
+            }
+            &.img-pcs {
+              width: 50px;
+            }
+            &.img-db {
+              width: 56px;
+            }
+          }
+          .name {
+            position: absolute;
+            top: 1px;
+            left: 0;
+            color: #666;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+  }
+
+  //子设备
+  .row-lists-container-children {
+    margin: 10px 0 0 $sqDistance;
+    .parent-dash {
+      position: relative;
+      &::before {
+        content: "";
+        display: block;
+        height: 40px;
+        width: 3px;
+        background: #ec7f8c;
+        position: absolute;
+        left: 20%;
+        top: -40px;
+        transform: scale(0.4, 1) rotate(-40deg);
+      }
+    }
+  }
+  .parent-dash {
+    width: fit-content;
+  }
+  .children-dash {
+    margin: $sqDistance 0 0 $sqDistance;
+    position: relative;
+    .row-children-title {
+      position: absolute;
+      left: -$sqDistance - 30px;
+      top: calc(50% + 10px);
+      transform: translateY(-50%);
+      color: #000;
+      font-weight: bolder;
+    }
+    .children-dash-items {
+      position: relative;
+      &::before {
+        content: "";
+        display: block;
+        height: $sqDistance;
+        width: 3px;
+        background: #ec7f8c;
+        position: absolute;
+        left: 20%;
+        top: -$sqDistance;
+        transform: scale(0.4, 1) rotate(-40deg);
+      }
+    }
+  }
+}
+</style>

src/views/ems/dzjk/zxlt/index copy.vue

@@ -0,0 +1,614 @@
+<template>
+    <div class="ems-dashboard-editor-container" v-loading="loading" >
+      <div class="container" v-show="!empty">
+        <div class="top">
+          <div class="cloud-container">
+            <div class="cloud">
+              <span style="z-index:2;position: relative;">云</span>
+            </div>
+          </div>
+          <div class="double-arrows">
+            <div class="top-arrows"></div>
+            <div class="bottom-arrows"></div>
+          </div>
+          <div class="computer">
+            <img src="@/assets/images/ems/computer.png" alt="">
+            <span style="z-index:2;position: relative;">ems</span>
+          </div>
+          <div class="arrow"></div>
+        </div>
+        <div class="bottom">
+<!--          四列设备-->
+          <div class="zxlt-row">
+<!--            bms、pcs 下级和上级在一列 -->
+            <div class="row-lists pcs-row-lists" v-if="showPcsAndBms">
+              <div class="item-square">
+                <div class="row-lists-title" v-if="showPcs">PCS({{pcs.length}})</div>
+                <div class="row-lists-title" v-if="showBms">BMS({{bms.length}})</div>
+              </div>
+<!--              上下级块 class区分-->
+              <div class="item-square pcs-has-children-item-square" :class="{'no-bms-list':!showBms}" v-for="(item,index) in pcsHasChildren" :key="index+'pcsHasChildren'">
+                <!--                左边的上级 上级只有一个-->
+                <div class="item-lists parent-item-lists">
+                  <!--                  上级设备-->
+                  <div class="items normal-items-arrow">
+                    <div class="items-inner">
+                      <div style="text-align: center;margin-bottom:10px;">
+                        <div class="status" :class="item.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[item.communicationStatus] || '-'}}</div>
+                      </div>
+                      <img v-if="item.pictureUrl" :src="item.pictureUrl">
+                      <img v-else :src="require('@/assets/images/ems/pcs.png')"/>
+                      <div class="name">{{item.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+<!--                右边的下级 下级有多个-->
+                <div class="item-lists children-item-lists">
+<!--                  下级设备 循环生成-->
+                  <div class="items children-items-arrow bms-children-arrow" v-for="children in  item.children" :key="children.deviceId">
+                    <div class="items-inner">
+                        <div style="text-align: center;margin-bottom:10px;">
+                          <div class="status" :class="children.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[children.communicationStatus] || '-'}}</div>
+                        </div>
+                        <img v-if="children.pictureUrl" :src="children.pictureUrl">
+                        <img v-else :src="require('@/assets/images/ems/bms.png')"/>
+                        <div class="name">{{children.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+
+              </div>
+<!--                没有上下级关系的bms、pcs-->
+              <div class="item-square" :class="{'no-bms-list':!showBms}">
+<!--                左边没有下级的pcs-->
+                <div class="item-lists">
+                  <div class="items normal-items-arrow" v-for="item in  pcsNoChildren" :key="item.deviceId">
+                    <div class="items-inner">
+                      <div style="text-align: center;margin-bottom:10px;">
+                        <div class="status" :class="item.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[item.communicationStatus] || '-'}}</div>
+                      </div>
+                      <img v-if="item.pictureUrl" :src="item.pictureUrl">
+                      <img v-else :src="require('@/assets/images/ems/pcs.png')"/>
+                      <div class="name">{{item.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+                <!--                右边没有上级的bms-->
+                <div class="item-lists">
+                  <!--                  下级设备 循环生成-->
+                  <div class="items children-items-arrow" v-for="item in  bmsNoParent" :key="item.deviceId">
+                    <div class="items-inner">
+                      <div style="text-align: center;margin-bottom:10px;">
+                        <div class="status" :class="item.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[item.communicationStatus] || '-'}}</div>
+                      </div>
+                      <img v-if="item.pictureUrl" :src="item.pictureUrl">
+                      <img v-else :src="require('@/assets/images/ems/bms.png')"/>
+                      <div class="name">{{item.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+<!--            电表-->
+            <div class="row-lists" v-if="showDb">
+              <div class="item-square">
+                <div class="row-lists-title" style="width:100%;">电表({{db.length}})</div>
+              </div>
+              <div class="item-square">
+                <!--                左边的下级 下级有多个-->
+                <div class="item-lists">
+                  <!--                  下级设备 循环生成-->
+                  <div class="items normal-items-arrow" v-for="item in  db" :key="item.deviceId">
+                    <div class="items-inner">
+                      <div style="text-align: center;margin-bottom:10px;">
+                        <div class="status" :class="item.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[item.communicationStatus] || '-'}}</div>
+                      </div>
+                      <img v-if="item.pictureUrl" :src="item.pictureUrl">
+                      <img v-else :src="require('@/assets/images/ems/bms.png')"/>
+                      <div class="name">{{item.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+            </div>
+<!--冷却-->
+            <div class="row-lists" v-if="showLq">
+              <div class="item-square">
+                <div class="row-lists-title" style="width:100%;">冷却({{lq.length}})</div>
+              </div>
+              <div class="item-square">
+                <div class="item-lists">
+                  <div class="items normal-items-arrow" v-for="item in  lq" :key="item.deviceId">
+                    <div class="items-inner">
+                      <div style="text-align: center;margin-bottom:10px;">
+                        <div class="status" :class="item.communicationStatus === '0' ?'status-normal' : 'status-warn'">通讯状态:{{communicationStatusOptions[item.communicationStatus] || '-'}}</div>
+                      </div>
+                      <img v-if="item.pictureUrl" :src="item.pictureUrl">
+                      <img v-else :src="require('@/assets/images/ems/bms.png')"/>
+                      <div class="name">{{item.deviceName}}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <el-empty v-show="empty" :image-size="200"></el-empty>
+    </div>
+</template>
+
+
+<script>
+import {getDeviceList} from'@/api/ems/site'
+import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import {mapState} from "vuex";
+export default {
+  name: 'DzjkZxlt',
+  mixins: [getQuerySiteId],
+  data() {
+    return {
+      loading:false,
+      pcs :[],
+      bms:[],
+      db:[],
+      lq:[],
+      pcsHasChildren:[],
+      pcsNoChildren:[],
+      bmsNoParent:[]
+    }
+  },
+  computed:{
+    ...mapState({
+      communicationStatusOptions:(state)=>state.ems.communicationStatusOptions
+    }),
+
+    showPcs(){
+      return this.pcs.length>0
+    },
+    showBms(){
+      return this.bms.length>0
+    },
+    showDb(){
+      return this.db.length>0
+    },
+    showLq(){
+      return this.lq.length>0
+    },
+    showPcsAndBms(){
+      return this.showPcs || this.showBms
+    },
+    empty(){
+      return !this.showBms && !this.showPcs && !this.showDb && !this.showLq
+    },
+
+  },
+  methods: {
+    init(){
+      this.pcs = []
+      this.bms = []
+      this.lq=[]
+      this.db=[]
+      this.bmsNoParent=[]
+      this.loading = true
+      getDeviceList(this.siteId).then(response => {
+        const data =JSON.parse(JSON.stringify(response?.data || []))
+        let pcs = [],bms=[],db=[],lq=[],bmsNoParent=[]
+        data.forEach(item=>{
+          // 电表
+          if(item.deviceCategory === 'AMMETER'){
+            db.push({...item,children:[]})
+          }else if(item.deviceCategory === 'PCS'){
+            // pcs
+            pcs.push({...item,children:[]})
+          }else if(item.deviceCategory === 'STACK'){
+            // bms
+            bms.push({...item,children:[]})
+          }else if(item.deviceCategory === 'COOLING'){
+            // 液冷
+            lq.push({...item,children:[]})
+          }
+        })
+        bms.forEach((item,index)=>{
+          if(item.parentId){
+            pcs.find(pcsItem=>pcsItem.deviceId === item.parentId).children.push(item)
+          }else{
+            bmsNoParent.push(item)
+          }
+        })
+        this.pcs = pcs
+        this.bms = bms
+        this.lq=lq
+        this.db=db
+        this.pcsHasChildren = pcs.filter(item=>item.children.length > 0)
+        this.pcsNoChildren = pcs.filter(item=>item.children.length === 0)
+        this.bmsNoParent = bmsNoParent
+      }).finally(() => {
+        this.loading = false
+      })
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+$distance:60px;
+$arrowDistance:80px;//margin:60+quare的padding10
+$arrowColoe:#5ea9df;
+$lineColoe:#5ea9df;
+.ems-dashboard-editor-container {
+  background-color: #ffffff;
+  padding:0;
+  .container{
+    position: relative;
+    overflow-x: auto;
+  }
+  //云 、计算机 、箭头
+  .top{
+    width: 280px;
+    font-size: 30px;
+    line-height: 40px;
+    font-weight: 500;
+    display: flex;
+    flex-direction: column;
+    //云 样式
+    .cloud-container{
+      padding-top:40px;
+      margin:0 auto;
+      .cloud {
+        width: 150px;
+        height: 60px;
+        background: #cbebfd;
+        border-radius: 200px;
+        position: relative;
+        text-align: center;
+        color:#666666;
+      }
+      .cloud:before, .cloud:after {
+        content: '';
+        position: absolute;
+        background:#cbebfd;
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+      }
+      .cloud:before {
+        top: -28px;
+        left: 20px;
+      }
+      .cloud:after {
+        top: -31px;
+        right: 20px;
+      }
+    }
+    //双箭头
+    .double-arrows {
+      height: 50px;
+      margin:20px 0;
+      text-align: center;
+      .top-arrows,.bottom-arrows{
+        height: 100%;
+        width: 6px;
+        background-color: $arrowColoe;
+        display: inline-block;
+        margin: 0 10px;
+        position: relative;
+        vertical-align: super;
+        &::after {
+          content: '';
+          position: absolute;
+          left:0;
+          width: 0;
+          height: 0;
+
+        }
+      }
+      .top-arrows{
+        vertical-align: super;
+      }
+      .top-arrows::after {
+        bottom: -24px;
+        border-bottom: 12px solid transparent;
+        border-left: 12px solid transparent;
+        border-right: 12px solid transparent;
+        border-top: 14px solid $arrowColoe;
+        left: -9px;
+      }
+      .bottom-arrows{
+        margin-top:12px;
+        &::after {
+          top: -24px;
+          border-top: 12px solid transparent;
+          border-left: 12px solid transparent;
+          border-right: 12px solid transparent;
+          border-bottom: 14px solid $arrowColoe;
+          left: -9px;
+        }
+      }
+
+    }
+
+    //电脑
+    .computer{
+      margin:20px auto;
+      text-align: center;
+      color:#666666;
+      position: relative;
+      img {
+        width: auto;
+        height: 100px;
+        display: block;
+      }
+    }
+    .arrow{
+      height: 50px;
+      width: 30px;
+      border-radius: 5px;
+      background-color: $arrowColoe;
+      position: relative;
+      margin:0 auto;
+      &::after{
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        left: -9px;
+        border-top: 24px solid $arrowColoe;
+        border-left: 24px solid transparent;
+        border-bottom: 24px solid transparent;
+        border-right: 24px solid transparent;
+        bottom: -44px;
+      }
+    }
+
+  }
+  .bottom{
+    z-index:1;
+    box-sizing: border-box;
+    margin-top:50px;
+    .zxlt-row{
+      display: flex;
+      padding:20px $distance;
+      position: relative;
+      width: fit-content;
+      &:before{
+        content: '';
+        display: block;
+        width:calc(100% - 100px);
+        height:1px;
+        background-color: $lineColoe;
+        position:absolute;
+        top:0;
+        left: $distance/2;
+      }
+      .row-lists{
+        height: fit-content;
+        position: relative;
+        &:before{
+          content: '';
+          display: block;
+          height: 100%;
+          width: 1px;
+          position: absolute;
+          left:-($distance/2);
+          top:-20px;
+          background-color: $lineColoe;
+        }
+        //pcs列 bms右侧的边框
+        &.pcs-row-lists{
+          &:after{
+            content: '';
+            display: block;
+            height: 100%;
+            width: 1px;
+            position: absolute;
+            right:-(($distance/2) + 1);
+            top:-20px;
+            background-color: $lineColoe;
+          }
+        }
+        &:not(:last-child){
+          margin-right: $distance;
+        }
+        .item-square{
+          //左右 两列
+          display: flex;
+          vertical-align: middle;
+          align-items: flex-start;
+          padding:10px;
+          border-radius: 5px;
+          &:not(:last-child){
+            margin-bottom: 40px;
+          }
+          .row-lists-title{
+            font-size: 20px;
+            line-height: 20px;
+            color: #333333;
+            font-weight: 500;
+            text-align: center;
+            flex: 1;
+          }
+          .item-lists{
+            position: relative;
+            &:not(:last-child){
+              margin-right:$distance;
+            }
+            //每个设备
+            .items{
+              background-color: #cbebfd;
+              position: relative;
+              border-radius: 5px;
+              padding: 10px;
+              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.5);
+              //普通设备 箭头方向
+              &.normal-items-arrow{
+                &:before{
+                  content: '';
+                  display: block;
+                  width:($arrowDistance/2) - 15;
+                  height: 4px;
+                  background-color: $arrowColoe;
+                  position: absolute;
+                  top:50%;
+                  left: -($arrowDistance/2);
+                  transform: translateY(-50%);
+                }
+                &:after{
+                  content: '';
+                  display: block;
+                  height: 0;
+                  width: 0;
+                  border-left: 10px solid #5ea9df;
+                  border-right: 10px solid transparent;
+                  border-bottom: 10px solid transparent;
+                  border-top: 10px solid transparent;
+                  position: absolute;
+                  top: 50%;
+                  left: -15px;
+                  transform: translateY(-50%);
+                }
+              }
+              //下级的箭头
+              &.children-items-arrow{
+                &:before{
+                  content: '';
+                  display: block;
+                  width:($arrowDistance/2) - 15;
+                  height: 4px;
+                  background-color: $arrowColoe;
+                  position: absolute;
+                  top:50%;
+                  right: -($arrowDistance/2);
+                  transform: translateY(-50%);
+                }
+                &:after{
+                  content: '';
+                  display: block;
+                  height: 0;
+                  width: 0;
+                  border-right: 10px solid #5ea9df;
+                  border-left: 10px solid transparent;
+                  border-bottom: 10px solid transparent;
+                  border-top: 10px solid transparent;
+                  position: absolute;
+                  top: 50%;
+                  right: -15px;
+                  transform: translateY(-50%);
+                }
+              }
+              &:not(:last-child){
+                margin-bottom: 15px;
+              }
+
+              .items-inner{
+                background-color: #ffffff;
+                border-radius: 5px;
+                padding:10px;
+                width:130px;
+                text-align: center;
+              }
+
+              img{
+                width: 80px;
+                height: auto;
+                display: block;
+                z-index:2;
+                margin: 0 auto;
+              }
+              .name{
+                text-align: center;
+                margin-top:10px;
+                font-size: 14px;
+                line-height: 20px;
+                z-index:2;
+              }
+              .status{
+                z-index:2;
+                margin-top:10px;
+                font-size: 14px;
+                line-height: 20px;
+                position: relative;
+                padding-left:20px;
+                display: inline;
+                &.status-normal {
+                  &:before {
+                    content: "";
+                    display: block;
+                    width: 15px;
+                    height: 15px;
+                    border-radius: 50%;
+                    background-color: #05AEA3;
+                    position: absolute;
+                    top:50%;
+                    left:0;
+                    transform: translate(0,-50%);
+                  }
+                }
+                &.status-warn{
+                  &:before{
+                    content: "";
+                    display: inline-block;
+                    width: 15px;
+                    height: 15px;
+                    border-radius: 50%;
+                    background-color: #FC6B69;
+                    position: absolute;
+                    top:50%;
+                    left:0;
+                    transform: translate(0,-50%);
+                  }
+                }
+              }
+            }
+          }
+          .children-item-lists{
+            //todo 手动修改
+            &:before{
+              content: '';
+              display: block;
+              width:40px;
+              height: 4px;
+              background-color: $arrowColoe;
+              position: absolute;
+              top:50%;
+              left: -50px;
+              transform:translateY(-50%);
+            }
+            &:after{
+              content: '';
+              display: block;
+              height: 0;
+              width: 0;
+              border-left: 10px solid #5ea9df;
+              border-right: 10px solid transparent;
+              border-bottom: 10px solid transparent;
+              border-top: 10px solid transparent;
+              position: absolute;
+              top: 50%;
+              left: -14px;
+              transform:translateY(-50%);
+            }
+          }
+        }
+        .pcs-has-children-item-square{
+          vertical-align: middle;
+          align-items: center;
+          background-color: #ffefad;
+        }
+        .no-bms-list{
+          .item-lists{
+            &:not(:last-child){
+              margin-right:0;
+            }
+          }
+        }
+      }
+    }
+
+
+  }
+}
+</style>
+
+

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

@@ -13,7 +13,7 @@
           <div class="bottom-arrows"></div>
         </div>
         <div class="computer">
-          <img src="@/assets/images/ems/computer.png" alt=""/>
+          <img src="@/assets/images/ems/computer.png" alt="" />
           <span style="z-index: 2; position: relative">ems</span>
         </div>
       </div>
@@ -34,10 +34,10 @@
                   <div
                     class="status"
                     :class="
-                      item.deviceStatus === '1' ? 'status-running' : ''
+                      item.runningStatus === '2' ? 'status-running' : ''
                     "
                   >
-                    {{ deviceStatusOptions[item.deviceStatus] }}
+                    {{ deviceStatusOptions[item.runningStatus] }}
                   </div>
                   <div class="row-items-img">
                     <img
@@ -68,10 +68,10 @@
                   <div
                     class="status"
                     :class="
-                      item.deviceStatus === '1' ? 'status-running' : ''
+                      item.runningStatus === '2' ? 'status-running' : ''
                     "
                   >
-                    {{ deviceStatusOptions[item.deviceStatus] }}
+                    {{ deviceStatusOptions[item.runningStatus] }}
                   </div>
                   <div class="row-items-img">
                     <img
@@ -107,10 +107,10 @@
                   <div
                     class="status"
                     :class="
-                      item.deviceStatus === '1' ? 'status-running' : ''
+                      item.runningStatus === '2' ? 'status-running' : ''
                     "
                   >
-                    {{ deviceStatusOptions[item.deviceStatus] }}
+                    {{ deviceStatusOptions[item.runningStatus] }}
                   </div>
                   <div class="row-items-img row-items-img-bms">
                     <div style="position:relative;">
@@ -118,7 +118,7 @@
                         class="img-bms"
                         :src="require('@/assets/images/ems/bms.png')"
                       />
-                      <div class="num">{{ item.batteryNum || 0 }}</div>
+                      <div class="num">{{item.batteryNum || 0}}</div>
                     </div>
                     <div class="name">{{ item.deviceName }}</div>
                   </div>
@@ -150,10 +150,10 @@
                   <div
                     class="status"
                     :class="
-                      item.deviceStatus === '1' ? 'status-running' : ''
+                      item.runningStatus === '2' ? 'status-running' : ''
                     "
                   >
-                    {{ deviceStatusOptions[item.deviceStatus] }}
+                    {{ deviceStatusOptions[item.runningStatus] }}
                   </div>
                   <div class="row-items-img">
                     <img
@@ -171,14 +171,14 @@
                   <div
                     class="status"
                     :class="
-                      item.children[0].deviceStatus === '1'
+                      item.children[0].runningStatus === '2'
                         ? 'status-running'
                         : ''
                     "
                   >
                     {{
                       deviceStatusOptions[
-                          item.children[0].deviceStatus
+                        item.children[0].runningStatus
                       ]
                     }}
                   </div>
@@ -188,7 +188,7 @@
                         class="img-bms"
                         :src="require('@/assets/images/ems/bms.png')"
                       />
-                      <div class="num">{{ item.batteryNum || 0 }}</div>
+                      <div class="num">{{item.batteryNum || 0}}</div>
                     </div>
                     <div class="name">{{ item.children[0].deviceName }}</div>
                   </div>
@@ -204,10 +204,9 @@
 </template>
 
 <script>
-import {getDeviceList} from "@/api/ems/site";
+import { getDeviceList } from "@/api/ems/site";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import {mapState} from "vuex";
+import { mapState } from "vuex";
-
 export default {
   name: "DzjkZxlt",
   mixins: [getQuerySiteId],
@@ -281,16 +280,16 @@ export default {
           data.forEach((item) => {
             // 电表
             if (item.deviceCategory === "AMMETER") {
-                db.push({...item, children: []});
+              db.push({ ...item, children: [] });
             } else if (item.deviceCategory === "PCS") {
               // pcs
-                pcs.push({...item, children: []});
+              pcs.push({ ...item, children: [] });
             } else if (item.deviceCategory === "STACK") {
               // bms
-                bms.push({...item, children: []});
+              bms.push({ ...item, children: [] });
             } else if (item.deviceCategory === "COOLING") {
               // 液冷
-                lq.push({...item, children: []});
+              lq.push({ ...item, children: [] });
             }
           });
           bms.forEach((item, index) => {
@@ -323,14 +322,13 @@ $lineColor: #86bcc7;
 
 .ems-dashboard-editor-container {
   background-color: #ffffff;
-  padding: 0;
+  padding: 30px;
   color: #666666;
 
   .container {
     display: flex;
     position: relative;
   }
-
   //云 、计算机 、箭头
   .top {
     z-index: 2;
@@ -345,7 +343,6 @@ $lineColor: #86bcc7;
     //云 样式
     .cloud-container {
       margin: 0 auto;
-
       .cloud {
         width: 60px;
         height: 26px;
@@ -357,7 +354,6 @@ $lineColor: #86bcc7;
         font-size: 14px;
         line-height: 26px;
       }
-
       .cloud:before,
       .cloud:after {
         content: "";
@@ -367,24 +363,20 @@ $lineColor: #86bcc7;
         height: 30px;
         border-radius: 100%;
       }
-
       .cloud:before {
         top: -9px;
         left: 8px;
       }
-
       .cloud:after {
         top: -6px;
         right: 9px;
       }
     }
-
     //双箭头
     .double-arrows {
       height: fit-content;
       margin: 0 10px;
       text-align: center;
-
       .top-arrows,
       .bottom-arrows {
         height: 4px;
@@ -392,7 +384,6 @@ $lineColor: #86bcc7;
         background-color: #5ea9df;
         margin: 0 10px;
         position: relative;
-
         &::after {
           content: "";
           position: absolute;
@@ -401,11 +392,9 @@ $lineColor: #86bcc7;
           height: 0;
         }
       }
-
       .top-arrows {
         vertical-align: super;
       }
-
       .top-arrows::after {
         top: -4px;
         border-bottom: 6px solid transparent;
@@ -414,10 +403,8 @@ $lineColor: #86bcc7;
         border-top: 6px solid transparent;
         left: -11px;
       }
-
       .bottom-arrows {
         margin-top: 8px;
-
         &::after {
           top: -4px;
           border-top: 6px solid transparent;
@@ -438,7 +425,6 @@ $lineColor: #86bcc7;
       font-weight: bold;
       position: relative;
       background: #fff;
-
       img {
         width: 80px;
         height: auto;
@@ -446,7 +432,6 @@ $lineColor: #86bcc7;
       }
     }
   }
-
   .outer-border {
     position: relative;
     width: fit-content;
@@ -482,10 +467,8 @@ $lineColor: #86bcc7;
         color: #000;
         font-weight: bolder;
       }
-
       .row-lists {
         position: relative;
-
         .row-items {
           position: relative;
           padding: 5px 0;
@@ -520,21 +503,17 @@ $lineColor: #86bcc7;
             border-radius: 2px;
             background: #aaaaaa;
             color: #ffffff;
-
             &.status-running {
               background: #00c69c;
             }
           }
-
           // 图片+设备名称
           .row-items-img {
             position: relative;
             padding-top: 12px;
-
+            &.row-items-img-bms{
-            &.row-items-img-bms {
               padding-top: 14px;
-
+              .num{
-              .num {
                 position: absolute;
                 top: -2px;
                 right: -2px;
@@ -547,26 +526,21 @@ $lineColor: #86bcc7;
                 color: #fff;
               }
             }
-
             img {
               width: 80px;
               height: auto;
               display: block;
               position: relative;
-
               &.img-lq {
                 width: 50px;
               }
-
               &.img-pcs {
                 width: 50px;
               }
-
               &.img-db {
                 width: 56px;
               }
             }
-
             .name {
               position: absolute;
               top: 1px;
@@ -585,24 +559,19 @@ $lineColor: #86bcc7;
         &:not(:last-child) {
           margin-right: 30px;
         }
-
         .row-items {
           display: flex;
-
           &::after {
             display: none;
           }
-
           .parent-dash {
             position: relative;
             z-index: 2;
             background-color: #fff;
-
             > div {
               z-index: 2;
               position: inherit;
             }
-
             &::after {
               z-index: 1;
               content: "";
@@ -616,19 +585,16 @@ $lineColor: #86bcc7;
               transform: scale(0.4, 1);
             }
           }
-
           .children-dash {
             position: relative;
             z-index: 2;
             background-color: #fff;
             margin: -20px 0 0 26px;
             height: fit-content;
-
             > div {
               z-index: 2;
               position: inherit;
             }
-
             &::after {
               z-index: 1;
               content: "";

src/views/ems/search/index.vue

@@ -97,14 +97,18 @@
 <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 {getAllBatteryIdsBySites, getAllDeviceCategory, getPointValueList, pointFuzzyQuery,} from "@/api/ems/search";
+import {
+  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";
@@ -157,7 +161,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;
@@ -210,26 +214,11 @@ 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({
@@ -242,14 +231,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 ? ([
@@ -265,8 +254,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 ? ([
@@ -291,7 +280,10 @@ export default {
             });
           });
         });
-      console.log("折线图图表数据", dataset);
+      } else {
+        this.$message.warning("暂无数据");
+      }
+      console.log("图表数据", dataset);
       this.chart.setOption({
         legend: {
           // left: 'center',
@@ -313,120 +305,7 @@ 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",
         },
@@ -467,7 +346,7 @@ export default {
         const data = response?.data || [];
         cb(
           data.map((item) => {
-              return {name: item, value: item};
+            return { name: item, value: item };
           })
         );
       });
@@ -483,8 +362,7 @@ export default {
         .then((response) => {
           this.siteList = response.data || [];
         })
-          .finally(() => {
+        .finally(() => {});
-          });
     },
     getDate() {
       this.$refs.form.validate((valid) => {

src/views/ems/site/sbbh/AddDevice.vue

@@ -111,9 +111,7 @@
                 <el-cascader
                     v-model="item.deviceId"
                     :options="childOptions"
-                    :props="props"
                     :show-all-levels="false"
-                    :ref="'protectionSettings'+index"
                     @change="(v)=>handleChange(v,'protectionSettings',index)"
                 ></el-cascader>
               </div>
@@ -228,8 +226,6 @@
                     v-model="item.deviceId"
                     :show-all-levels="false"
                     :options="childOptions"
-                    :props="props"
-                    :ref="'protectionPlan'+index"
                     @change="(v)=>handleChange(v,'protectionPlan',index)"
                 ></el-cascader>
               </div>
@@ -271,12 +267,16 @@
   </el-dialog>
 </template>
 <script>
-import {mapState} from "vuex";
+import { mapState } from "vuex";
-import {getAllSites} from "@/api/ems/zddt";
+import { getAllSites } from "@/api/ems/zddt";
-import {validText} from "@/utils/validate";
+import { validText } from "@/utils/validate";
-import {addProtectPlan, getDeviceListBySiteAndCategory, getProtectPlan, updateProtectPlan} from "@/api/ems/site";
+import {
-import {getAllDeviceCategory, pointFuzzyQuery} from "@/api/ems/search";
+  updateProtectPlan,
-
+  addProtectPlan,
+  getProtectPlan,
+  getDeviceListBySiteAndCategory
+} from "@/api/ems/site";
+import { getAllDeviceCategory, pointFuzzyQuery } from "@/api/ems/search";
 export default {
   data() {
     const validateText = (rule, value, callback) => {
@@ -287,17 +287,9 @@ export default {
       }
     };
     return {
-      props: {
+      mode:'',
-        // emitPath: false,//在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
-        lazy: true,
-        lazyLoad: (node, resolve) => {
-          console.log('---------node', node)
-          this.getDeviceList(node, resolve)
-        }
-      },
-      mode: '',
       loading: 0,
-      childOptions: [],
+      childOptions:[],
       protectionSettings: [],
       protectionPlan: [],
       dialogTableVisible: false,
@@ -310,7 +302,7 @@ export default {
         faultLevel: 1, //告警等级
         faultDelaySeconds: "", //故障延时
         releaseDelaySeconds: "", //释放延时
-        description: '',//方案描述
+        description:'',//方案描述
       },
       rules: {
         siteId: [
@@ -321,22 +313,22 @@ export default {
           },
         ],
         faultName: [
-          {required: true, message: "请输入设备保护名称", trigger: "blur"},
+          { required: true, message: "请输入设备保护名称", trigger: "blur" },
         ],
         isAlert: [
-          {required: true, message: "请选择是否告警", trigger: "blur"},
+          { required: true, message: "请选择是否告警", trigger: "blur" },
         ],
         description: [
-          {required: true, message: "请输入设备描述", trigger: "blur"},
+          { required: true, message: "请输入设备描述", trigger: "blur" },
-          {validator: validateText, trigger: "blur"},
+          { validator: validateText, trigger: "blur" },
         ],
         faultDelaySeconds: [
-          {required: true, message: "请输入保护前提延时", trigger: "blur"},
+          { required: true, message: "请输入保护前提延时", trigger: "blur" },
-          {validator: validateText, trigger: "blur"},
+          { validator: validateText, trigger: "blur" },
         ],
         releaseDelaySeconds: [
-          {required: true, message: "请输入保护方案延时", trigger: "blur"},
+          { required: true, message: "请输入保护方案延时", trigger: "blur" },
-          {validator: validateText, trigger: "blur"},
+          { validator: validateText, trigger: "blur" },
         ],
       },
     };
@@ -352,16 +344,16 @@ export default {
     }),
   },
   methods: {
-    open(id, siteId) {
+    open(id,siteId){
-      this.dialogTableVisible = true
+      this.dialogTableVisible=true
       this.getZdList();
-      this.getDeviceCategoryList().then(() => {
+      this.getDeviceCategoryList().then(()=>{
-        if (id && siteId) {
+        if(id && siteId) {
-          // this.getDeviceList('PCS', siteId)
+          this.getDeviceList('PCS',siteId)
-          // this.getDeviceList('STACK', siteId)
+          this.getDeviceList('STACK',siteId)
         }
       });
-      if (id) {
+      if(id){
         this.formData.id = id
         this.mode = 'edit'
         getProtectPlan(id).then(response => {
@@ -373,74 +365,53 @@ export default {
             isAlert: data?.isAlert || 0, //是否告警
             faultLevel: data?.faultLevel || 1, //告警等级
             faultDelaySeconds: data?.faultDelaySeconds || "", //故障延时
-            releaseDelaySeconds: data?.releaseDelaySeconds || "", //释放延时
+            releaseDelaySeconds: data?.releaseDelaySeconds ||"", //释放延时
-            description: data?.description || '',//方案描述
+            description: data?.description ||'',//方案描述
           }
-          const plan = (JSON.parse(data?.protectionPlan || [])).map(item => {
+          const plan =(JSON.parse(data?.protectionPlan || [])).map(item=>{
-            const index = this.childOptions.findIndex(i => i.value === item.deviceCategory)
+            return Object.assign({},item,{
-            if (index > -1) {
+              deviceId:[item.deviceCategory || '',item.deviceId || ''],
-              !this.childOptions[index].children.find(i => i.value === item.deviceId) && this.childOptions[index].children.push({
-                value: item.deviceId,
-                label: item.deviceName,
-                leaf: true
-              })
-            }
-            return Object.assign({}, item, {
-              deviceId: [item.deviceCategory || '', item.deviceId || ''],
-              deviceName: [item.categoryName || '', item.deviceName || ''],
             })
           })
-          const settings = (JSON.parse(data?.protectionSettings || [])).map(item => {
+          const settings =(JSON.parse(data?.protectionSettings || [])).map(item=>{
-            const index = this.childOptions.findIndex(i => i.value === item.deviceCategory)
+            return Object.assign({},item,{
-            if (index > -1) {
+              deviceId:[item.deviceCategory || '',item.deviceId || ''],
-              !this.childOptions[index].children.find(i => i.value === item.deviceId) && this.childOptions[index].children.push({
-                value: item.deviceId,
-                label: item.deviceName,
-                leaf: true
-              })
-            }
-            return Object.assign({}, item, {
-              deviceId: [item.deviceCategory || '', item.deviceId || ''],
-              deviceName: [item.categoryName || '', item.deviceName || ''],
             })
           })
-          this.$nextTick(() => {
+          this.$nextTick(()=>{
-            this.protectionPlan.splice(0, 0, ...plan)
+            this.protectionPlan.splice(0,0,...plan)
-            this.protectionSettings.splice(0, 0, ...settings)
+            this.protectionSettings.splice(0,0,...settings)
           })
-          console.log('获取设备保护详情并初始化', this.formData, this.protectionPlan, this.protectionSettings, this.childOptions)
+          console.log('获取设备保护详情并初始化',this.formData,this.protectionPlan,this.protectionSettings)
-
         })
-      } else {
+      }else{
         this.mode = 'add'
       }
     },
     // 新增设备保护前提、设备保护方案
     addRow(type) {
       const item = type === 'protectionSettings' ? {
-        deviceId: [],//设备ID
+        deviceId:[],//设备ID
-        deviceName: [],
         deviceCategory: "",//设备类型 英文
-        categoryName: '',//设备类型名称 中文
+        categoryName:'',//设备类型名称 中文
         point: "",//点位 英文
-        pointName: "",//点位 中文
+        pointName:"",//点位 中文
         faultValue: "",//故障值
         releaseValue: "",//释放值
         faultOperator: "",//故障值比较关系
         releaseOperator: "",//释放值比较关系
         relationNext: "",//与下一个点位的关系
       } : {
-        deviceId: [],
+        deviceId:[],
-        deviceName: [],
         deviceCategory: "",//设备类型 英文
-        categoryName: '',//设备类型名称 中文
+        categoryName:'',//设备类型名称 中文
         point: "",
-        pointName: "",
+        pointName:"",
         value: "",//设置值
       }
       // this.$set(this[type], this[type].length, item);
-      this[type].splice(this[type].length, 0, item)
+      this[type].splice(this[type].length,0,item)
-      console.log('新增设备保护前提、方案', type, this[type])
+      console.log('新增设备保护前提、方案',type,this[type])
     },
     // 删除设备保护前提、设备保护方案
     deleteRow(index, type) {
@@ -465,24 +436,24 @@ export default {
         const data = response?.data || [];
         cb(
           data.map((item) => {
-              return {name: item, value: item};
+            return { name: item, value: item };
           })
         );
       });
     },
     // 点位选择
     handleSelect(data, index, type) {
-      console.log('选择点位', data, index, type)
+      console.log('选择点位',data,index,type)
       // this.$set(this[type], index, Object.assign({},this[type][index],{
       //   point:data.value,
       //   pointName:data.value,
       // }));
-      let line = Object.assign({}, this[type][index], {
+      let line = Object.assign({},this[type][index],{
-        point: data.value,
+        point:data.value,
-        pointName: data.value,
+        pointName:data.value,
       })
-      this[type].splice(index, 1, line);
+      this[type].splice(index,1,line);
-      console.log('选择点位配置完成', this[type][index])
+      console.log('选择点位配置完成',this[type][index])
     },
 
     // 获取设备类别-不区分站点
@@ -490,74 +461,67 @@ export default {
       this.loading += 1;
       return getAllDeviceCategory()
           .then((response) => {
-            const data = (response?.data || []);
+            const data = (response?.data || []).filter(item => ['PCS','STACK'].includes(item.code));
-            this.$set(this, 'childOptions', [])
+            // this.childOptions=[]
-            let arr = []
+            this.$set(this,'childOptions',[])
+            let arr =[]
             data.forEach((item) => {
               arr.push({
                 value: item.code,
                 label: item.name,
-                leaf: false,
+                children:[]
-                children: []
               })
             })
-            this.childOptions.splice(0, 0, ...arr)
+            this.childOptions.splice(0,0,...arr)
-            console.log('获取设备类型', data, this.childOptions)
+            console.log('获取设备类型',data,this.childOptions)
           })
           .finally(() => {
             this.loading -= 1;
           });
     },
     //获取设备列表-区分站点
-    getDeviceList(node, resolve) {
+    getDeviceList(deviceCategory,siteId){
-      if (!this.formData.siteId) {
+      this.$nextTick(()=>{
-        this.$message({
+        getDeviceListBySiteAndCategory({siteId:siteId || this.formData.siteId,deviceCategory}).then((response) => {
-          type: "warning",
-          message: "请先选择站点",
-        });
-        return resolve([])
-      }
-      getDeviceListBySiteAndCategory({
-        siteId: this.formData.siteId,
-        deviceCategory: node.value
-      }).then((response) => {
           const data = (response?.data || []).map(item => {
             return {
               label: item.deviceName,
               value: item.id,
-            leaf: true
             }
           })
-        resolve(data)
+          const index = this.childOptions.findIndex(item=>item.value === deviceCategory)
-      }).catch(() => {
+          if(index>-1){
-        resolve([])
+            const length = this.childOptions[index].children.length
+            this.childOptions[index].children.splice(0,length,...data)
+          }
+        })
       })
     },
     //更新站点下面的设备列表
-    updateSiteDeviceList() {
+    updateSiteDeviceList(){
       this.childOptions.forEach(item => {
         const length = item.children.length
-        item.children.splice(0, length)
+        item.children.splice(0,length)
       })
+      this.getDeviceList('PCS')
+      this.getDeviceList('STACK')
     },
     //选中设备类型、设备
-    handleChange(data, type, index) {
+    handleChange(data,type,index){
-      console.log('设置选中设备类型、设备', data, type, index)
+      const deviceCategory = data[0],deviceId=data[1]
-      const {label = '', parent = {}} = this.$refs[type + index][0].getCheckedNodes()[0]
+      console.log('设置选中设备类型、设备',deviceCategory,deviceId,type,index)
-      console.log('选中设备的名称', parent.label, label)
+      const item = Object.assign({},this[type][index],{
-      const item = Object.assign({}, this[type][index], {
+        deviceId:data,
-        deviceId: data,
+        deviceCategory,
-        deviceName: [parent.label, label],
+        categoryName : this.childOptions.find(i=>i.value === deviceCategory).label,
-        deviceCategory: data[0],
+        pointName:'',
-        categoryName: parent.label,
+        point:''
-        pointName: '',
-        point: ''
       })
-      this.$nextTick(() => {
+      this.$nextTick(()=>{
         // this.$set(this[type], index, item);
-        this[type].splice(index, 1, item);
+        this[type].splice(index,1,item);
       })
-      console.log('设置选中设备类型、设备配置完成', this[type][index])
+      console.log('设置选中设备类型、设备配置完成',this[type][index])
     },
 
     //获取站点列表
@@ -577,65 +541,62 @@ export default {
     changeType() {
       //获取当前站点下的pcs和bms
       this.updateSiteDeviceList()
-      if (this.protectionSettings.length > 0) {
+      if(this.protectionSettings.length>0){
-        const list = this.protectionSettings
+        const list =this.protectionSettings
         list.forEach((item) => {
           item.point = ""
           item.pointName = ""
-          item.deviceId = []
+          item.deviceId=[]
-          item.deviceName = []
+          item.categoryName=''
-          item.categoryName = ''
+          item.deviceCategory=''
-          item.deviceCategory = ''
         });
         // this.$set(this,'protectionSettings',list)
-        this.$nextTick(() => {
+        this.$nextTick(()=>{
-          this.protectionSettings.splice(0, this.protectionSettings.length, ...list)
+          this.protectionSettings.splice(0,this.protectionSettings.length,...list)
         })
       }
-      if (this.protectionPlan.length > 0) {
+      if(this.protectionPlan.length>0){
-        const list = this.protectionPlan
+        const list =this.protectionPlan
         list.forEach((item) => {
           item.point = ""
           item.pointName = ""
-          item.deviceId = []
+          item.deviceId=[]
-          item.deviceName = []
+          item.categoryName=''
-          item.categoryName = ''
+          item.deviceCategory=''
-          item.deviceCategory = ''
         });
         // this.$set(this,'protectionPlan',list)
-        this.$nextTick(() => {
+        this.$nextTick(()=>{
-          this.protectionPlan.splice(0, this.protectionPlan.length, ...list)
+          this.protectionPlan.splice(0,this.protectionPlan.length,...list)
         })
       }
     },
 
 
     saveDialog() {
-      function getToastMsg(name, type, index) {
+      function getToastMsg(name,type,index){
         return {
-          protectionSettings: {
+          protectionSettings:{
-            deviceId: `请选择保护前提第${index}行的设备`,//设备ID
+            deviceId:`请选择保护前提第${index}行的设备`,//设备ID
             deviceCategory: `请选择保护前提第${index}行的设备类型`,//设备类型 英文
-            categoryName: `请选择保护前提第${index}行的设备类型`,//设备类型名称 中文
+            categoryName:`请选择保护前提第${index}行的设备类型`,//设备类型名称 中文
             point: `请选择保护前提第${index}行的点位`,//点位 英文
-            pointName: `请选择保护前提第${index}行的点位`,//点位 中文
+            pointName:`请选择保护前提第${index}行的点位`,//点位 中文
             faultValue: `请输入保护前提第${index}行的故障值`,//故障值
             releaseValue: `请输入保护前提第${index}行的释放值`,//释放值
             faultOperator: `请选择保护前提第${index}行的故障值比较关系`,//故障值比较关系
             releaseOperator: `请选择保护前提第${index}行的释放值比较关系`,//释放值比较关系
             relationNext: `请选择保护前提第${index}行与下一个点位的关系`,//与下一个点位的关系
           },
-          protectionPlan: {
+          protectionPlan :{
-            deviceId: `请选择保护方案第${index}行的设备`,
+            deviceId:`请选择保护方案第${index}行的设备`,
             deviceCategory: `请选择保护方案第${index}行的设备类型`,//设备类型 英文
-            categoryName: `请选择保护方案第${index}行的设备类型`,//设备类型名称 中文
+            categoryName:`请选择保护方案第${index}行的设备类型`,//设备类型名称 中文
             point: `请选择保护方案第${index}行的点位`,
-            pointName: `请选择保护方案第${index}行的点位`,
+            pointName:`请选择保护方案第${index}行的点位`,
             value: `请输入保护方案第${index}行的故障值`,//设置值
           }
         }[type][name]
       }
-
       this.$refs.addTempForm.validate((valid) => {
         if (!valid) return;
         const {
@@ -646,69 +607,67 @@ export default {
           faultLevel = 1, //告警等级
           faultDelaySeconds = "", //故障延时
           releaseDelaySeconds = "", //释放延时
-          description = "",//方案描述
+          description="",//方案描述
         } = this.formData;
-        const {protectionSettings, protectionPlan} = this
+        const {protectionSettings,protectionPlan} = this
-        let protectionSettingsValidateStatus = true, protectionPlanValidateStatus = true
+        let protectionSettingsValidateStatus= true , protectionPlanValidateStatus= true
-        for (let i = 0; i < protectionSettings.length; i++) {
+        for(let i = 0;i<protectionSettings.length;i++){
           let valueMap = Object.entries(protectionSettings[i]);
-          for (let inner = 0; inner < valueMap.length; inner++) {
+          for(let inner = 0;inner < valueMap.length;inner++){
-            const key = valueMap[inner][0], value = valueMap[inner][1]
+            const key =valueMap[inner][0],value =valueMap[inner][1]
-            if (key === 'relationNext') {
+            if(key === 'relationNext'){
-              if (protectionSettings[i + 1] && !value) {//有下一个点位
+              if(protectionSettings[i+1] && !value){//有下一个点位
-                this.$message.error(getToastMsg(key, 'protectionSettings', i + 1))
+                this.$message.error(getToastMsg(key,'protectionSettings',i+1))
-                protectionSettingsValidateStatus = false
+                protectionSettingsValidateStatus=false
                 break
               }
-            } else {
+            }else{
-              if (![0, '0'].includes(value) && !value) {
+              if(![0,'0'].includes(value) && !value){
-                this.$message.error(getToastMsg(key, 'protectionSettings', i + 1))
+                this.$message.error(getToastMsg(key,'protectionSettings',i+1))
-                protectionSettingsValidateStatus = false
+                protectionSettingsValidateStatus=false
                 break
               }
             }
           }
-          if (!protectionSettingsValidateStatus) break
+          if(!protectionSettingsValidateStatus) break
         }
 
-        for (let i = 0; i < protectionPlan.length; i++) {
+        for(let i = 0;i<protectionPlan.length;i++){
           let valueMap = Object.entries(protectionPlan[i]);
-          for (let inner = 0; inner < valueMap.length; inner++) {
+          for(let inner = 0;inner < valueMap.length;inner++){
-            const key = valueMap[inner][0], value = valueMap[inner][1]
+            const key =valueMap[inner][0],value =valueMap[inner][1]
-            if (key === 'relationNext') {
+            if(key === 'relationNext'){
-              if (protectionPlan[i + 1] && !value) {//有下一个点位
+              if(protectionPlan[i+1] && !value){//有下一个点位
-                this.$message.error(getToastMsg(key, 'protectionPlan', i + 1))
+                this.$message.error(getToastMsg(key,'protectionPlan',i+1))
-                protectionPlanValidateStatus = false
+                protectionPlanValidateStatus=false
                 break
-              } else {
+              }else{
                 // protectionPlan[i][key] = ''//清空选择的关系
               }
-            } else {
+            }else{
-              if (![0, '0'].includes(value) && !value) {
+              if(![0,'0'].includes(value) && !value){
-                this.$message.error(getToastMsg(key, 'protectionPlan', i + 1))
+                this.$message.error(getToastMsg(key,'protectionPlan',i+1))
-                protectionPlanValidateStatus = false
+                protectionPlanValidateStatus=false
                 break
               }
             }
           }
-          if (!protectionPlanValidateStatus) break
+          if(!protectionPlanValidateStatus) break
         }
 
-        if (!protectionSettingsValidateStatus || !protectionPlanValidateStatus) return
+        if(!protectionSettingsValidateStatus || !protectionPlanValidateStatus) return
-        const settings = protectionSettings.map(item => {
+        const settings = protectionSettings.map(item=>{
-          return Object.assign({}, item, {
+          return Object.assign({},item,{
-            deviceId: item.deviceId[1],
+            deviceId:item.deviceId[1],
-            deviceName: item.deviceName[1],
           })
         })
-        const plan = protectionPlan.map(item => {
+        const plan = protectionPlan.map(item=>{
-          return Object.assign({}, item, {
+          return Object.assign({},item,{
-            deviceId: item.deviceId[1],
+            deviceId:item.deviceId[1],
-            deviceName: item.deviceName[1],
           })
         })
         this.loading += 1;
-        const params = {
+        const params= {
           siteId,
           faultName,
           isAlert,
@@ -716,8 +675,8 @@ export default {
           faultDelaySeconds,
           releaseDelaySeconds,
           description,
-          protectionSettings: JSON.stringify(settings),
+          protectionSettings:JSON.stringify(settings),
-          protectionPlan: JSON.stringify(plan),
+          protectionPlan:JSON.stringify(plan),
         }
         if (this.mode === "add") {
           addProtectPlan(params)
@@ -752,13 +711,13 @@ export default {
     closeDialog() {
       this.$emit("clear");
       // 清空所有数据
-      for (let key in this.formData) {
+      for(let key in this.formData) {
         this.formData[key] = key === 'isAlert' ? 0 : key === 'faultLevel' ? 1 : ''
       }
       this.$refs.addTempForm.resetFields();
-      this.$set(this, 'protectionSettings', [])
+      this.$set(this,'protectionSettings',[])
-      this.$set(this, 'protectionPlan', [])
+      this.$set(this,'protectionPlan',[])
-      this.$set(this, 'childOptions', [])
+      this.$set(this,'childOptions',[])
       this.dialogTableVisible = false;
     },
   },
@@ -768,43 +727,35 @@ export default {
 .items-container {
   margin-top: 40px;
   margin-bottom: 20px;
-
   .item-title {
     line-height: 16px;
     padding: 10px 0;
     color: #000;
   }
 }
-
 .time-lists-container {
   width: 100%;
   border: 1px solid #eee;
-
   .time-lists {
     &:not(:last-child) {
       border-bottom: 1px solid #eee;
     }
-
     display: flex;
-
     & > div {
       width: 16%;
       box-sizing: border-box;
       text-align: center;
       padding: 10px 15px;
-
       &:not(:last-child) {
         width: 28%;
         border-right: 1px solid #eee;
       }
-
       .el-date-editor.el-input,
       .el-date-editor.el-input__inner {
         width: 100%;
       }
     }
   }
-
   .time-lists-title {
     color: #000;
     font-size: 12px;

src/views/ems/site/sblb/AddDevice.vue

@@ -1,17 +1,12 @@
 <template>
-  <el-dialog :visible.sync="dialogTableVisible" :close-on-press-escape="false" :close-on-click-modal="false"
+  <el-dialog :visible.sync="dialogTableVisible" :close-on-press-escape="false" :close-on-click-modal="false" :show-close="false" destroy-on-close lock-scroll append-to-body width="600px"  class="ems-dialog" :title="mode === 'add'?'新增设备':`编辑设备` " >
-             :show-close="false" destroy-on-close lock-scroll append-to-body width="800px" class="ems-dialog"
+    <el-form v-loading="loading>0" ref="addTempForm" :model="formData" :rules="rules" size="medium" label-width="140px">
-             :title="mode === 'add'?'新增设备':`编辑设备` ">
-    <div v-loading="loading>0">
-      <el-form v-loading="loading>0" ref="addTempForm" inline :model="formData" :rules="rules" size="medium"
-               label-width="120px" class="device-form">
       <el-form-item label="站点" prop="siteId">
         <el-select v-model="formData.siteId" placeholder="请选择" :style="{width: '100%'}" @change="changeType">
-            <el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList"
+          <el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList" :key="index+'siteOptions'"></el-option>
-                       :key="index+'siteOptions'"></el-option>
         </el-select>
       </el-form-item>
-        <el-form-item label="设备id" prop="deviceId">
+      <el-form-item label="设备id" prop="deviceId" >
         <el-input v-model="formData.deviceId" placeholder="请输入" maxlength="60" clearable :style="{width: '100%'}">
         </el-input>
       </el-form-item>
@@ -20,35 +15,27 @@
         </el-input>
       </el-form-item>
       <el-form-item label="设备描述" prop="description">
-          <el-input v-model="formData.description" type="textarea" placeholder="请输入" clearable
+        <el-input v-model="formData.description" type="textarea" placeholder="请输入" clearable :style="{width: '100%'}">
-                    :style="{width: '100%'}">
         </el-input>
       </el-form-item>
       <el-form-item label="工作状态" prop="communicationStatus">
         <el-select v-model="formData.communicationStatus" placeholder="请选择" :style="{width: '100%'}">
-            <el-option :label="value" :value="key" v-for="(value,key) in communicationStatusOptions"
+          <el-option :label="value" :value="key" v-for="(value,key) in communicationStatusOptions" :key="key+'communicationStatusOptions'"></el-option>
-                       :key="key+'communicationStatusOptions'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="设备类型" prop="deviceType">
         <el-select v-model="formData.deviceType" placeholder="请选择" :style="{width: '100%'}">
-            <el-option :label="value" :value="key" v-for="(value,key) in deviceTypeOptions"
+          <el-option :label="value" :value="key" v-for="(value,key) in deviceTypeOptions" :key="key+'deviceTypeOptions'"></el-option>
-                       :key="key+'deviceTypeOptions'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="设备类别" prop="deviceCategory">
-          <el-select v-model="formData.deviceCategory" placeholder="请选择" :style="{width: '100%'}"
+        <el-select v-model="formData.deviceCategory" placeholder="请选择" :style="{width: '100%'}" @change="changeType">
-                     @change="changeType">
+          <el-option :label="item.name" :value="item.code" v-for="(item,index) in deviceCategoryList" :key="index+'deviceCategoryList'"></el-option>
-            <el-option :label="item.name" :value="item.code" v-for="(item,index) in deviceCategoryList"
-                       :key="index+'deviceCategoryList'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="上级设备" prop="parentId" v-if="dccDeviceCategoryList.includes(formData.deviceCategory)">
-          <el-select v-model="formData.parentId"
+        <el-select v-model="formData.parentId" :placeholder="parentDeviceList.length === 0 && !formData.siteId ? '请先选择站点' : '请选择'" :style="{width: '100%'}">
-                     :placeholder="parentDeviceList.length === 0 && !formData.siteId ? '请先选择站点' : '请选择'"
+          <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in parentDeviceList" :key="index+'parentDeviceList'" ></el-option>
-                     :style="{width: '100%'}">
-            <el-option :label="item.deviceName" :value="item.id" v-for="(item,index) in parentDeviceList"
-                       :key="index+'parentDeviceList'"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="TCP设备的ip地址" prop="ipAddress" v-if="formData.deviceType === 'TCP'">
@@ -59,10 +46,7 @@
         <el-input v-model="formData.ipPort" placeholder="请输入" clearable :style="{width: '100%'}">
         </el-input>
       </el-form-item>
-        <el-form-item label="从站地址" prop="slaveId" v-if="formData.deviceType === 'TCP'">
+
-          <el-input v-model="formData.slaveId" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
       <el-form-item label="串口路径" prop="serialPort">
         <el-input v-model="formData.serialPort" placeholder="请输入" clearable :style="{width: '100%'}">
         </el-input>
@@ -88,49 +72,6 @@
       </el-form-item>
 
     </el-form>
-      <!--      pcs配置-->
-      <el-form v-if="isPcs" ref="pcsSettingForm" inline :model="pcsSetting" size="medium"
-               label-width="120px" class="device-form" :rules="pcsSettingRules">
-        <div style="font-size: 14px;padding: 10px 0 20px;font-weight: 600;">PCS配置</div>
-        <el-form-item label="开关机地址" prop="pointAddress">
-          <el-input v-model="pcsSetting.pointAddress" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="功率地址" prop="powerAddress">
-          <el-input v-model="pcsSetting.powerAddress" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="开机指令" prop="startCommand">
-          <el-input v-model="pcsSetting.startCommand" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="开机目标功率" prop="startPower">
-          <el-input v-model="pcsSetting.startPower" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="关机指令" prop="stopCommand">
-          <el-input v-model="pcsSetting.stopCommand" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="关机目标功率" prop="stopPower">
-          <el-input v-model="pcsSetting.stopPower" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <el-form-item label="电池簇数" prop="clusterNum">
-          <el-input v-model="pcsSetting.clusterNum" placeholder="请输入" clearable :style="{width: '100%'}">
-          </el-input>
-        </el-form-item>
-        <br>
-        <template v-for="index in parseInt(pcsSetting.clusterNum) || 0">
-          <el-form-item :label="'电池簇'+(index)+'地址'"
-                        prop="clusterPointAddress">
-            <el-input v-model="pcsSetting.clusterPointAddress[index-1]" placeholder="请输入" clearable
-                      :style="{width: '100%'}">
-            </el-input>
-          </el-form-item>
-        </template>
-      </el-form>
-    </div>
     <div slot="footer">
       <el-button @click="closeDialog">取消</el-button>
       <el-button type="primary" @click="saveDialog">确定</el-button>
@@ -141,404 +82,257 @@
 import {mapState} from "vuex";
 import {getAllSites} from '@/api/ems/zddt'
 import {validText} from '@/utils/validate'
-import {addDevice, getDeviceDetailInfo, getParentDeviceId, updateDevice} from "@/api/ems/site";
+import {getDeviceDetailInfo,updateDevice,addDevice,getParentDeviceId} from "@/api/ems/site";
 import {getAllDeviceCategory} from '@/api/ems/search'
-
 export default {
-  props: {
+  props:{
-    mode: {
+    mode:{
-      type: String,
+      type:String,
-      default: "add"
+      default:"add"
     },
-    id: {
+    id:{
-      type: String | Number,
+      type:String|Number,
-      required: false
+      required:false
     }
   },
   data() {
-    const validateText = (rule, value, callback) => {
+    const validateText=(rule, value, callback) =>{
       if (value !== '' && !validText(value)) {
         callback(new Error('只能输入中文、英文、数字和特殊字符!'));
       } else {
         callback();
       }
     }
-    const validateDeviceId = (rule, value, callback) => {
+    const validateDeviceId=(rule, value, callback) =>{
       if (value !== '' && !/^[a-zA-Z0-9]+$/.test(value)) {
         callback(new Error('只能输入英文和数字!'));
       } else {
         callback();
       }
     }
-    const validateNumber = (rule, value, callback) => {
-      if (value !== '' && !/^[0-9]+$/.test(value)) {
-        callback(new Error('只能输入数字!'));
-      } else {
-        callback();
-      }
-    }
     return {
-      loading: 0,
+      loading:0,
-      dccDeviceCategoryList: ['CLUSTER', 'BATTERY'],//需要展示上级设备的设备类型
+      dccDeviceCategoryList:['CLUSTER','BATTERY'],//需要展示上级设备的设备类型
-      dialogTableVisible: false,
+      dialogTableVisible:false,
-      parentDeviceList: [],//上级设备列表  从接口获取数据
+      parentDeviceList:[],//上级设备列表  从接口获取数据
-      siteList: [],//站点列表  从接口获取数据
+      siteList:[],//站点列表  从接口获取数据
-      deviceCategoryList: [],//设备类别列表 从接口获取数据
+      deviceCategoryList:[],//设备类别列表 从接口获取数据
       formData: {
-        id: '',//设备唯一标识
+        id:'',//设备唯一标识
-        siteId: '',//站点ID
+        siteId:'',//站点ID
-        deviceId: '',//设备id
+        deviceId:'',//设备id
-        deviceName: '',//设备名称
+        deviceName:'',//设备名称
-        description: '',//设备描述
+        description:'',//设备描述
-        communicationStatus: '',//工作状态
+        communicationStatus:'',//工作状态
-        deviceType: '',//设备类型
+        deviceType:'',//设备类型
-        deviceCategory: '',//设备类别
+        deviceCategory:'',//设备类别
-        parentId: '',//上级设备id
+        parentId:'',//上级设备id
-        ipAddress: '',//TCP设备的ip地址
+        ipAddress:'',//TCP设备的ip地址
-        ipPort: "",//TCP端口号
+        ipPort:"",//TCP端口号
-        serialPort: '',//串口路径
+        serialPort:'',//串口路径
-        baudRate: '',//波特率
+        baudRate:'',//波特率
-        dataBits: '',//数据位
+        dataBits:'',//数据位
-        stopBits: '',//停止位
+        stopBits:'',//停止位
-        parity: '',//校验位
+        parity:'',//校验位
-        pictureUrl: '',//设备图片
+        pictureUrl:'',//设备图片
-        slaveId: '',//从站地址
-      },
-      pcsSetting: {
-        deviceSettingId: '',
-        powerAddress: '',//功率地址
-        pointAddress: "",//开关机地址
-        startCommand: "",//开机指令
-        stopCommand: "",//关机指令
-        startPower: '',//开机目标功率
-        stopPower: '',//关机目标功率
-        clusterNum: '',//电池簇数
-        clusterPointAddress: []//电池簇地址
       },
       rules: {
-        siteId: [
+        siteId:[
-          {required: true, message: '请选择站点', trigger: ['blur', 'change']}
+          { required: true, message: '请选择站点', trigger: ['blur','change']}
         ],
-        deviceId: [
+        deviceId:[
-          {required: true, message: '请输入设备id', trigger: 'blur'},
+          { required: true, message: '请输入设备id', trigger: 'blur'},
-          {validator: validateDeviceId, trigger: 'blur'}
+          { validator: validateDeviceId, trigger: 'blur' }
         ],
-        deviceName: [
+        deviceName:[
-          {required: true, message: '请输入设备名称', trigger: 'blur'},
+          { required: true, message: '请输入设备名称', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        description: [
+        description:[
-          {required: true, message: '请输入设备描述', trigger: 'blur'},
+          { required: true, message: '请输入设备描述', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        communicationStatus: [
+        communicationStatus:[
-          {required: true, message: '请选择工作状态', trigger: ['blur', 'change']}
+          { required: true, message: '请选择工作状态', trigger: ['blur','change']}
         ],
-        deviceType: [
+        deviceType:[
-          {required: true, message: '请选择设备类型', trigger: ['blur', 'change']}
+          { required: true, message: '请选择设备类型', trigger:['blur','change']}
         ],
-        deviceCategory: [
+        deviceCategory:[
-          {required: true, message: '请选择设备类别', trigger: ['blur', 'change']}
+          { required: true, message: '请选择设备类别', trigger: ['blur','change']}
         ],
-        ipAddress: [
+        ipAddress:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        ipPort: [
+        ipPort:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        slaveId: [
+        serialPort:[
-          {validator: validateNumber, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        serialPort: [
+        baudRate:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        baudRate: [
+        dataBits:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        dataBits: [
+        stopBits:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
         ],
-        stopBits: [
+        parity:[
-          {validator: validateText, trigger: 'blur'}
+          { validator: validateText, trigger: 'blur' }
-        ],
-        parity: [
-          {validator: validateText, trigger: 'blur'}
         ],
         // pictureUrl:[
         //   { required: true, message: '请上传图片', trigger: ['blur', 'change']}
         // ],
       },
-      pcsSettingRules: {
-        pointAddress: [
-          {required: true, message: '请输入开关机地址', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
-        ],
-        powerAddress: [
-          {validator: validateText, trigger: 'blur'}
-        ],
-        startCommand: [
-          {required: true, message: '请输入开机指令', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
-        ],
-        startPower: [
-          {validator: validateText, trigger: 'blur'}
-        ],
-        stopCommand: [
-          {required: true, message: '请输入关机指令', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
-        ],
-        stopPower: [
-          {validator: validateText, trigger: 'blur'}
-        ],
-        clusterNum: [
-          {required: true, message: '请输入电池簇数', trigger: 'blur'},
-          {validator: validateNumber, trigger: 'blur'}
-        ],
-        clusterPointAddress: [
-          {required: true, message: '请输入电池簇地址', trigger: 'blur'},
-          {validator: validateText, trigger: 'blur'}
-        ]
-      }
     }
   },
   computed: {
     ...mapState({
       communicationStatusOptions: state => state?.ems?.communicationStatusOptions || {},
-      deviceTypeOptions: state => state?.ems?.deviceTypeOptions || {}
+      deviceTypeOptions:state=>state?.ems?.deviceTypeOptions || {}
-    }),
+    })
-    isPcs() {
-      return this.formData.deviceCategory === 'PCS'
-    }
   },
-  watch: {
+  watch:{
-    dialogTableVisible: {
+    dialogTableVisible:{
-      handler(newVal) {
+      handler(newVal){
         //打开弹窗
-        if (newVal) {
+        if(newVal){
           this.getZdList()
           this.getDeviceCategoryList()
         }
       },
       immediate: true,
     },
-    id: {
+    id:{
-      handler(newVal) {
+      handler(newVal){
-        if ((newVal || newVal === 0) && this.mode !== 'add') {
+        if((newVal || newVal===0) && this.mode !== 'add'){
-          this.loading += 1
+          this.loading+=1
           getDeviceDetailInfo(newVal).then(response => {
-            const {pcsSetting, ...data} = JSON.parse(JSON.stringify(response?.data || {}))
+            this.formData = JSON.parse(JSON.stringify(response?.data || {}));
-            this.formData = data;
+            if(this.dccDeviceCategoryList.includes(this.formData.deviceCategory)){
-            if (pcsSetting && JSON.stringify(pcsSetting) !== '{}') {
-              this.pcsSetting = JSON.parse(JSON.stringify({
-                ...pcsSetting,
-                clusterPointAddress: JSON.parse(pcsSetting.clusterPointAddress || [])
-              }));
-            }
-            if (this.dccDeviceCategoryList.includes(this.formData.deviceCategory)) {
               this.getParentDeviceList(true)
             }
-          }).finally(() => {
+          }).finally(() => {this.loading-=1})
-            this.loading -= 1
-          })
         }
       },
       immediate: true,
     }
   },
   methods: {
-    changeType() {
+    changeType(){
-      if (this.dccDeviceCategoryList.includes(this.formData.deviceCategory)) {
+      if(this.dccDeviceCategoryList.includes(this.formData.deviceCategory)){
         this.getParentDeviceList()
       }
     },
-    uploadImage(data) {
+    uploadImage(data){
       this.formData.pictureUrl = data
     },
     //获取站点列表
-    getZdList() {
+    getZdList(){
-      this.loading += 1
+      this.loading+=1
       getAllSites().then(response => {
         this.siteList = response?.data || []
-      }).finally(() => {
+      }).finally(() => {this.loading-=1})
-        this.loading -= 1
-      })
     },
     // 获取设备类别
-    getDeviceCategoryList() {
+    getDeviceCategoryList(){
-      this.loading += 1
+      this.loading+=1
       getAllDeviceCategory().then(response => {
         this.deviceCategoryList = response?.data || []
-      }).finally(() => {
+      }).finally(() => {this.loading-=1})
-        this.loading -= 1
-      })
     },
     //获取上级id列表
-    getParentDeviceList(init = false) {
+    getParentDeviceList(init=false){
-      if (!this.formData.siteId) {
+      if(!this.formData.siteId){
        return  console.log('请先选择站点')
       }
-      !init && (this.formData.parentId = '')
+      !init && (this.formData.parentId='')
-      this.loading = this.loading + 1
+      this.loading= this.loading+1
-      getParentDeviceId({siteId: this.formData.siteId, deviceCategory: this.formData.deviceCategory}).then(response => {
+      getParentDeviceId({siteId:this.formData.siteId,deviceCategory:this.formData.deviceCategory}).then(response => {
         this.parentDeviceList = JSON.parse(JSON.stringify(response?.data || []));
       }).finally(() => {
-        this.loading = this.loading - 1
+        this.loading=this.loading -1
       })
     },
-    saveData() {
-      this.loading += 1
-      const {
-        id = '',
-        siteId = '',//站点ID
-        deviceId = '',//设备id
-        deviceName = '',//设备名称
-        description = '',//设备描述
-        communicationStatus = '',//工作状态
-        deviceType = '',//设备类型
-        deviceCategory = '',//设备类别
-        parentId = '',//上级设备id
-        ipAddress = '',//TCP设备的ip地址
-        ipPort = "",//TCP端口号
-        serialPort = '',//串口路径
-        baudRate = '',//波特率
-        dataBits = '',//数据位
-        stopBits = '',//停止位
-        parity = '',//校验位
-        pictureUrl = '',//设备图片
-        slaveId = '',//从站地址
-      } = this.formData;
-      const {
-        deviceSettingId,
-        powerAddress,
-        pointAddress,
-        startCommand,
-        stopCommand,
-        startPower,
-        stopPower,
-        clusterNum,
-        clusterPointAddress
-      } = this.pcsSetting
-      let params = {
-        siteId,
-        deviceId,
-        deviceName,
-        description,
-        communicationStatus,
-        deviceType,
-        deviceCategory,
-        parentId,
-        ipAddress,
-        ipPort,
-        serialPort,
-        baudRate,
-        dataBits,
-        stopBits,
-        parity,
-        pictureUrl,
-        slaveId,
-      }
-      if (this.isPcs) {
-        params.pcsSetting = {
-          powerAddress,
-          pointAddress,
-          startCommand,
-          stopCommand,
-          startPower,
-          stopPower,
-          clusterNum,
-          clusterPointAddress: JSON.stringify(!clusterNum ? [] : (clusterPointAddress || []).slice(0, clusterNum))
-        }
-      }
-      if (this.mode === 'add') {
-        addDevice(params).then(response => {
-          if (response.code === 200) {
-            //新增成功
-            // 关闭弹窗 更新表格
-            this.$emit('update')
-            this.closeDialog()
-          }
-        }).finally(() => {
-          this.loading -= 1
-        })
-      } else {
-        params.id = id
-        params.pcsSetting && (params.pcsSetting.deviceSettingId = deviceSettingId)
-        updateDevice(params).then(response => {
-          if (response.code === 200) {
-            //新增成功
-            // 关闭弹窗 更新表格
-            this.$emit('update')
-            this.closeDialog()
-          }
-        }).finally(() => {
-          this.loading -= 1
-        })
-      }
-    },
     saveDialog() {
       this.$refs.addTempForm.validate(valid => {
         if (!valid) return
-        if (this.isPcs) {
+        this.loading+=1
-          this.$refs.pcsSettingForm.validate(pcsValidate => {
+        const {
-            if (!pcsValidate) return
+          id='',
-            this.saveData()
+          siteId='',//站点ID
-          })
+          deviceId='',//设备id
-        } else {
+          deviceName='',//设备名称
-          this.saveData()
+          description='',//设备描述
+          communicationStatus='',//工作状态
+          deviceType='',//设备类型
+          deviceCategory='',//设备类别
+          parentId='',//上级设备id
+          ipAddress='',//TCP设备的ip地址
+          ipPort="",//TCP端口号
+          serialPort='',//串口路径
+          baudRate='',//波特率
+          dataBits='',//数据位
+          stopBits='',//停止位
+          parity='',//校验位
+          pictureUrl='',//设备图片
+        }= this.formData;
+        if(this.mode === 'add'){
+          addDevice({siteId,deviceId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
+            if(response.code === 200){
+              //新增成功
+              // 关闭弹窗 更新表格
+              this.$emit('update')
+              this.closeDialog()
             }
+          }).finally(() => {
+            this.loading-=1
+          })
+        }else{
+          updateDevice({id,siteId,deviceId,deviceName,description,communicationStatus,deviceType,deviceCategory,parentId,ipAddress,ipPort,serialPort,baudRate,dataBits,stopBits,parity,pictureUrl}).then(response => {
+            if(response.code === 200){
+              //新增成功
+              // 关闭弹窗 更新表格
+              this.$emit('update')
+              this.closeDialog()
+            }
+          }).finally(() => {
+            this.loading-=1
+          })
+        }
+
       })
     },
-    closeDialog() {
+    closeDialog(){
       this.$emit('clear')
       // 清空所有数据
-      this.formData = {
+      this.formData= {
-        id: '',//设备唯一标识
+        id:'',//设备唯一标识
-        siteId: '',//站点ID
+        siteId:'',//站点ID
-        deviceId: '',//设备id
+        deviceId:'',//设备id
-        deviceName: '',//设备名称
+        deviceName:'',//设备名称
-        description: '',//设备描述
+        description:'',//设备描述
-        communicationStatus: '',//工作状态
+        communicationStatus:'',//工作状态
-        deviceType: '',//设备类型
+        deviceType:'',//设备类型
-        deviceCategory: '',//设备类别
+        deviceCategory:'',//设备类别
-        parentId: '',//上级设备id
+        parentId:'',//上级设备id
-        ipAddress: '',//TCP设备的ip地址
+        ipAddress:'',//TCP设备的ip地址
-        ipPort: "",//TCP端口号
+        ipPort:"",//TCP端口号
-        serialPort: '',//串口路径
+        serialPort:'',//串口路径
-        baudRate: '',//波特率
+        baudRate:'',//波特率
-        dataBits: '',//数据位
+        dataBits:'',//数据位
-        stopBits: '',//停止位
+        stopBits:'',//停止位
-        parity: '',//校验位
+        parity:'',//校验位
-        pictureUrl: '',//设备图片
+        pictureUrl:'',//设备图片
-        slaveId: '',//从站地址
-      }
-      this.pcsSetting = {
-        deviceSettingId: '',
-        powerAddress: '',//功率地址
-        pointAddress: "",//开关机地址
-        startCommand: "",//开机指令
-        stopCommand: "",//关机指令
-        startPower: '',//开机目标功率
-        stopPower: '',//关机目标功率
-        clusterNum: '',//电池簇数
-        clusterPointAddress: []//电池簇地址
       }
       this.$refs.addTempForm.resetFields()
-      this.$refs?.pcsSettingForm?.resetFields()
+      this.dialogTableVisible=false
-      this.dialogTableVisible = false
     }
   }
 }
 
 </script>
-<style scoped lang="scss">
+<style scoped>
-.device-form {
-  ::v-deep .el-form-item--medium .el-form-item__content {
-    width: 260px;
-  }
-
-  .el-form-item {
-    width: 50%;
-    margin-right: 0;
-  }
-}
 </style>

src/views/ems/site/sblb/PcsSwitch.vue

@@ -1,94 +0,0 @@
-<template>
-  <el-button :size="size" :type="type" :round="round" @click="switchStatus"
-  >
-    {{ label }}
-  </el-button>
-</template>
-
-<style scoped lang="scss">
-
-</style>
-<script>
-import {updateDeviceStatus} from "@/api/ems/site";
-
-export default {
-  props: {
-    size: {
-      type: String,
-      default: 'mini',
-      required: false
-    },
-    round: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    type: {
-      type: String,
-      default: 'primary',
-      required: false
-    },
-    data: {
-      type: Object,
-      default: () => {
-        return {
-          workStatus: null,
-          deviceId: null,
-          deviceName: null,
-        }
-      },
-      required: true
-    }
-  },
-  computed: {
-    label() {
-      return this.data.workStatus === '0' ? '关机' : '开机'
-    }
-  },
-  methods: {
-    switchStatus() {
-      console.log(this.data, 11111111)
-      const {workStatus, deviceId, deviceName, siteId} = this.data
-      this.$confirm(`确认要${this.label}设备${deviceName || ''}吗?`, {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        showClose: false,
-        closeOnClickModal: false,
-        type: "warning",
-        beforeClose: (action, instance, done) => {
-          if (action === "confirm") {
-            instance.confirmButtonLoading = true;
-            //做开关机操作,更新成功后刷新表格
-            updateDeviceStatus({
-              siteId,
-              workStatus: workStatus === '0' ? "1" : '0',
-              deviceId
-            })
-                .then((response) => {
-                  response.code === 200 && done();
-                })
-                .finally(() => {
-                  instance.confirmButtonLoading = false;
-                });
-          } else {
-            done();
-          }
-        },
-      })
-          .then(() => {
-            //只有在废弃成功的情况下会走到这里
-            this.$message({
-              type: "success",
-              message: `${deviceName}${this.label}成功!`,
-            });
-            this.$emit('updateSuccess')
-            //调用接口 更新表格数据
-          })
-          .catch(() => {
-            //取消关机
-          });
-    }
-  }
-}
-
-</script>

src/views/ems/site/sblb/PointTable.vue

@@ -10,7 +10,7 @@
       destroy-on-close
       lock-scroll
       show-close
-        :title="dataType === 'point' ? '点位清单' : '报警点位'"
+      title="点位清单"
       width="950px"
     >
       <el-form :inline="true" label-width="100px">
@@ -30,15 +30,14 @@
             style="width: 150px"
           ></el-input>
         </el-form-item>
-        <!--        <el-form-item label="modbus ip">-->
+        <el-form-item label="modbus ip">
-        <!--          <el-input-->
+          <el-input
-        <!--            v-model="form.ipAddress"-->
+              v-model="form.ipAddress"
-        <!--            clearable-->
+              clearable
-        <!--            placeholder="请输入ip"-->
+              placeholder="请输入ip"
-        <!--            style="width: 150px"-->
+              style="width: 150px"
-        <!--          ></el-input>-->
+          ></el-input>
-        <!--        </el-form-item>-->
+        </el-form-item>
-        <br>
         <el-form-item label="最小值">
           <el-input
             v-model="form.lower"
@@ -55,14 +54,14 @@
             style="width: 150px"
           ></el-input>
         </el-form-item>
-        <!--        <el-form-item label="modbus 端口">-->
+        <el-form-item label="modbus 端口">
-        <!--          <el-input-->
+          <el-input
-        <!--            v-model="form.ipPort"-->
+              v-model="form.ipPort"
-        <!--            clearable-->
+              clearable
-        <!--            placeholder="请输入端口"-->
+              placeholder="请输入端口"
-        <!--            style="width: 150px"-->
+              style="width: 150px"
-        <!--          ></el-input>-->
+          ></el-input>
-        <!--        </el-form-item>-->
+        </el-form-item>
         <el-form-item style="margin-left: 20px">
           <el-button type="primary" @click="search">搜索</el-button>
         </el-form-item>
@@ -77,19 +76,15 @@
         :default-sort="defaultSort"
         @sort-change="handleSortChange"
       >
-        <el-table-column label="数据点位" prop="dataPoint"></el-table-column>
+        <el-table-column label="数据点位" prop="dataPoint"> </el-table-column>
+        <el-table-column label="数据点位名称" prop="pointName"></el-table-column>
         <el-table-column
-            label="数据点位名称"
+            label="modbus地址"
-            prop="dataPointName"
+        >
-        ></el-table-column>
+          <template slot-scope="scope">
-        <!--        <el-table-column label="modbus地址">-->
+            <span>{{`${scope.row.ipAddress || ''} ${scope.row.ipPort || ''}`}}</span>
-        <!--          <template slot-scope="scope">-->
+          </template>
-        <!--            <span>{{-->
+        </el-table-column>
-        <!--              `${scope.row.ipAddress || ""} ${scope.row.ipPort || ""}`-->
-        <!--            }}</span>-->
-        <!--          </template>-->
-        <!--        </el-table-column>
-        <el-table-column label="寄存器地址" prop="寄存器地址"></el-table-column>-->
         <el-table-column
           label="最新值"
           prop="pointValue"
@@ -97,18 +92,19 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <span class="pointer" @click="showChart(scope.row)">{{
+            <span
-                scope.row.pointValue
+              class="pointer"
-              }}</span>
+              @click="
+                showChart(
+                  scope.row
+                )
+              "
+              >{{ scope.row.pointValue }}</span
+            >
           </template>
         </el-table-column>
         <el-table-column label="单位" prop="dataUnit"></el-table-column>
-        <el-table-column
+        <el-table-column label="更新时间" min-width="160px" prop="updateTime" sortable="custom">
-            label="更新时间"
-            min-width="160px"
-            prop="updateTime"
-            sortable="custom"
-        >
         </el-table-column>
       </el-table>
       <el-pagination
@@ -127,52 +123,50 @@
       >
       </el-pagination>
     </el-dialog>
-    <point-chart ref="pointChart" :site-id="siteId"/>
+    <point-chart ref="pointChart" :site-id="siteId" />
   </div>
 </template>
 <script>
-import {getDevicePointList} from "@/api/ems/site";
+import { getDevicePointList } from "@/api/ems/site";
 import pointChart from "@/views/ems/dzjk/sbjk/PointChart.vue";
 
 export default {
-  components: {pointChart},
+  components: { pointChart },
   watch: {
     show(val) {
       if (!val) {
         this.tableData = [];
         this.deviceId = "";
-        this.parentId = "";
+        this.parentId='';
         this.siteId = "";
         this.pageSize = 10;
         this.pageNum = 1;
         this.totalSize = 0;
-        this.dataType = '';
         this.form = {
           sortMethod: "desc", //升序不传或者asc、降序desc）
-          sortData: this.defaultSort.prop,
+          sortData:this.defaultSort.prop,
           dataPointName: "", //点位名称
           dataPoint: "", //点位名称
           lower: "", //
           upper: "", //
-          // ipAddress: "",
+          ipAddress:'',
-          // ipPort: "",
+          ipPort:''
         };
         this.loading = false;
       }
     },
   },
-  computed: {
+  computed:{
-    isDtdc() {
+    isDtdc(){
-      return this.deviceCategory === "BATTERY";
+      return this.deviceCategory === 'BATTERY'
-    },
+    }
   },
   data() {
     return {
       // 默认排序
-      defaultSort: {prop: "updateTime", order: "descending"},
+      defaultSort: { prop: "updateTime", order: "descending" },
       show: false,
       loading: false,
-      dataType: '',//展示的数据类型 point点位/alarmPoint报警点位
       form: {
         sortData: "updateTime", //最新值升序不传或者asc、降序desc）
         sortMethod: "desc", //升序不传或者asc、降序desc）
@@ -180,12 +174,12 @@ export default {
         dataPoint: "", //点位名称
         lower: "", //
         upper: "", //
-        // ipAddress: "",
+        ipAddress:'',
-        // ipPort: "",
+        ipPort:''
       },
       deviceCategory: "",
       deviceId: "",
-      parentId: "",
+      parentId:'',
       siteId: "",
       tableData: [],
       pageSize: 10, //分页栏当前每个数据总数
@@ -195,56 +189,32 @@ export default {
   },
   methods: {
     showChart({pointName}) {
-      if (pointName) {
+      if(pointName){
-        const {deviceCategory, deviceId} = this;
+        const {deviceCategory,deviceId}=this
-        if (this.isDtdc)
+        if(this.isDtdc) this.$refs.pointChart.showChart({ pointName, deviceCategory, deviceId:this.parentId,child:[deviceId] });
-          this.$refs.pointChart.showChart({
+         else this.$refs.pointChart.showChart({ pointName, deviceCategory, deviceId });
-            pointName,
-            deviceCategory,
-            deviceId: this.parentId,
-            child: [deviceId],
-          });
-        else
-          this.$refs.pointChart.showChart({
-            pointName,
-            deviceCategory,
-            deviceId,
-          });
       }
     },
     handleSortChange(column) {
-      this.form.sortData = column.prop;
+      this.form.sortData = column.prop
       this.form.sortMethod = column.order === "descending" ? "desc" : "asc";
       console.log("切换排序方式", column, this.form);
-      this.getData()
+      this.getData();
     },
     search() {
       this.pageNum = 1;
-      this.getData()
+      this.getData();
     },
-    // 分页
+    showTable({ deviceCategory, siteId, deviceId ,parentId=''}) {
-    handleSizeChange(val) {
-      this.pageSize = val;
-      this.$nextTick(() => {
-        this.getData()
-      });
-    },
-    handleCurrentChange(val) {
-      this.pageNum = val;
-      this.$nextTick(() => {
-        this.getData()
-      });
-    },
-    showTable({deviceCategory, siteId, deviceId, parentId = ""}, dataType) {
-      this.dataType = dataType;
       this.deviceCategory = deviceCategory;
       this.siteId = siteId;
       this.deviceId = deviceId;
-      this.parentId = deviceCategory === "BATTERY" ? parentId : ""; //只有单体电池需要这个值
+      this.parentId=deviceCategory === 'BATTERY' ? parentId : ''//只有单体电池需要这个值
       this.show = true;
-      this.getData()
+      this.getData();
     },
     getData() {
+      this.loading = true;
       const {
         siteId,
         deviceId,
@@ -259,11 +229,11 @@ export default {
           dataPoint,
           lower,
           upper,
-          // ipAddress,
+          ipAddress,
-          // ipPort,
+          ipPort
         },
       } = this;
-      const params = {
+      getDevicePointList({
         siteId,
         deviceId,
         deviceCategory,
@@ -276,12 +246,9 @@ export default {
         dataPoint,
         lower,
         upper,
-        // ipAddress: '',
+        ipAddress,
-        // ipPort: '',
+        ipPort
-      }
+      })
-      params.isAlarm = this.dataType === 'point' ? 0 : 1
-      this.loading = true;
-      getDevicePointList(params)
         .then((response) => {
           this.tableData = response?.rows || [];
           this.totalSize = response?.total || 0;
@@ -290,6 +257,19 @@ export default {
           this.loading = false;
         });
     },
+    // 分页
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.$nextTick(() => {
+        this.getData();
+      });
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val;
+      this.$nextTick(() => {
+        this.getData();
+      });
+    },
   },
 };
 </script>

src/views/ems/site/sblb/PointUpload.vue

@@ -1,15 +1,12 @@
 <template>
-  <el-dialog :visible.sync="show" class="ems-dialog" title="点位上传" width="400px" append-to-body
+  <el-dialog :visible.sync="show" class="ems-dialog" title="点位上传" width="400px" append-to-body :close-on-click-modal="false" :close-on-press-escape="false">
-             :close-on-click-modal="false" :close-on-press-escape="false">
+<!--    <file-upload :fileType='["xls", "xlsx"]' value="String" :limit="1" :drag="false"  @input="updateFile"/>-->
-    <!--    <file-upload :fileType='["xls", "xlsx"]' value="String" :limit="1" :drag="false"  @input="updateFile"/>-->
+    <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
-    <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
-               :data="upload.data" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
-               :on-success="handleFileSuccess" :auto-upload="false" drag>
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
       <div class="el-upload__tip text-center" slot="tip">
         <span>仅允许导入xls、xlsx格式文件。</span>
-        <!--        <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>-->
+<!--        <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>-->
       </div>
     </el-upload>
     <div slot="footer">
@@ -23,34 +20,30 @@
 
 </style>
 <script>
-import {getToken} from "@/utils/auth"
+import { getToken } from "@/utils/auth"
-
 export default {
-  data() {
+  data(){
     return {
-      show: false,
+      show:false,
       // 用户导入参数
       upload: {
-        data: {},
         // 是否禁用上传
         isUploading: false,
         // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/ems/pointMatch/importDataByDevice"
+        url: process.env.VUE_APP_BASE_API + "/ems/pointMatch/importData"
       },
     }
   },
-  methods: {
+  methods:{
-    showDialog({siteId, deviceCategory, deviceId}) {
+    showDialog(){
-      this.upload.data = {siteId, deviceCategory, deviceId}
       this.show = true;
     },
     //关闭弹窗 重置数据
-    handleClosed() {
+    handleClosed(){
       this.$refs.upload.clearFiles()//写在before-closed无效
-      this.upload.data = {}
+      this.show=false
-      this.show = false
     },
     // updateFile(data){
     //   console.log('上传文件emit',data)
@@ -58,16 +51,16 @@ export default {
     // saveDialog(){
     //  this.show=true
     // },
-    // 文件上传中处理 返回参数event, file, fileList
+    // 文件上传中处理
-    handleFileUploadProgress() {
+    handleFileUploadProgress(event, file, fileList) {
       this.upload.isUploading = true
     },
-    // 文件上传成功处理 返回参数response, file, fileList
+    // 文件上传成功处理
-    handleFileSuccess(response) {
+    handleFileSuccess(response, file, fileList) {
-      console.log('上传文件结果', response)
+      console.log('上传文件结果',response)
       this.upload.isUploading = false
-      if (response.code === 500 && !response.msg) response.msg = '上传失败'
+      if(response.code === 500 && !response.msg) response.msg = '上传失败'
-      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + (response.msg || '上传成功') + "</div>", "导入结果", {dangerouslyUseHTMLString: true})
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + (response.msg || '上传成功' )+ "</div>", "导入结果", { dangerouslyUseHTMLString: true })
       this.$emit('update')
       this.handleClosed()
     },

src/views/ems/site/sblb/index.vue

@@ -1,57 +1,24 @@
+
 <template>
   <div class="ems-dashboard-editor-container" style="background-color: #ffffff" v-loading="loading">
     <el-form :inline="true" class="select-container">
         <el-form-item label="站点选择">
-        <el-select v-model="siteId" placeholder="请选择换电站名称" :loading="searchLoading" loading-text="正在加载数据"
+          <el-select v-model="siteId" placeholder="请选择换电站名称" :loading="searchLoading" loading-text="正在加载数据" @change="onSearch" clearable>
-                   @change="onSearch" clearable>
+            <el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList" :key="index+'zdxeSelect'"></el-option>
-          <el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList"
-                     :key="index+'zdxeSelect'"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="设备类型">
-        <el-select v-model="deviceCategory" placeholder="请选择设备类型" @change="onSearch" clearable>
-          <el-option
-              v-for="(item,index) in deviceCategoryList"
-              :key="index+'deviceCategorySelect'"
-              :label="item.name"
-              :value="item.code">
-          </el-option>
           </el-select>
         </el-form-item>
       <el-form-item>
-        <!--        <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>-->
+<!--        <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>-->
-        <!--        <el-button @click="onReset" native-type="button">重置</el-button>-->
+<!--        <el-button @click="onReset" native-type="button">重置</el-button>-->
       </el-form-item>
     </el-form>
     <el-button type="primary" @click="addDevice" native-type="button">新增设备</el-button>
-    <el-dropdown @command="(val)=>downloadPointDetail(val,false)">
     <el-button
-          style="margin-left:10px;"
+        @click="uploadPointDetail"
-          type="primary"
+        type="success"
         plain>
-        下载点位清单
+      上传点位清单
     </el-button>
-      <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item v-for="(item,index) in deviceCategoryList" :key="index+'deviceCategoryList'"
-                          :command="item">
-          {{ item.name }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-    <!--    <el-dropdown @command="(val)=>uploadPointDetail(val,false)">-->
-    <!--      <el-button-->
-    <!--          style="margin-left:10px;"-->
-    <!--          type="success"-->
-    <!--          plain>-->
-    <!--        上传点位清单-->
-    <!--      </el-button>-->
-    <!--      <el-dropdown-menu slot="dropdown">-->
-    <!--        <el-dropdown-item v-for="(item,index) in deviceCategoryList" :key="index+'deviceCategoryList'"-->
-    <!--                          :command="item">-->
-    <!--          {{ item.name }}-->
-    <!--        </el-dropdown-item>-->
-    <!--      </el-dropdown-menu>-->
-    <!--    </el-dropdown>-->
     <el-table
       class="common-table"
       :data="tableData"
@@ -80,14 +47,10 @@
         label="设备类别">
       </el-table-column>
       <el-table-column
-          prop="deviceStatus"
+        prop="runningStatus"
         label="在线状态">
         <template slot-scope="scope">
-          <span>{{ $store.state.ems.deviceStatusOptions[scope.row.deviceStatus] }}</span>
+          <span>{{$store.state.ems.deviceStatusOptions[scope.row.runningStatus]}}</span>
-          <!--          <pcs-switch v-if="scope.row.deviceCategory === 'PCS' && ![null,'',undefined].includes(scope.row.deviceStatus)"-->
-          <!--                      style="margin-left:5px;"-->
-          <!--                      :data="{siteId:scope.row.siteId,deviceStatus:scope.row.deviceStatus,deviceId:scope.row.deviceId,deviceName:scope.row.deviceName}"-->
-          <!--                      @updateSuccess="getData"/>-->
         </template>
       </el-table-column>
       <el-table-column
@@ -96,34 +59,18 @@
         width="250">
         <template slot-scope="scope">
           <el-button
-              @click="pointDetail(scope.row,'point')"
+              @click="pointDetail(scope.row)"
               type="primary"
               size="mini">
             点位清单
           </el-button>
           <el-button
-              @click="pointDetail(scope.row,'alarmPoint')"
+              @click="downloadPointDetail(scope.row)"
-              type="primary"
-              size="mini">
-            报警点位清单
-          </el-button>
-          <br>
-          <el-button
-              @click="downloadPointDetail(scope.row,true)"
-              style="margin-top:10px;"
               type="primary"
               plain
               size="mini">
             下载点位清单
           </el-button>
-          <el-button
-              @click="uploadPointDetail(scope.row,true)"
-              style="margin-top:10px;"
-              type="success"
-              plain
-              size="mini">
-            上传点位清单
-          </el-button>
           <br>
           <el-button
             @click="editDevice(scope.row)"
@@ -155,14 +102,10 @@
       style="margin-top:15px;text-align: center"
     >
     </el-pagination>
-    <el-dialog :visible.sync="dialogTableVisible" class="ems-dialog" title="详细信息" :close-on-click-modal="false"
+    <el-dialog :visible.sync="dialogTableVisible" class="ems-dialog" title=" 详细信息" :close-on-click-modal="false" :before-close="handleClosed">
-               :before-close="handleClosed">
+      <div class="descriptions-main" style="padding: 0" >
-      <div class="descriptions-main" style="padding: 0">
         <el-descriptions direction="vertical" :column="2" :colon="false" border>
-          <el-descriptions-item v-for="(item,index) in detailData" :key="index+'descriptions'"
+          <el-descriptions-item v-for="(item,index) in detailData" :key="index+'descriptions'" labelClassName="descriptions-label" contentClassName="descriptions-direction" :span="1" :label="item.label">{{item.value}}</el-descriptions-item>
-                                labelClassName="descriptions-label" contentClassName="descriptions-direction" :span="1"
-                                :label="item.label">{{ item.value }}
-          </el-descriptions-item>
         </el-descriptions>
       </div>
     </el-dialog>
@@ -173,111 +116,90 @@
 </template>
 
 <script>
-import {deleteService, getDeviceDetailInfo, getDeviceInfoList} from '@/api/ems/site'
+import {getDeviceInfoList,getDeviceDetailInfo,deleteService,exportPointList,importPointList} from'@/api/ems/site'
 import {getAllSites} from '@/api/ems/zddt'
 import {formatNumber} from "@/filters/ems";
-import {getAllDeviceCategory} from '@/api/ems/search'
 import PointTable from './PointTable.vue'
 import AddDevice from "./AddDevice.vue";
 import PointUpload from "./PointUpload.vue";
-// import PcsSwitch from "./PcsSwitch.vue";
+import {download} from "@/utils/request";
-
 export default {
   name: "Sblb",
-  components: {AddDevice, PointTable, PointUpload},
+  components:{AddDevice,PointTable,PointUpload},
   data() {
     return {
-      loading: false,
+      loading:false,
-      searchLoading: false,
+      searchLoading:false,
-      mode: '',//新增、编辑设备
+      mode:'',//新增、编辑设备
-      editDeviceId: '',//编辑设备id
+      editDeviceId:'',//编辑设备id
-      siteId: '',
+      siteId:'',
-      siteList: [],
+      siteList:[],
-      deviceCategory: '',//搜索栏设备类型
+      tableData:[],
-      deviceCategoryList: [],//设备类别
+      pageSize:10,//分页栏当前每个数据总数
-      tableData: [],
+      pageNum:1,//分页栏当前页数
-      pageSize: 10,//分页栏当前每个数据总数
+      totalSize:0,//table表格数据总数
-      pageNum: 1,//分页栏当前页数
+      dialogTableVisible:false,
-      totalSize: 0,//table表格数据总数
+      detailData:[
-      dialogTableVisible: false,
+        {label:'设备ID',value:'',attr:'deviceId'},
-      detailData: [
+        {label:'设备名称',value:'',attr:'deviceName'},
-        {label: '设备ID', value: '', attr: 'deviceId'},
+        {label:'设备类型',value:'',attr:'deviceType'},
-        {label: '设备名称', value: '', attr: 'deviceName'},
+        {label:'通信状态',value:'',attr:'communicationStatus'},
-        {label: '设备类型', value: '', attr: 'deviceType'},
+        {label:'TCP设备的IP地址',value:'',attr:'ipAddress'},
-        {label: '通信状态', value: '', attr: 'communicationStatus'},
+        {label:'TCP端口号',value:'',attr:'ipPort'},
-        {label: 'TCP设备的IP地址', value: '', attr: 'ipAddress'},
+        {label:'串口路径',value:'',attr:'serialPort'},
-        {label: 'TCP端口号', value: '', attr: 'ipPort'},
+        {label:'波特率',value:'',attr:'baudRate'},
-        {label: '串口路径', value: '', attr: 'serialPort'},
+        {label:'数据位',value:'',attr:'dataBits'},
-        {label: '波特率', value: '', attr: 'baudRate'},
+        {label:'停止位',value:'',attr:'stopBits'},
-        {label: '数据位', value: '', attr: 'dataBits'},
+        {label:'校验位',value:'',attr:'parity'},
-        {label: '停止位', value: '', attr: 'stopBits'},
+        {label:'设备描述',value:'',attr:'description'},
-        {label: '校验位', value: '', attr: 'parity'},
+        {label:'设备类别',value:'',attr:'deviceCategory'},
-        {label: '设备描述', value: '', attr: 'description'},
+        {label:'上级设备ID',value:'',attr:'parentId'},
-        {label: '设备类别', value: '', attr: 'deviceCategory'},
+        {label:'设备唯一标识符',value:'',attr:'deviceId'},
-        {label: '上级设备ID', value: '', attr: 'parentId'},
-        {label: '设备唯一标识符', value: '', attr: 'deviceId'},
       ],
-      detailformatAttr: {
+      detailformatAttr:{
-        'deviceType': 'deviceTypeOptions',
+        'deviceType':'deviceTypeOptions',
-        'communicationStatus': 'communicationStatusOptions',
+        'communicationStatus':'communicationStatusOptions',
       }
     }
   },
-  methods: {
+  methods:{
-    // 获取设备类别
-    getDeviceCategoryList() {
-      getAllDeviceCategory().then(response => {
-        this.deviceCategoryList = response?.data || []
-      })
-    },
     // 查看设备电位表格
-    pointDetail(row, dataType) {
+    pointDetail(row){
-      this.$refs.pointTable.showTable(row, dataType)
+      this.$refs.pointTable.showTable(row)
     },
     // 下载点位清单
-    downloadPointDetail(command, isDetail = false) {
+    downloadPointDetail({siteId,deviceCategory,deviceName}){
-      const siteId = isDetail ? command.siteId : this.siteId
-      const deviceCategory = isDetail ? command.deviceCategory : command.code
-      const categoryName = isDetail ? command.categoryName : command.name
-      const deviceId = isDetail ? command.deviceId : null
-      console.log('下载', command, isDetail)
       this.download('ems/pointMatch/export', {
         siteId,
-        deviceCategory,
+        deviceCategory
-        deviceId,
+      }, `点位清单_${deviceName}_${new Date().getTime()}.xlsx`)
-      }, `点位清单_${categoryName}_${new Date().getTime()}.xlsx`)
     },
     // 上传点位清单
-    uploadPointDetail(command, isDetail = false) {
+    uploadPointDetail(){
-      const siteId = isDetail ? command.siteId : this.siteId
+      this.$refs.pointUpload.showDialog()
-      const deviceCategory = isDetail ? command.deviceCategory : command.code
-      const categoryName = isDetail ? command.categoryName : command.name
-      const deviceId = isDetail ? command.deviceId : ''
-      console.log('上传', command, isDetail)
-      this.$refs.pointUpload.showDialog({siteId, deviceCategory, categoryName, deviceId})
     },
-    clearEditDeviceData() {
+    clearEditDeviceData(){
       this.mode = '';
-      this.editDeviceId = ''
+      this.editDeviceId=''
     },
     //  新增设备 展示弹窗
-    addDevice() {
+    addDevice(){
       this.mode = 'add';
       this.$refs.addDevice.dialogTableVisible = true
     },
     // 编辑设备
-    editDevice(row) {
+    editDevice(row){
       this.mode = 'edit';
       this.editDeviceId = row.id
       this.$refs.addDevice.dialogTableVisible = true;
     },
     //删除设备
-    deleteDevice(row) {
+    deleteDevice(row){
       this.$confirm(`确认要设备${row.deviceName}吗?`, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        showClose: false,
+        showClose:false,
-        closeOnClickModal: false,
+        closeOnClickModal:false,
         type: 'warning',
         beforeClose: (action, instance, done) => {
           if (action === 'confirm') {
@@ -303,82 +225,73 @@ export default {
         //取消关机
       });
     },
-    handleClosed(done) {
+    handleClosed(done){
-      this.detailData.forEach((item) => {
+      this.detailData.forEach((item)=>{item.value = ''})
-        item.value = ''
-      })
       done()
     },
-    toDetail(id) {
+    toDetail(id){
       this.loading = true
       getDeviceDetailInfo(id).then(response => {
         const data = response?.data || {};
-        this.detailData.forEach(item => {
+        this.detailData.forEach(item=>{
-          if (this.detailformatAttr[item.attr]) {
+          if(this.detailformatAttr[item.attr]){
-            item.value = formatNumber(this.$store.state.ems[this.detailformatAttr[item.attr]][data[item.attr]]);
+            item.value=formatNumber(this.$store.state.ems[this.detailformatAttr[item.attr]][data[item.attr]]);
-          } else {
+          }else{
-            item.value = formatNumber(data[item.attr]);
+            item.value=formatNumber(data[item.attr]);
           }
 
         })
         this.dialogTableVisible = true
-      }).finally(() => {
+      }).finally(() => {this.loading = false})
-        this.loading = false
-      })
 
     },
     // 分页
     handleSizeChange(val) {
       this.pageSize = val;
-      this.$nextTick(() => {
+      this.$nextTick(()=>{
         this.getData()
       })
     },
     handleCurrentChange(val) {
       this.pageNum = val
-      this.$nextTick(() => {
+      this.$nextTick(()=>{
         this.getData()
       })
     },
     // 搜索
-    onSearch() {
+    onSearch(){
-      this.pageNum = 1//每次搜索从1开始搜索
+      this.pageNum =1//每次搜索从1开始搜索
       this.getData()
     },
     // 重置
-    onReset() {
+    onReset(){
-      this.siteId = ''
+      this.siteId=''
-      this.pageNum = 1//每次搜索从1开始搜索
+      this.pageNum =1//每次搜索从1开始搜索
       this.getData()
     },
     // 获取数据
-    getData() {
+    getData(){
-      this.loading = true
+      this.loading=true
-      const {siteId, deviceCategory, pageNum, pageSize} = this
+      const {siteId,pageNum,pageSize} =this
-      getDeviceInfoList({siteId, deviceCategory, pageNum, pageSize}).then(response => {
+      getDeviceInfoList({siteId,pageNum,pageSize}).then(response => {
-        this.tableData = response?.rows || [];
+        this.tableData=response?.rows || [];
         this.totalSize = response?.total || 0
-      }).finally(() => {
+      }).finally(() => {this.loading=false})
-        this.loading = false
-      })
     },
     //获取站点列表
-    getZdList() {
+    getZdList(){
-      this.searchLoading = true
+      this.searchLoading=true
       return getAllSites().then(response => {
         this.siteList = response?.data || []
-        if (this.siteList.length > 0) this.siteId = this.siteList[0].siteId
+        if(this.siteList.length>0) this.siteId = this.siteList[0].siteId
-      }).finally(() => {
+      }).finally(() => {this.searchLoading=false})
-        this.searchLoading = false
-      })
     }
   },
   mounted() {
-    this.loading = true
+    this.loading=true
-    this.siteId = ''
+    this.siteId=''
-    this.pageNum = 1//每次搜索从1开始搜索
+    this.pageNum =1//每次搜索从1开始搜索
-    this.getDeviceCategoryList()
+    this.getZdList().then(()=>{
-    this.getZdList().then(() => {
       this.getData()
     })
   }

src/views/system/user/index.vue

@@ -6,39 +6,30 @@
         <pane size="16">
           <el-col>
             <div class="head-container">
-              <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small"
+              <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />
-                        prefix-icon="el-icon-search" style="margin-bottom: 20px"/>
             </div>
             <div class="head-container">
-              <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
+              <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current @node-click="handleNodeClick" />
-                       :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current
-                       @node-click="handleNodeClick"/>
             </div>
           </el-col>
         </pane>
         <!--用户数据-->
         <pane size="84">
           <el-col>
-            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-                     label-width="68px">
               <el-form-item label="用户名称" prop="userName">
-                <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"
+                <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter.native="handleQuery" />
-                          @keyup.enter.native="handleQuery"/>
               </el-form-item>
               <el-form-item label="手机号码" prop="phonenumber">
-                <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
+                <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px" @keyup.enter.native="handleQuery" />
-                          @keyup.enter.native="handleQuery"/>
               </el-form-item>
               <el-form-item label="状态" prop="status">
                 <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
-                  <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+                  <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
-                             :value="dict.value"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="创建时间">
-                <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
+                <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
-                                range-separator="-" start-placeholder="开始日期"
-                                end-placeholder="结束日期"></el-date-picker>
               </el-form-item>
               <el-form-item>
                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -48,48 +39,33 @@
 
             <el-row :gutter="10" class="mb8">
               <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']">新增</el-button>
-                           v-hasPermi="['system:user:add']">新增
-                </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['system:user:edit']">修改</el-button>
-                           v-hasPermi="['system:user:edit']">修改
-                </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
+                <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:user:remove']">删除</el-button>
-                           @click="handleDelete" v-hasPermi="['system:user:remove']">删除
-                </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport"
+                <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-hasPermi="['system:user:import']">导入</el-button>
-                           v-hasPermi="['system:user:import']">导入
-                </el-button>
               </el-col>
               <el-col :span="1.5">
-                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['system:user:export']">导出</el-button>
-                           v-hasPermi="['system:user:export']">导出
-                </el-button>
               </el-col>
               <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
             </el-row>
 
             <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
-              <el-table-column type="selection" width="50" align="center"/>
+              <el-table-column type="selection" width="50" align="center" />
-              <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible"/>
+              <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
-              <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"
+              <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
-                               :show-overflow-tooltip="true"/>
+              <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
-              <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"
+              <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
-                               :show-overflow-tooltip="true"/>
+              <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
-              <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"
-                               :show-overflow-tooltip="true"/>
-              <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber"
-                               v-if="columns[4].visible" width="120"/>
               <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
                 <template slot-scope="scope">
-                  <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
+                  <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleStatusChange(scope.row)"></el-switch>
-                             @change="handleStatusChange(scope.row)"></el-switch>
                 </template>
               </el-table-column>
               <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
@@ -99,30 +75,20 @@
               </el-table-column>
               <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
                 <template slot-scope="scope" v-if="scope.row.userId !== 1">
-                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
-                             v-hasPermi="['system:user:edit']">修改
+                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
-                  </el-button>
+                  <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
-                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                             v-hasPermi="['system:user:remove']">删除
-                  </el-button>
-                  <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)"
-                               v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
                     <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
                     <el-dropdown-menu slot="dropdown">
-                      <el-dropdown-item command="handleResetPwd" icon="el-icon-key"
+                      <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">重置密码</el-dropdown-item>
-                                        v-hasPermi="['system:user:resetPwd']">重置密码
+                      <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">分配角色</el-dropdown-item>
-                      </el-dropdown-item>
-                      <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check"
-                                        v-hasPermi="['system:user:edit']">分配角色
-                      </el-dropdown-item>
                     </el-dropdown-menu>
                   </el-dropdown>
                 </template>
               </el-table-column>
             </el-table>
 
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
-                        :limit.sync="queryParams.pageSize" @pagination="getList"/>
           </el-col>
         </pane>
       </splitpanes>
@@ -134,38 +100,36 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="用户昵称" prop="nickName">
-              <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30"/>
+              <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="归属部门" prop="deptId">
-              <treeselect v-model="form.deptId" :options="enabledDeptOptions" :show-count="true"
+              <treeselect v-model="form.deptId" :options="enabledDeptOptions" :show-count="true" placeholder="请选择归属部门" />
-                          placeholder="请选择归属部门"/>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="手机号码" prop="phonenumber">
-              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11"/>
+              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50"/>
+              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
-              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30"/>
+              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
-              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20"
+              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />
-                        show-password/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -173,17 +137,14 @@
           <el-col :span="12">
             <el-form-item label="用户性别">
               <el-select v-model="form.sex" placeholder="请选择性别">
-                <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
+                <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
-                           :value="dict.value"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="状态">
               <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">
+                <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio>
-                  {{ dict.label }}
-                </el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -192,33 +153,14 @@
           <el-col :span="12">
             <el-form-item label="岗位">
               <el-select v-model="form.postIds" multiple placeholder="请选择岗位">
-                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId"
+                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId" :disabled="item.status == 1" ></el-option>
-                           :disabled="item.status == 1"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="角色">
               <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
-                <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId"
+                <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
-                           :disabled="item.status == 1"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="归属站点" name="belongSite">
-              <el-select
-                  v-model="form.belongSite"
-                  multiple
-                  collapse-tags
-                  placeholder="请选择"
-                  style="width:100%"
-                  @change="selectBelongSite">
-                <el-option :label="item.siteName" :value="item.siteId" v-for="(item,index) in siteList"
-                           :disabled="item.siteId!== 'all' && (form.belongSite || []).includes('all')"
-                           :key="index+'zdxeSelect'"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -239,20 +181,15 @@
 
     <!-- 用户导入对话框 -->
     <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
-      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
-                 :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
-                 :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
         <div class="el-upload__tip text-center" slot="tip">
           <div class="el-upload__tip" slot="tip">
-            <el-checkbox v-model="upload.updateSupport"/>
+            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
-            是否更新已经存在的用户数据
           </div>
           <span>仅允许导入xls、xlsx格式文件。</span>
-          <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+          <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>
-                   @click="importTemplate">下载模板
-          </el-link>
         </div>
       </el-upload>
       <div slot="footer" class="dialog-footer">
@@ -264,27 +201,17 @@
 </template>
 
 <script>
-import {
+import { listUser, getUser, delUser, addUser, updateUser, resetUserPwd, changeUserStatus, deptTreeSelect } from "@/api/system/user"
-  addUser,
+import { getToken } from "@/utils/auth"
-  changeUserStatus,
-  delUser,
-  deptTreeSelect,
-  getUser,
-  listUser,
-  resetUserPwd,
-  updateUser
-} from "@/api/system/user"
-import {getAllSites} from '@/api/ems/zddt'
-import {getToken} from "@/utils/auth"
 import Treeselect from "@riophae/vue-treeselect"
 import "@riophae/vue-treeselect/dist/vue-treeselect.css"
-import {Pane, Splitpanes} from "splitpanes"
+import { Splitpanes, Pane } from "splitpanes"
 import "splitpanes/dist/splitpanes.css"
 
 export default {
   name: "User",
   dicts: ['sys_normal_disable', 'sys_user_sex'],
-  components: {Treeselect, Splitpanes, Pane},
+  components: { Treeselect, Splitpanes, Pane },
   data() {
     return {
       // 遮罩层
@@ -301,8 +228,6 @@ export default {
       total: 0,
       // 用户表格数据
       userList: null,
-      // 站点列表数据
-      siteList: [],
       // 弹出层标题
       title: "",
       // 所有部门树选项
@@ -338,7 +263,7 @@ export default {
         // 是否更新已经存在的用户数据
         updateSupport: 0,
         // 设置上传的请求头部
-        headers: {Authorization: "Bearer " + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + "/system/user/importData"
       },
@@ -353,27 +278,27 @@ export default {
       },
       // 列信息
       columns: [
-        {key: 0, label: `用户编号`, visible: true},
+        { key: 0, label: `用户编号`, visible: true },
-        {key: 1, label: `用户名称`, visible: true},
+        { key: 1, label: `用户名称`, visible: true },
-        {key: 2, label: `用户昵称`, visible: true},
+        { key: 2, label: `用户昵称`, visible: true },
-        {key: 3, label: `部门`, visible: true},
+        { key: 3, label: `部门`, visible: true },
-        {key: 4, label: `手机号码`, visible: true},
+        { key: 4, label: `手机号码`, visible: true },
-        {key: 5, label: `状态`, visible: true},
+        { key: 5, label: `状态`, visible: true },
-        {key: 6, label: `创建时间`, visible: true}
+        { key: 6, label: `创建时间`, visible: true }
       ],
       // 表单校验
       rules: {
         userName: [
-          {required: true, message: "用户名称不能为空", trigger: "blur"},
+          { required: true, message: "用户名称不能为空", trigger: "blur" },
-          {min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur'}
+          { min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur' }
         ],
         nickName: [
-          {required: true, message: "用户昵称不能为空", trigger: "blur"}
+          { required: true, message: "用户昵称不能为空", trigger: "blur" }
         ],
         password: [
-          {required: true, message: "用户密码不能为空", trigger: "blur"},
+          { required: true, message: "用户密码不能为空", trigger: "blur" },
-          {min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur'},
+          { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' },
-          {pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur"}
+          { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }
         ],
         email: [
           {
@@ -388,8 +313,7 @@ export default {
             message: "请输入正确的手机号码",
             trigger: "blur"
           }
-        ],
+        ]
-
       }
     }
   },
@@ -400,7 +324,6 @@ export default {
     }
   },
   created() {
-    this.getZdList()
     this.getList()
     this.getDeptTree()
     this.getConfigKey("sys.user.initPassword").then(response => {
@@ -408,29 +331,6 @@ export default {
     })
   },
   methods: {
-    selectBelongSite(data) {
-      console.log('选中的站点', data)
-      if (data.includes("all")) {
-        this.form.belongSite = ['all']
-        return
-      }
-      if (this.siteList.length && data.length === (this.siteList.length - 1)) {
-        this.form.belongSite = ['all']
-      }
-    },
-    //获取站点列表
-    getZdList() {
-      return getAllSites().then(response => {
-        this.siteList = response?.data || []
-        if (this.siteList.length > 0) {
-          this.siteList.unshift({
-            id: 'all',
-            siteId: "all",
-            siteName: "全部"
-          })
-        }
-      })
-    },
     /** 查询用户列表 */
     getList() {
       this.loading = true
@@ -473,11 +373,11 @@ export default {
     // 用户状态修改
     handleStatusChange(row) {
       let text = row.status === "0" ? "启用" : "停用"
-      this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗？').then(function () {
+      this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗？').then(function() {
         return changeUserStatus(row.userId, row.status)
       }).then(() => {
         this.$modal.msgSuccess(text + "成功")
-      }).catch(function () {
+      }).catch(function() {
         row.status = row.status === "0" ? "1" : "0"
       })
     },
@@ -500,8 +400,7 @@ export default {
         status: "0",
         remark: undefined,
         postIds: [],
-        roleIds: [],
+        roleIds: []
-        belongSite: []
       }
       this.resetForm("form")
     },
@@ -556,7 +455,6 @@ export default {
         this.form = response.data
         this.postOptions = response.posts
         this.roleOptions = response.roles
-        this.$set(this.form, "belongSite", response?.data?.belongSite ? JSON.parse(response.data.belongSite) : [])
         this.$set(this.form, "postIds", response.postIds)
         this.$set(this.form, "roleIds", response.roleIds)
         this.open = true
@@ -577,30 +475,29 @@ export default {
             return "不能包含非法字符：< > \" ' \\\ |"
           }
         },
-      }).then(({value}) => {
+      }).then(({ value }) => {
           resetUserPwd(row.userId, value).then(response => {
             this.$modal.msgSuccess("修改成功，新密码是：" + value)
           })
-      }).catch(() => {
+        }).catch(() => {})
-      })
     },
     /** 分配角色操作 */
-    handleAuthRole: function (row) {
+    handleAuthRole: function(row) {
       const userId = row.userId
       this.$router.push("/system/user-auth/role/" + userId)
     },
     /** 提交按钮 */
-    submitForm: function () {
+    submitForm: function() {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.userId != undefined) {
-            updateUser({...this.form, belongSite: JSON.stringify(this.form.belongSite)}).then(response => {
+            updateUser(this.form).then(response => {
               this.$modal.msgSuccess("修改成功")
               this.open = false
               this.getList()
             })
           } else {
-            addUser({...this.form, belongSite: JSON.stringify(this.form.belongSite)}).then(response => {
+            addUser(this.form).then(response => {
               this.$modal.msgSuccess("新增成功")
               this.open = false
               this.getList()
@@ -612,13 +509,12 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const userIds = row.userId || this.ids
-      this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function () {
+      this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function() {
         return delUser(userIds)
       }).then(() => {
         this.getList()
         this.$modal.msgSuccess("删除成功")
-      }).catch(() => {
+      }).catch(() => {})
-      })
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -633,7 +529,8 @@ export default {
     },
     /** 下载模板操作 */
     importTemplate() {
-      this.download('system/user/importTemplate', {}, `user_template_${new Date().getTime()}.xlsx`)
+      this.download('system/user/importTemplate', {
+      }, `user_template_${new Date().getTime()}.xlsx`)
     },
     // 文件上传中处理
     handleFileUploadProgress(event, file, fileList) {
@@ -644,7 +541,7 @@ export default {
       this.upload.open = false
       this.upload.isUploading = false
       this.$refs.upload.clearFiles()
-      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true})
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
       this.getList()
     },
     // 提交上传文件