feat: 根据网元显示特有菜单

src/views/dashboard/overview/index.vue

@@ -27,13 +27,13 @@ import useWS from './hooks/useWS';
 import useAppStore from '@/store/modules/app';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { useRouter } from 'vue-router';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import { message } from 'ant-design-vue';
 import { upfWhoId } from './hooks/useWS';
 
-const neInfoStore = useNeInfoStore();
 const router = useRouter();
 const appStore = useAppStore();
+const neListStore = useNeListStore();
 const { t } = useI18n();
 const { wsSend, userActivitySend, upfTFSend, reSendUPF } = useWS();
 
@@ -289,63 +289,39 @@ const getPopupContainer = () => {
 };
 
 onMounted(() => {
-  neInfoStore
-    .fnNelist()
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        if (res.data.length > 0) {
-          // UPF
-          let arr: Record<string, any>[] = [];
-          res.data.forEach((v: any) => {
-            if (v.neType === 'UPF') {
-              arr.push({ value: v.neId, label: v.neName, rmUid: v.rmUid });
-            }
-          });
-          neOtions.value = arr;
-          if (arr.length > 0) {
-            //queryParams.neRealId = arr[0].value;
-            fnSelectNe(arr[0].value, arr[0]);
-          }
-
-          // UDM
-          let arr1: Record<string, any>[] = [];
-          res.data.forEach((v: any) => {
-            if (v.neType === 'UDM') {
-              arr1.push({ value: v.neId, label: v.neName, rmUid: v.rmUid });
-            }
-          });
-          udmOtions.value = arr1;
-          if (arr1.length > 0) {
-            fnSelectUDM({ key: arr1[0].value });
-          }
-
-          // 过滤不可用的网元
-          neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
-            (item: any) => {
-              return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(item.value);
-            }
-          );
-          if (neCascaderOptions.value.length === 0) {
-            message.warning({
-              content: t('common.noData'),
-              duration: 2,
-            });
-            return;
-          }
-        }
-      } else {
-        message.warning({
-          content: t('common.noData'),
-          duration: 2,
-        });
-      }
-    })
-    .finally(() => {
-      initFlag = true;
-      fnGetSkim().then(() => {
-        loadData();
-      });
+  // 获取网元网元列表
+  neListStore.neCascaderOptions.forEach(item => {
+    if (item.value === 'UPF') {
+      neOtions.value = JSON.parse(JSON.stringify(item.children));
+    }
+    if (item.value === 'UDM') {
+      udmOtions.value = JSON.parse(JSON.stringify(item.children));
+    }
+  });
+  if (neOtions.value.length > 0) {
+    fnSelectNe(neOtions.value[0].value, neOtions.value[0]);
+  }
+  if (udmOtions.value.length > 0) {
+    fnSelectUDM({ key: udmOtions.value[0].value });
+  }
+  // 过滤不可用的网元
+  neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
+    (item: any) => {
+      return ['UDM', 'SMF', 'IMS', 'AMF', 'MME'].includes(item.value);
+    }
+  );
+  if (neCascaderOptions.value.length === 0) {
+    message.warning({
+      content: t('common.noData'),
+      duration: 2,
     });
+    return;
+  }
+
+  initFlag = true;
+  fnGetSkim().then(() => {
+    loadData();
+  });
 });
 
 onBeforeUnmount(() => {
@@ -399,7 +375,11 @@ onBeforeUnmount(() => {
                   </div>
                   <template #overlay>
                     <a-menu @click="fnSelectUDM">
-                      <a-menu-item v-for="v in udmOtions" :key="v.value" :disabled="udmNeId === v.value">
+                      <a-menu-item
+                        v-for="v in udmOtions"
+                        :key="v.value"
+                        :disabled="udmNeId === v.value"
+                      >
                         {{ v.label }}
                       </a-menu-item>
                     </a-menu>