diff --git a/src/api/ems/dzjk.js b/src/api/ems/dzjk.js index 7b56570..ad1eee0 100644 --- a/src/api/ems/dzjk.js +++ b/src/api/ems/dzjk.js @@ -14,7 +14,13 @@ export function getSevenChargeData({siteId,startDate,endDate}) { method: 'get' }) } - +// 获取站点包含的设备种类 用来判断单站监控设备监控的菜单栏展示 +export function getSiteAllDeviceCategory(siteId) { + return request({ + url: `/ems/siteConfig/getSiteAllDeviceCategory?siteId=${siteId}`, + method: 'get' + }) +} //获取pcs、实时运行头部的设备信息 export function getRunningHeadInfo(siteId) { return request({ diff --git a/src/api/ems/site.js b/src/api/ems/site.js index ea68371..a94155b 100644 --- a/src/api/ems/site.js +++ b/src/api/ems/site.js @@ -64,9 +64,9 @@ export function getDeviceList(siteId) { } //获取设备点位table -export function getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize,dataPointName='',sortMethod,dataPoint,lower,upper}) { +export function getDevicePointList({siteId,deviceId,deviceCategory,pageNum,pageSize,dataPointName='',sortMethod,sortData,dataPoint,lower,upper}) { return request({ - url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}&dataPointName=${dataPointName}&dataPoint=${dataPoint}&lower=${lower}&upper=${upper}&pageNum=${pageNum}&sortMethod=${sortMethod}`, + url: `/ems/siteConfig/getDevicePointList?siteId=${siteId}&deviceId=${deviceId}&pageNum=${pageNum}&pageSize=${pageSize}&deviceCategory=${deviceCategory}&dataPointName=${dataPointName}&dataPoint=${dataPoint}&lower=${lower}&upper=${upper}&pageNum=${pageNum}&sortMethod=${sortMethod}&sortData=${sortData}`, method: 'get', }) } \ No newline at end of file diff --git a/src/router/ems.js b/src/router/ems.js index b07a0e6..e00873a 100644 --- a/src/router/ems.js +++ b/src/router/ems.js @@ -42,43 +42,43 @@ export const dzjk=[ path: 'ssyx', component: () => import('@/views/ems/dzjk/sbjk/ssyx/index.vue'), name: 'DzjkSbjkSsyx', - meta: { title: '实时运行',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: '实时运行',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'SSYX'}, }, { path: 'pcs', component: () => import('@/views/ems/dzjk/sbjk/pcs/index.vue'), name: 'DzjkSbjkPcs', - meta: { title: 'PCS',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: 'PCS',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'PCS'}, }, { path: 'bmszl', component: () => import('@/views/ems/dzjk/sbjk/bmszl/index.vue'), name: 'DzjkSbjkBmszl', - meta: { title: 'BMS总览',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: 'BMS总览',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk', categoryName:'STACK'}, }, { path: 'bmsdcc', component: () => import('@/views/ems/dzjk/sbjk/bmsdcc/index.vue'), name: 'DzjkSbjkBmsdcc', - meta: { title: 'BMS电池簇',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: 'BMS电池簇',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'CLUSTER'}, }, { path: 'dtdc', component: () => import('@/views/ems/dzjk/sbjk/dtdc/index.vue'), name: 'DzjkSbjkDtdc', - meta: { title: '单体电池',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: '单体电池',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'BATTERY'}, }, { path: 'db', component: () => import('@/views/ems/dzjk/sbjk/db/index.vue'), name: 'DzjkSbjkDb', - meta: { title: '电表',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: '电表',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'AMMETER'}, }, { path: 'yl', component: () => import('@/views/ems/dzjk/sbjk/yl/index.vue'), name: 'DzjkSbjkYl', - meta: { title: '液冷',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk'}, + meta: { title: '液冷',breadcrumb: false,activeMenu: '/dzjk',activeSecondMenuName:'DzjkSbjk',categoryName:'COOLING'}, } ] }, diff --git a/src/store/modules/ems.js b/src/store/modules/ems.js index b80f590..00678be 100644 --- a/src/store/modules/ems.js +++ b/src/store/modules/ems.js @@ -1,8 +1,9 @@ -import {getAlarmDetailList} from'@/api/ems/dzjk' +import {getAlarmDetailList,getSiteAllDeviceCategory} from'@/api/ems/dzjk' const ems = { state: { dzjkAlarmLighting:false,//单站监控 告警统计红点标志 zdList:[], + zdDeviceCategoryOptions:{},//站点各个站点包含的设备种类 {021_DDS_01:["BATTERY","CLUSTER","STACK", "DH", "AMMETER", "PCS", "XF"],021_DDS_02:[]...} workStatusOptions:{'0':'正常','1':'异常','2':'停止'},//工作状态 deviceStatusOptions:{'0':'在线','1':'离线','2':'维修中'},//设备状态 gridStatusOptions:{'0':'并网','1':'未并网'},//并网状态 @@ -25,15 +26,25 @@ const ems = { SET_DZJK_ALARM_LIGHTING(state, status) { state.dzjkAlarmLighting = status }, + SET_ZD_DEVICE_CATEGORY_OPTIONS(state,{siteId,data}){ + state.zdDeviceCategoryOptions = Object.assign({}, state.zdDeviceCategoryOptions, {[siteId]:data}) + } }, actions: { //查询站点的所有待处理0的告警 存在展示红点标志 getSiteAlarmNum({state,commit},siteId){ - console.log('页面进入单站监控或切换站点ID或在告警统计页面调用了告警list接口',siteId) getAlarmDetailList({status:0,siteId,pageSize:10,pageNum:1,deviceId:'',alarmLevel:'',alarmStartTime:'',alarmEndTime:''}).then(response=>{ commit('SET_DZJK_ALARM_LIGHTING',!!response?.total || false) }) + }, + getSiteDeviceCategory({state,commit},siteId){ + getSiteAllDeviceCategory(siteId).then(response=>{ + let data = response?.data || []; + data.unshift('SSYX'); + commit('SET_ZD_DEVICE_CATEGORY_OPTIONS',{siteId,data}) + }) } + } } diff --git a/src/views/ems/dzjk/sbjk/index.vue b/src/views/ems/dzjk/sbjk/index.vue index 1ef3731..14082d8 100644 --- a/src/views/ems/dzjk/sbjk/index.vue +++ b/src/views/ems/dzjk/sbjk/index.vue @@ -1,38 +1,66 @@ diff --git a/src/views/ems/site/sblb/PointTable.vue b/src/views/ems/site/sblb/PointTable.vue index 7a4ce1f..42640e3 100644 --- a/src/views/ems/site/sblb/PointTable.vue +++ b/src/views/ems/site/sblb/PointTable.vue @@ -58,8 +58,8 @@ max-height="400px" stripe style="width: 100%" - :default-sort="{ order: 'descending' }" - @sort-change="changeSort" + :default-sort="defaultSort" + @sort-change="handleSortChange" > @@ -84,7 +84,7 @@ > - + @@ -124,8 +124,8 @@ export default { this.pageNum = 1; this.totalSize = 0; this.form = { - valueSortMethod: "desc", //升序不传或者asc、降序desc) sortMethod: "desc", //升序不传或者asc、降序desc) + sortData:this.defaultSort.prop, dataPointName: "", //点位名称 dataPoint: "", //点位名称 lower: "", // @@ -137,10 +137,12 @@ export default { }, data() { return { + // 默认排序 + defaultSort: { prop: "updateTime", order: "descending" }, show: false, loading: false, form: { - valueSortMethod: "desc", //最新值升序不传或者asc、降序desc) + sortData: "updateTime", //最新值升序不传或者asc、降序desc) sortMethod: "desc", //升序不传或者asc、降序desc) dataPointName: "", //点位名称 dataPoint: "", //点位名称 @@ -163,15 +165,11 @@ export default { pointName && this.$refs.pointChart.showChart({ pointName, deviceName, deviceId }); }, - changeSort(c) { - console.log("切换排序方式", c); - if (c.prop === "updateTime" && c.order) { - this.form.sortMethod = c.order === "descending" ? "desc" : "asc"; - this.getData(); - } else if (c.prop === "pointValue" && c.order) { - this.form.valueSortMethod = c.order === "descending" ? "desc" : "asc"; - this.getData(); - } + handleSortChange(column) { + this.form.sortData = column.prop + this.form.sortMethod = column.order === "descending" ? "desc" : "asc"; + console.log("切换排序方式", column, this.form); + this.getData(); }, search() { this.pageNum = 1; @@ -194,7 +192,7 @@ export default { pageNum, pageSize, form: { - valueSortMethod, + sortData, sortMethod, dataPointName, dataPoint, @@ -208,7 +206,7 @@ export default { deviceCategory, pageNum, pageSize, - valueSortMethod, + sortData, sortMethod, dataPointName, dataPoint,