From 54de5a8ed5faa4cfead351ad1a5124b1d7228d5e Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Wed, 31 Jan 2024 10:34:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=9F=BA=E7=AB=99=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/neUser/base5G.ts          | 10 ++--
 src/views/neUser/base5G/index.vue | 79 ++++++++++++++++++++++++++-----
 2 files changed, 73 insertions(+), 16 deletions(-)

diff --git a/src/api/neUser/base5G.ts b/src/api/neUser/base5G.ts
index 304ab8e5..f7e91c95 100644
--- a/src/api/neUser/base5G.ts
+++ b/src/api/neUser/base5G.ts
@@ -8,13 +8,17 @@ import { parseObjLineToHump } from '@/utils/parse-utils';
  * @returns object
  */
 export async function listBase5G(query: Record<string, any>) {
-  query.nbId = query.id;
-  const realName=query.neType;
+  const realName = query.neType[0];
   //delete query['neName'];
   const result = await request({
     url: `/api/rest/ueManagement/v1/elementType/${realName}/objectType/nbInfo`,
     method: 'get',
-    params: query,
+    params: {
+      neId: query.neType[1],
+      nbId: query.id,
+      pageNum: query.pageNum,
+      pageSize: query.pageSize,
+    },
   });
   let data: DataList = {
     total: 0,
diff --git a/src/views/neUser/base5G/index.vue b/src/views/neUser/base5G/index.vue
index f5cd9ac2..98d7864d 100644
--- a/src/views/neUser/base5G/index.vue
+++ b/src/views/neUser/base5G/index.vue
@@ -6,20 +6,25 @@ import { SizeType } from 'ant-design-vue/lib/config-provider';
 import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
 import { ColumnsType } from 'ant-design-vue/lib/table';
 import { listBase5G } from '@/api/neUser/base5G';
-import useNeInfoStore from '@/store/modules/neinfo';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import useNeInfoStore from '@/store/modules/neinfo';
+const neInfoStore = useNeInfoStore();
+
 const { t } = useI18n();
 
 /**网元参数 */
 let neOtions = ref<Record<string, any>[]>([]);
 
+/**网元参数 */
+let neCascaderOptions = ref<Record<string, any>[]>([]);
+
 /**查询参数 */
 let queryParams = reactive({
   /**网元ID */
   neId: undefined,
   /**网元类型 */
-  neType: undefined,
+  neType: ['', ''],
   /**GNB_ID */
   id: '',
   /**当前页数 */
@@ -161,21 +166,61 @@ function fnGetList(pageNum?: number) {
 
 onMounted(() => {
   // 获取网元网元列表
-  useNeInfoStore()
+  // useNeInfoStore()
+  //   .fnNelist()
+  //   .then(res => {
+  //     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+  //       if (res.data.length > 0) {
+  //         let arr: Record<string, any>[] = [];
+  //         res.data.forEach(i => {
+  //           if (i.neType === 'AMF' || i.neType === 'MME') {
+  //             arr.push({ value: i.neType, label: i.neName });
+  //           }
+  //         });
+  //         neOtions.value = arr;
+  //         if (arr.length > 0) {
+  //           queryParams.neType = arr[0].value;
+  //           queryParams.neId = arr[0].label.split('_')[1];
+  //         }
+  //       }
+  //     } else {
+  //       message.warning({
+  //         content: t('common.noData'),
+  //         duration: 2,
+  //       });
+  //     }
+  //   })
+  //   .finally(() => {
+  //     // 获取列表数据
+  //     fnGetList();
+  //   });
+
+  neInfoStore
     .fnNelist()
     .then(res => {
       if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
         if (res.data.length > 0) {
-          let arr: Record<string, any>[] = [];
-          res.data.forEach(i => {
-            if (i.neType === 'AMF' || i.neType === 'MME') {
-              arr.push({ value: i.neType, label: i.neName });
+          // 过滤不可用的网元
+          neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
+            (item: any) => {
+              return ['AMF', 'MME'].includes(item.value);
             }
-          });
-          neOtions.value = arr;
-          if (arr.length > 0) {
-            queryParams.neType = arr[0].value;
-            queryParams.neId = arr[0].label.split('_')[1];
+          );
+          if (neCascaderOptions.value.length === 0) {
+            message.warning({
+              content: t('common.noData'),
+              duration: 2,
+            });
+            return;
+          }
+          // 默认选择UPF
+          const item = neCascaderOptions.value.find(s => s.value === 'AMF');
+          if (item && item.children) {
+            const info = item.children[0];
+            queryParams.neType = [info.neType, info.neId];
+          } else {
+            const info = neCascaderOptions.value[0].children[0];
+            queryParams.neType = [info.neType, info.neId];
           }
         }
       } else {
@@ -203,12 +248,20 @@ onMounted(() => {
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item :label="t('views.neUser.base5G.neType')" name="neId ">
+            <!-- <a-form-item :label="t('views.neUser.base5G.neType')" name="neId ">
               <a-select
                 v-model:value="queryParams.neType"
                 :options="neOtions"
                 :placeholder="t('common.selectPlease')"
               />
+            </a-form-item> -->
+            <a-form-item name="neId" :label="t('views.neUser.base5G.neType')">
+              <a-cascader
+                v-model:value="queryParams.neType"
+                :options="neCascaderOptions"
+                :allow-clear="false"
+                :placeholder="t('common.selectPlease')"
+              />
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :xs="24">