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

2025-05-07 15:45:54 +08:00
parent 2c2ca82442
commit d3efefe7c5
58 changed files with 1110 additions and 1377 deletions
--- a/src/views/perfManage/customTarget/index.vue
+++ b/src/views/perfManage/customTarget/index.vue
@@ -8,7 +8,7 @@ import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
 import { ColumnsType } from 'ant-design-vue/es/table';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import {
  addCustom,
  delCustom,
@@ -19,7 +19,7 @@ import { getKPITitle } from '@/api/perfManage/goldTarget';
 import useDictStore from '@/store/modules/dict';
 const { t, currentLocale } = useI18n();
 const { getDict } = useDictStore();
-
+const neListStore = useNeListStore();
 /**字典数据 */
 let dict: {
  /**状态 */
@@ -461,37 +461,30 @@ function fnChangeUnit(value: any) {
 /**网元参数 */
 let neCascaderOptions = ref<Record<string, any>[]>([]);
 onMounted(() => {
+  // 过滤不可用的网元
+  neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
+    (item: any) => {
+      return !['OMC', 'NSSF', 'NEF', 'NRF', 'LMF', 'N3IWF'].includes(
+        item.value
+      );
+    }
+  );
+  if (neCascaderOptions.value.length === 0) {
+    message.warning({
+      content: t('common.noData'),
+      duration: 2,
+    });
+    return;
+  }
+
  Promise.allSettled([
    // 获取网元网元列表
    getDict('sys_normal_disable'),
-    useNeInfoStore().fnNelist(),
  ])
    .then(resArr => {
      if (resArr[0].status === 'fulfilled') {
        dict.sysNormalDisable = resArr[0].value;
      }
-
-      if (
-        resArr[1].status === 'fulfilled' &&
-        Array.isArray(resArr[1].value.data)
-      ) {
-        if (resArr[1].value.data.length > 0) {
-          // 过滤不可用的网元
-          neCascaderOptions.value =
-            useNeInfoStore().getNeCascaderOptions.filter((item: any) => {
-              return !['OMC', 'NSSF', 'NEF', 'NRF', 'LMF', 'N3IWF'].includes(
-                item.value
-              );
-            });
-          if (neCascaderOptions.value.length === 0) {
-            message.warning({
-              content: t('common.noData'),
-              duration: 2,
-            });
-            return;
-          }
-        }
-      }
    })
    .finally(() => {
      // 获取列表数据
--- a/src/views/perfManage/goldTarget/index.vue
+++ b/src/views/perfManage/goldTarget/index.vue
@@ -35,7 +35,7 @@ import {
  RESULT_CODE_ERROR,
  RESULT_CODE_SUCCESS,
 } from '@/constants/result-constants';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import useI18n from '@/hooks/useI18n';
 import { getKPITitle, listKPIData } from '@/api/perfManage/goldTarget';
 import { parseDateToStr } from '@/utils/date-utils';
@@ -47,7 +47,7 @@ import { useRoute } from 'vue-router';
 import { LineOutlined } from '@ant-design/icons-vue';
 import useLayoutStore from '@/store/modules/layout';
 const layoutStore = useLayoutStore();
-const neInfoStore = useNeInfoStore();
+const neListStore = useNeListStore();
 const route = useRoute();
 const { t, currentLocale } = useI18n();
 const ws = new WS();
@@ -825,50 +825,39 @@ watch(
 onMounted(() => {
  // 目前支持的 AMF AUSF MME MOCNGW NSSF SMF UDM UPF PCF
  // 获取网元网元列表
-  neInfoStore.fnNelist().then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      if (res.data.length > 0) {
-        // 过滤不可用的网元
-        neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
-          (item: any) => {
-            return !['OMC', 'NSSF', 'NEF', 'NRF', 'LMF', 'N3IWF'].includes(
-              item.value
-            );
-          }
-        );
-        if (neCascaderOptions.value.length === 0) {
-          message.warning({
-            content: t('common.noData'),
-            duration: 2,
-          });
-          return;
-        }
-        // 无查询参数neType时 默认选择UPF
-        const queryNeType = (route.query.neType as string) || 'UPF';
-        const item = neCascaderOptions.value.find(s => s.value === queryNeType);
-        if (item && item.children) {
-          const info = item.children[0];
-          state.neType = [info.neType, info.neId];
-          queryParams.neType = info.neType;
-          queryParams.neId = info.neId;
-        } else {
-          const info = neCascaderOptions.value[0].children[0];
-          state.neType = [info.neType, info.neId];
-          queryParams.neType = info.neType;
-          queryParams.neId = info.neId;
-        }
-
-        fnGetListTitle();
-        // 绘图
-        fnRanderChart();
-      }
-    } else {
-      message.warning({
-        content: t('common.noData'),
-        duration: 2,
-      });
+  neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
+    (item: any) => {
+      // 过滤不可用的网元
+      return !['OMC', 'NSSF', 'NEF', 'NRF', 'LMF', 'N3IWF'].includes(
+        item.value
+      );
    }
-  });
+  );
+  if (neCascaderOptions.value.length === 0) {
+    message.warning({
+      content: t('common.noData'),
+      duration: 2,
+    });
+    return;
+  }
+  // 无查询参数neType时 默认选择UPF
+  const queryNeType = (route.query.neType as string) || 'UPF';
+  const item = neCascaderOptions.value.find(s => s.value === queryNeType);
+  if (item && item.children) {
+    const info = item.children[0];
+    state.neType = [info.neType, info.neId];
+    queryParams.neType = info.neType;
+    queryParams.neId = info.neId;
+  } else {
+    const info = neCascaderOptions.value[0].children[0];
+    state.neType = [info.neType, info.neId];
+    queryParams.neType = info.neType;
+    queryParams.neId = info.neId;
+  }
+
+  fnGetListTitle();
+  // 绘图
+  fnRanderChart();
 });

 onBeforeUnmount(() => {
--- a/src/views/perfManage/kpiCReport/index.vue
+++ b/src/views/perfManage/kpiCReport/index.vue
@@ -34,7 +34,7 @@ import {
  RESULT_CODE_ERROR,
  RESULT_CODE_SUCCESS,
 } from '@/constants/result-constants';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import useI18n from '@/hooks/useI18n';
 import { listCustom } from '@/api/perfManage/customTarget';
 import { listCustomData } from '@/api/perfManage/customData';
@@ -45,10 +45,10 @@ import { generateColorRGBA } from '@/utils/generate-utils';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import { LineOutlined } from '@ant-design/icons-vue';
 import { useRoute } from 'vue-router';
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 import useLayoutStore from '@/store/modules/layout';
 const layoutStore = useLayoutStore();
-const neInfoStore = useNeInfoStore();
+const neListStore = useNeListStore();
 const route = useRoute();
 const { t, currentLocale } = useI18n();
 const ws = new WS();
@@ -893,61 +893,48 @@ onMounted(() => {
        typeArr.push(item.neType);
      });
      typeArr = Array.from(new Set(typeArr));
-      neInfoStore.fnNelist().then(res => {
-        if (res.code === RESULT_CODE_SUCCESS) {
-          if (res.data.length > 0) {
-            // 过滤不可用的网元
-            neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
-              (item: any) => {
-                return typeArr.includes(item.value);
-              }
-            );
-            if (neCascaderOptions.value.length === 0) {
-              message.warning({
-                content: t('common.noData'),
-                duration: 2,
-              });
-              return;
-            }
-            // 无查询参数neType时 默认选择UPF
-            const queryNeType = (route.query.neType as string) || 'UPF';
-            const item = neCascaderOptions.value.find(
-              s => s.value === queryNeType
-            );
-            if (item && item.children) {
-              const info = item.children[0];
-              state.neType = [info.neType, info.neId];
-              queryParams.neType = info.neType;
-              queryParams.neId = info.neId;
-            } else {
-              const info = neCascaderOptions.value[0].children[0];
-              state.neType = [info.neType, info.neId];
-              queryParams.neType = info.neType;
-              queryParams.neId = info.neId;
-            }
-
-            // 查询当前小时
-            const now = new Date();
-            now.setMinutes(0, 0, 0);
-            // 设置起始时间为整点前一小时
-            const startTime = new Date(now);
-            startTime.setHours(now.getHours() - 1);
-            queryRangePicker.value[0] = `${startTime.getTime()}`;
-            // 设置结束时间为整点
-            const endTime = new Date(now);
-            endTime.setMinutes(59, 59, 59);
-            queryRangePicker.value[1] = `${endTime.getTime()}`;
-            fnGetListTitle();
-            // 绘图
-            fnRanderChart();
-          }
-        } else {
-          message.warning({
-            content: t('common.noData'),
-            duration: 2,
-          });
+      // 过滤不可用的网元
+      neCascaderOptions.value = neListStore.getNeCascaderOptions.filter(
+        (item: any) => {
+          return typeArr.includes(item.value);
        }
-      });
+      );
+      if (neCascaderOptions.value.length === 0) {
+        message.warning({
+          content: t('common.noData'),
+          duration: 2,
+        });
+        return;
+      }
+      // 无查询参数neType时 默认选择UPF
+      const queryNeType = (route.query.neType as string) || 'UPF';
+      const item = neCascaderOptions.value.find(s => s.value === queryNeType);
+      if (item && item.children) {
+        const info = item.children[0];
+        state.neType = [info.neType, info.neId];
+        queryParams.neType = info.neType;
+        queryParams.neId = info.neId;
+      } else {
+        const info = neCascaderOptions.value[0].children[0];
+        state.neType = [info.neType, info.neId];
+        queryParams.neType = info.neType;
+        queryParams.neId = info.neId;
+      }
+
+      // 查询当前小时
+      const now = new Date();
+      now.setMinutes(0, 0, 0);
+      // 设置起始时间为整点前一小时
+      const startTime = new Date(now);
+      startTime.setHours(now.getHours() - 1);
+      queryRangePicker.value[0] = `${startTime.getTime()}`;
+      // 设置结束时间为整点
+      const endTime = new Date(now);
+      endTime.setMinutes(59, 59, 59);
+      queryRangePicker.value[1] = `${endTime.getTime()}`;
+      fnGetListTitle();
+      // 绘图
+      fnRanderChart();
    }
  });
 });
--- a/src/views/perfManage/kpiKeyTarget/index.vue
+++ b/src/views/perfManage/kpiKeyTarget/index.vue
@@ -19,8 +19,8 @@ import { SizeType } from 'ant-design-vue/es/config-provider';
 import { listKPIData, getKPITitle } from '@/api/perfManage/goldTarget';
 import useI18n from '@/hooks/useI18n';
 import { parseDateToStr } from '@/utils/date-utils';
-import dayjs, { Dayjs } from 'dayjs';
-import useNeInfoStore from '@/store/modules/neinfo';
+import dayjs from 'dayjs';
+import useNeListStore from '@/store/modules/ne_list';
 import { message } from 'ant-design-vue';
 import { generateColorRGBA } from '@/utils/generate-utils';
 import { LineSeriesOption } from 'echarts/charts';
@@ -30,9 +30,7 @@ import { useDebounceFn } from '@vueuse/core';
 import { LineOutlined } from '@ant-design/icons-vue';
 import { TableColumnType } from 'ant-design-vue';
 const { t, currentLocale } = useI18n();
-//test
-
-const neInfoStore = useNeInfoStore();
+const neListStore = useNeListStore();
 //日期快捷选择
 const ranges = ref([
  {
@@ -72,12 +70,13 @@ const ALL_NE_TYPES = [
  'cbc',
 ] as const;
 type AllChartType = (typeof ALL_NE_TYPES)[number] & string;
-console.log( neInfoStore.getNeCascaderOptions)
 // 在 ALL_NE_TYPES 定义之后添加 小写转大写
-const neTypeOptions =  neInfoStore.getNeCascaderOptions.map(v => ({
-  label: v.value,
-  value: v.label,
-}));
+const neTypeOptions = neListStore.getNeCascaderOptions
+  .filter(v => ALL_NE_TYPES.includes(v.value.toLowerCase()))
+  .map(v => ({
+    label: v.label,
+    value: v.value.toLowerCase(),
+  }));

 // 使用 ref 来使 networkElementTypes 变为响应式，并使用 ALL_NE_TYPES 初始化
 const networkElementTypes = ref<AllChartType[]>([...ALL_NE_TYPES]);
@@ -300,7 +299,7 @@ const chartStates: Record<
 > = Object.fromEntries(
  networkElementTypes.value.map(type => [type, createChartState(type)])
 ) as Record<AllChartType, ReturnType<typeof createChartState>>;
- 
+
 // 日期选择器状态
 const rangePicker = reactive({
  ...(Object.fromEntries(
@@ -821,7 +820,7 @@ const fetchKPITitle = async (type: AllChartType) => {
            return dayjs(Number(text)).format('YYYY-MM-DD HH:mm:ss');
          },
        },
-        ...res.data.map((item:any) => {
+        ...res.data.map((item: any) => {
          const kpiId = item.kpiId;
          // 如果没有现有的颜色，生成新的颜色
          if (!existingColors.has(kpiId)) {
@@ -1032,7 +1031,6 @@ const themeObserver = new MutationObserver(() => {
 // 在 onMounted 中添加题观察器
 onMounted(async () => {
  ws.value = new WS();
-  await neInfoStore.fnNelist();

  // 从本地存储中读取选中的网元类型
  const savedSelectedNeTypes = localStorage.getItem('selectedNeTypes');
@@ -1342,7 +1340,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                        <a-tooltip placement="bottom">
                          <template #title>
                            <span>
-                              {{ t('views.perfManage.kpiOverView.totalValueTip') }}
+                              {{
+                                t('views.perfManage.kpiOverView.totalValueTip')
+                              }}
                            </span>
                          </template>
                          <InfoCircleOutlined />
@@ -1355,7 +1355,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                        <a-tooltip placement="bottom">
                          <template #title>
                            <span>
-                              {{ t('views.perfManage.kpiOverView.avgValueTip') }}
+                              {{
+                                t('views.perfManage.kpiOverView.avgValueTip')
+                              }}
                            </span>
                          </template>
                          <InfoCircleOutlined />
@@ -1368,7 +1370,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                        <a-tooltip placement="bottom">
                          <template #title>
                            <span>
-                              {{ t('views.perfManage.kpiOverView.maxValueTip') }}
+                              {{
+                                t('views.perfManage.kpiOverView.maxValueTip')
+                              }}
                            </span>
                          </template>
                          <InfoCircleOutlined />
@@ -1381,7 +1385,9 @@ const handleTabChange = async (activeKey: string, type: AllChartType) => {
                        <a-tooltip placement="bottom">
                          <template #title>
                            <span>
-                              {{ t('views.perfManage.kpiOverView.minValueTip') }}
+                              {{
+                                t('views.perfManage.kpiOverView.minValueTip')
+                              }}
                            </span>
                          </template>
                          <InfoCircleOutlined />
--- a/src/views/perfManage/perfData/index.vue
+++ b/src/views/perfManage/perfData/index.vue
@@ -7,7 +7,7 @@ import { ColumnsType } from 'ant-design-vue/es/table';
 import { parseDateToStr } from '@/utils/date-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { listperfData } from '@/api/perfManage/perfData';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import useDictStore from '@/store/modules/dict';
 import useI18n from '@/hooks/useI18n';
 const { getDict } = useDictStore();
@@ -223,7 +223,7 @@ onMounted(() => {
    }
  });
  // 获取网元网元列表
-  useNeInfoStore().fnNelist();
+  useNeListStore().fnNelist();
  // 获取列表数据
  fnGetList();
 });
@@ -246,7 +246,7 @@ onMounted(() => {
            >
              <a-auto-complete
                v-model:value="queryParams.neType"
-                :options="useNeInfoStore().getNeSelectOtions"
+                :options="useNeListStore().getNeSelectOtions"
                allow-clear
              />
            </a-form-item>
--- a/src/views/perfManage/perfThreshold/index.vue
+++ b/src/views/perfManage/perfThreshold/index.vue
@@ -9,7 +9,7 @@ import { ColumnsType } from 'ant-design-vue/es/table';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
 import useDictStore from '@/store/modules/dict';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import {
  addPerfThre,
  delPerfThre,
@@ -268,9 +268,10 @@ const modalStateFrom = Form.useForm(
 /**性能测量数据集选择初始 */
 function fnSelectPerformanceInit(value: any) {
  //console.logg(currentLocale.value); //当前语言
-  const performance = useNeInfoStore().perMeasurementList.filter(
-    i => i.neType === value
-  );
+  const performance: any = [];
+  // const performance = useNeListStore().perMeasurementList.filter(
+  //   i => i.neType === value
+  // );
  //进行分组选择
  const groupedData = performance.reduce((groups: any, item: any) => {
    const { kpiCode, ...rest } = item;
@@ -491,9 +492,10 @@ onMounted(() => {

  Promise.allSettled([
    // 获取网元网元列表
-    useNeInfoStore().fnNelist(),
+    useNeListStore().fnNelist(),
    // 获取性能测量集列表
-    useNeInfoStore().fnNeTaskPerformance(),
+    // useNeListStore().fnNeTaskPerformance(),
+    // getNePerformanceList(),
  ]).finally(() => {
    // 获取列表数据
    fnGetList();
@@ -515,7 +517,7 @@ onMounted(() => {
            <a-form-item :label="t('views.ne.common.neType')" name="neType ">
              <a-auto-complete
                v-model:value="queryParams.neType"
-                :options="useNeInfoStore().getNeSelectOtions"
+                :options="useNeListStore().getNeSelectOtions"
                allow-clear
                :placeholder="t('views.ne.common.neTypePlease')"
              />
@@ -689,7 +691,7 @@ onMounted(() => {
            >
              <a-select
                v-model:value="modalState.from.neType"
-                :options="useNeInfoStore().getNeSelectOtions"
+                :options="useNeListStore().getNeSelectOtions"
                @change="fnSelectPerformanceInit"
                :allow-clear="false"
                :placeholder="t('views.ne.common.neTypePlease')"
--- a/src/views/perfManage/taskManage/index.vue
+++ b/src/views/perfManage/taskManage/index.vue
@@ -10,7 +10,7 @@ import { parseDateToStr } from '@/utils/date-utils';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
 import useUserStore from '@/store/modules/user';
-import useNeInfoStore from '@/store/modules/neinfo';
+import useNeListStore from '@/store/modules/ne_list';
 import {
  addPerfTask,
  delPerfTask,
@@ -20,7 +20,7 @@ import {
  taskStop,
  taskRun,
 } from '@/api/perfManage/taskManage';
-const neInfoStore = useNeInfoStore();
+const neListStore = useNeListStore();
 const { t, currentLocale } = useI18n();

 const generateOptions = (start: any, end: any) => {
@@ -222,7 +222,7 @@ function fnGetList(pageNum?: number) {
    queryParams.pageNum = pageNum;
  }
  listPerfTask(toRaw(queryParams)).then(res => {
-     if (res.code === RESULT_CODE_SUCCESS) {
+    if (res.code === RESULT_CODE_SUCCESS) {
      // 取消勾选
      if (tableState.selectedRowKeys.length > 0) {
        tableState.selectedRowKeys = [];
@@ -389,9 +389,10 @@ function fnSelectPer(s: any, option: any) {
 /**性能测量数据集选择初始 */
 function fnSelectPerformanceInit(neType: string) {
  //console.logg(currentLocale.value); //当前语言
-  const performance = neInfoStore.perMeasurementList.filter(
-    i => i.neType === neType
-  );
+  const performance: any = [];
+  // const performance = neInfoStore.perMeasurementList.filter(
+  //   i => i.neType === neType
+  // );
  //进行分组选择
  const groupedData = performance.reduce((groups: any, item: any) => {
    const { kpiCode, ...rest } = item;
@@ -699,17 +700,8 @@ function fnTaskModalVisible(type: string | number, row: Record<string, any>) {
 }

 onMounted(() => {
-  // 初始字典数据
-
-  Promise.allSettled([
-    // 获取网元网元列表
-    neInfoStore.fnNelist(),
-    // 获取性能测量集列表
-    neInfoStore.fnNeTaskPerformance(),
-  ]).finally(() => {
-    // 获取列表数据
-    fnGetList();
-  });
+  // 获取列表数据
+  fnGetList();
 });
 </script>

@@ -727,7 +719,7 @@ onMounted(() => {
            <a-form-item :label="t('views.ne.common.neType')" name="neType ">
              <a-auto-complete
                v-model:value="queryParams.neType"
-                :options="neInfoStore.getNeSelectOtions"
+                :options="neListStore.getNeSelectOtions"
                allow-clear
                :placeholder="t('views.ne.common.neTypePlease')"
              />
@@ -890,7 +882,7 @@ onMounted(() => {
            <a-form-item :label="t('views.ne.common.neType')" name="neType">
              <a-cascader
                :value="modalState.neType"
-                :options="neInfoStore.getNeCascaderOptions"
+                :options="neListStore.getNeCascaderOptions"
                disabled
              />
            </a-form-item>
@@ -1007,7 +999,7 @@ onMounted(() => {
            >
              <a-cascader
                v-model:value="modalState.neType"
-                :options="neInfoStore.getNeCascaderOptions"
+                :options="neListStore.getNeCascaderOptions"
                @change="fnNeChange"
                :allow-clear="false"
                :placeholder="t('views.ne.common.neTypePlease')"