From 75a8b35226e48e731a907e71994aa41eeab0f6fa Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Wed, 7 May 2025 16:09:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=9C=8B=E6=9D=BF=E5=90=AB=E6=9C=89?=
 =?UTF-8?q?=E7=BD=91=E5=85=83=E6=98=BE=E7=A4=BA=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/ne_list.ts                      | 10 +++++++---
 .../overview/components/Topology/index.vue        |  6 +++---
 src/views/dashboard/overview/index.vue            | 15 +++++++++++++--
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/store/modules/ne_list.ts b/src/store/modules/ne_list.ts
index f16a9f18..4e31bb7a 100644
--- a/src/store/modules/ne_list.ts
+++ b/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;
     },
diff --git a/src/views/dashboard/overview/components/Topology/index.vue b/src/views/dashboard/overview/components/Topology/index.vue
index 29fcde82..2f23218b 100644
--- a/src/views/dashboard/overview/components/Topology/index.vue
+++ b/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: {
diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index 2acdb29a..07fba887 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/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