feat: 看板含有网元显示区域

src/store/modules/ne_list.ts

@@ -91,7 +91,11 @@ const useNeListStore = defineStore('ne_list', {
       }
       return res;
     },
-    // 含有网元
+    /**
+     * 含有网元
+     * @param metaNeType udm|ims|udm+ims
+     * @returns boolean
+     */
     fnHasNe(metaNeType: string[]) {
       if (this.neList.length > 0) {
         const neTypes = this.neSelectOtions.map(item => item.value);
@@ -106,10 +110,10 @@ const useNeListStore = defineStore('ne_list', {
 
         if (match) {
           // 同时匹配
-          return metaNeType.every(item => neTypes.includes(item));
+          return metaNeType.every(item => neTypes.includes(item.toUpperCase()));
         }
         // 有一种
-        return metaNeType.some(item => neTypes.includes(item));
+        return metaNeType.some(item => neTypes.includes(item.toUpperCase()));
       }
       return false;
     },

src/views/dashboard/overview/components/Topology/index.vue

@@ -103,9 +103,9 @@ function handleRanderGraph(
     fitView: true,
     fitViewPadding: [20],
     autoPaint: true,
-    modes: {
-      default: ['drag-canvas', 'zoom-canvas'],
-    },
+    // modes: {
+    //   default: ['drag-canvas', 'zoom-canvas'],
+    // },
     groupByTypes: false,
     nodeStateStyles: {
       selected: {

src/views/dashboard/overview/index.vue

@@ -360,6 +360,7 @@ onBeforeUnmount(() => {
             <div
               class="item toRouter"
               :title="t('views.dashboard.overview.toRouter')"
+              v-if="neListStore.fnHasNe(['udm'])"
             >
               <div @click="fnToRouter('UdmSub_2001')">
                 <UserOutlined
@@ -393,6 +394,7 @@ onBeforeUnmount(() => {
               :title="t('views.dashboard.overview.toRouter')"
               style="margin: 0 12px"
               v-perms:has="['dashboard:overview:imsUeNum']"
+              v-if="neListStore.fnHasNe(['ims'])"
             >
               <div>
                 <img :src="svgUserIMS" style="width: 18px; margin-right: 8px" />
@@ -407,6 +409,7 @@ onBeforeUnmount(() => {
               @click="fnToRouter('SmfSub_2005')"
               :title="t('views.dashboard.overview.toRouter')"
               v-perms:has="['dashboard:overview:smfUeNum']"
+              v-if="neListStore.fnHasNe(['smf'])"
             >
               <div>
                 <img :src="svgUserSMF" style="width: 18px; margin-right: 8px" />
@@ -419,7 +422,11 @@ onBeforeUnmount(() => {
           </div>
         </div>
       </div>
-      <div class="skim panel base" v-perms:has="['dashboard:overview:gnbBase']">
+      <div
+        class="skim panel base"
+        v-perms:has="['dashboard:overview:gnbBase']"
+        v-if="neListStore.fnHasNe(['amf'])"
+      >
         <div class="inner">
           <h3>
             <GlobalOutlined style="color: #68d8fe" />&nbsp;&nbsp; 5G
@@ -456,7 +463,11 @@ onBeforeUnmount(() => {
           </div>
         </div>
       </div>
-      <div class="skim panel base" v-perms:has="['dashboard:overview:enbBase']">
+      <div
+        class="skim panel base"
+        v-perms:has="['dashboard:overview:enbBase']"
+        v-if="neListStore.fnHasNe(['mme'])"
+      >
         <div class="inner">
           <h3>
             <GlobalOutlined style="color: #68d8fe" />&nbsp;&nbsp; 4G