Merge branch 'develop' into single-develop

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

@@ -1,55 +1,66 @@
 <template>
-  <div
-    class="ems-dashboard-editor-container ems-content-container-padding sbjk-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'"
+    <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"
       >
-        <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>
+        <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 { dzjk } from "@/router/ems";
-const childrenRoute = dzjk[0].children.find(
-  (item) => item.name === "DzjkSbjk"
-).children; //获取到单站监控-设备监控下面的字路由
-console.log("设备监控子路由", childrenRoute);
+import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
+import { dzjk } from '@/router/ems'
+import {mapState} from "vuex";
+const childrenRoute = ((dzjk[0]?.children || []).find(item=> item.name==='DzjkSbjk').children) || []//获取到单站监控-设备监控下面的字路由
 export default {
-  name: "DzjkSbjk",
-  data() {
+  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.deviceCategory))
+      if(this.siteId && routeData.length > 0 && this.locationSiteCategory && this.locationSiteCategory.length >1){
+        const locationPageDeviceCategory = this.$route.meta?.deviceCategory || ''
+        if(!routeData.some(item=> item.meta.deviceCategory===locationPageDeviceCategory)){
+          this.$router.replace({path:'/dzjk/sbjk/ssyx',query:this.$route.query})
+        }
+      }
+      return routeData
+    }
+  },
+  data(){
     return {
       childrenRoute,
-      activeMenu: "",
-    };
+      activeMenu:'',
+      loading:false,
+    }
   },
-  mounted() {
-    console.log("当前设备监控页面路由", this.$route);
-  },
-};
+  methods:{
+    init(){
+      this.loading=true
+      this.$store.dispatch('getSiteDeviceCategory',this.siteId).finally(()=>this.loading=false)
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">