2026-02-11 02:06:04 +00:00
123 changed files with 13643 additions and 388 deletions
--- 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({
--- 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',
  })
 }
--- 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'},
              }
            ]
          },
--- 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})
+      })
    }
+
  }
 }

--- a/src/views/ems/dzjk/sbjk/index.vue
+++ b/src/views/ems/dzjk/sbjk/index.vue
@ -1,38 +1,66 @@
 <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+'dzjkChildrenRoute'">
-        <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 sbjk-ems-content-container">
-      <keep-alive>
-        <router-view></router-view>
-      </keep-alive>
-    </div>
+    <div class="ems-dashboard-editor-container ems-third-menu-container" v-loading="loading">
+      <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 categoryRouter" :key="index+'dzjkChildrenRoute'">
+          <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 sbjk-ems-content-container">
+        <keep-alive>
+          <router-view></router-view>
+        </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//获取到单站监控-设备监控下面的字路由
 export default {
  name:'DzjkSbjk',
+  mixins:[getQuerySiteId],
+  computed:{
+    ...mapState({
+      zdDeviceCategoryOptions: state => state.ems.zdDeviceCategoryOptions,
+    }),
+    locationSiteCategory(){
+      return this.zdDeviceCategoryOptions[this.siteId] || []
+    },
+    categoryRouter(){
+      const routeData =this.childrenRoute.filter(item=>this.locationSiteCategory.includes(item.meta.categoryName))
+      if(this.siteId && routeData.length > 0 && this.locationSiteCategory && this.locationSiteCategory.length >1){
+        const locationPageCategoryName = this.$route.meta?.categoryName || ''
+        if(!routeData.some(item=> item.meta.categoryName===locationPageCategoryName)){
+          this.$router.replace({path:'/dzjk/sbjk/ssyx',query:this.$route.query})
+        }
+      }
+      return routeData
+    }
+  },
  data(){
    return {
      childrenRoute,
-      activeMenu:''
+      activeMenu:'',
+      loading:false,
    }
  },
+  methods:{
+    init(){
+      this.loading=true
+      this.$store.dispatch('getSiteDeviceCategory',this.siteId).finally(()=>this.loading=false)
+    }
+  }
 }
 </script>

--- 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"
      >
        <el-table-column label="数据点位" prop="dataPoint"> </el-table-column>
        <el-table-column label="数据点位名称" prop="pointName">
@ -84,7 +84,7 @@
            >
          </template>
        </el-table-column>
-        <el-table-column label="单位" prop="unit"></el-table-column>
+        <el-table-column label="单位" prop="dataUnit"></el-table-column>
        <el-table-column label="更新时间" prop="updateTime" sortable="custom">
        </el-table-column>
      </el-table>
@ -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,