From ca0913a8cf116347f756d7c5486b7940bce736e7 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 6 Nov 2023 14:33:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=97=E8=A1=A8=E6=9F=A5=E8=AF=A2page?=
 =?UTF-8?q?Num=E8=AE=BE=E4=B8=BA1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/configManage/configParam.ts           |  145 +-
 src/views/configManage/backupManage/index.vue |   11 +-
 src/views/configManage/configParam/index.vue  |    4 +-
 .../components/array-children.vue             |   64 +
 .../configManage/configParamTree/index.vue    | 2170 +++++++++++++++++
 src/views/configManage/license/index.vue      |   11 +-
 src/views/configManage/neManage/index.vue     |   15 +-
 .../components/software-history.vue           |    9 +-
 .../configManage/softwareManage/index.vue     |   11 +-
 src/views/faultManage/active-alarm/index.vue  |   11 +-
 src/views/faultManage/history-alarm/index.vue |   11 +-
 src/views/logManage/alarm/index.vue           |   11 +-
 src/views/logManage/forwarding/index.vue      |   11 +-
 src/views/logManage/mml/index.vue             |   11 +-
 src/views/logManage/operation/index.vue       |   11 +-
 src/views/logManage/security/index.vue        |   11 +-
 src/views/monitor/job/index.vue               |   12 +-
 src/views/monitor/job/log.vue                 |   14 +-
 src/views/monitor/session/index.vue           |   11 +-
 src/views/neUser/auth/index.vue               |   25 +-
 src/views/neUser/base5G/index.vue             |   11 +-
 src/views/neUser/ims/index.vue                |   11 +-
 src/views/neUser/sub/index.vue                |   26 +-
 src/views/neUser/ue/index.vue                 |   11 +-
 src/views/perfManage/customTarget/index.vue   |   11 +-
 src/views/perfManage/goldTarget/index.vue     |   11 +-
 src/views/perfManage/perfData/index.vue       |   11 +-
 src/views/perfManage/perfReport/index.vue     |   11 +-
 src/views/perfManage/perfSet/index.vue        |   11 +-
 src/views/perfManage/perfThreshold/index.vue  |   11 +-
 src/views/perfManage/taskManage/index.vue     |   11 +-
 src/views/system/dict/data.vue                |   11 +-
 src/views/system/dict/index.vue               |   13 +-
 src/views/system/log/login/index.vue          |   11 +-
 src/views/system/log/operate/index.vue        |   13 +-
 src/views/system/post/index.vue               |   13 +-
 src/views/system/role/auth-user.vue           |   13 +-
 .../role/components/auth-user-select.vue      |    9 +-
 src/views/system/role/index.vue               |   13 +-
 src/views/system/user/index.vue               |   13 +-
 src/views/traceManage/analysis/index.vue      |   11 +-
 src/views/traceManage/task/index.vue          |   16 +-
 42 files changed, 2652 insertions(+), 199 deletions(-)
 create mode 100644 src/views/configManage/configParamTree/components/array-children.vue
 create mode 100644 src/views/configManage/configParamTree/index.vue

diff --git a/src/api/configManage/configParam.ts b/src/api/configManage/configParam.ts
index a1b42ab0..bed1a69d 100644
--- a/src/api/configManage/configParam.ts
+++ b/src/api/configManage/configParam.ts
@@ -37,49 +37,19 @@ export async function getParamConfigTopTab(neType: string) {
   return result;
 }
 
-/**
- * 查询配置参数标签栏对应JSON信息
- * @param neType 网元类型
- * @returns object
- */
-export async function getParamConfigTopTabJson(neType: string, topTag: string) {
-  // 发起请求
-  const result = await request({
-    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/param_config`,
-    method: 'get',
-    params: {
-      SQL: `SELECT param_json FROM param_config WHERE ne_type = '${neType}' AND top_tag='${topTag}'`,
-    },
-  });
-  // 解析数据
-  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
-    let data = result.data.data[0];
-    data = data['param_config'];
-    if (Array.isArray(data)) {
-      const v = data[0]['param_json'];
-      try {
-        result.data = JSON.parse(v);
-      } catch (error) {
-        console.error(error);
-        result.data = {};
-      }
-    }
-    return result;
-  }
-  return result;
-}
-
 /**
  * 查询配置参数标签栏对应信息
  * @param neType 网元类型
- * @returns object
+ * @param topTag
+ * @param neId
+ * @returns object { wrRule, dataArr }
  */
-export async function getParamConfigInfo(
+async function getParamConfigInfo(
   neType: string,
   topTag: string,
   neId: string
 ) {
-  const { wrRule, dataArr } = await Promise.allSettled([
+  return await Promise.allSettled([
     // 获取参数规则
     request({
       url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/param_config`,
@@ -134,6 +104,21 @@ export async function getParamConfigInfo(
     }
     return { wrRule, dataArr };
   });
+}
+
+/**
+ * 查询配置参数标签栏对应信息-表格处理
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @returns object
+ */
+export async function getParamConfigInfoTable(
+  neType: string,
+  topTag: string,
+  neId: string
+) {
+  const { wrRule, dataArr } = await getParamConfigInfo(neType, topTag, neId);
 
   // UPF参数不统一
   // if (neType === 'UPF') {
@@ -226,6 +211,7 @@ export async function getParamConfigInfo(
       },
     ];
   }
+
   // 多列表
   if (Reflect.has(wrRule, 'array')) {
     result.data.type = 'array';
@@ -273,6 +259,95 @@ export async function getParamConfigInfo(
   return result;
 }
 
+/**
+ * 查询配置参数标签栏对应信息-树结构处理
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @returns object
+ */
+export async function getParamConfigInfoTree(
+  neType: string,
+  topTag: string,
+  neId: string
+) {
+  const { wrRule, dataArr } = await getParamConfigInfo(neType, topTag, neId);
+
+  type TreeNodeType = {
+    title: string;
+    key: string;
+    record: Record<string, any>[];
+  };
+
+  // 拼装数据
+  const result = {
+    code: RESULT_CODE_SUCCESS,
+    msg: RESULT_MSG_SUCCESS,
+    data: {
+      type: 'list' as 'list' | 'array',
+      data: [] as TreeNodeType[],
+      recordRule: {},
+    },
+  };
+
+  // kv单列表
+  if (Reflect.has(wrRule, 'list')) {
+    result.data.type = 'list';
+    const ruleArr = Object.freeze(wrRule['list']);
+
+    // 列表项数据
+    const dataList = [];
+    for (const item of dataArr) {
+      for (const key of Object.keys(item)) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            dataList.push(ruleItem);
+            break;
+          }
+        }
+      }
+    }
+    result.data.data = dataList;
+  }
+  // 多列表
+  if (Reflect.has(wrRule, 'array')) {
+    result.data.type = 'array';
+    const ruleArr = Object.freeze(wrRule['array']);
+    // 列表项数据
+    const dataArray = [];
+    for (const item of dataArr) {
+      const index = item['index'];
+      let record: Record<string, any>[] = [];
+      for (const key of Object.keys(item)) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            record.push(ruleItem);
+            break;
+          }
+        }
+      }
+      dataArray.push({ title: `Index-${index}`, key: index, record });
+    }
+    result.data.data = dataArray;
+
+    // 无数据时，用于新增
+    let dataRule: Record<string, any> = {};
+    for (const rule of ruleArr) {
+      dataRule[rule.name] = rule;
+    }
+    result.data.recordRule = dataRule;
+  }
+  return result;
+}
+
 /**
  * 查询配置参数标签栏对应信息子节点
  * @param neType 网元类型
diff --git a/src/views/configManage/backupManage/index.vue b/src/views/configManage/backupManage/index.vue
index 7b6eb734..9e241580 100644
--- a/src/views/configManage/backupManage/index.vue
+++ b/src/views/configManage/backupManage/index.vue
@@ -200,10 +200,13 @@ function fnRecordDelete(row: Record<string, any>) {
   });
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listNeBackup(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -347,7 +350,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -387,7 +390,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList(1)">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/configManage/configParam/index.vue b/src/views/configManage/configParam/index.vue
index 4e5b7509..5c6a3ca8 100644
--- a/src/views/configManage/configParam/index.vue
+++ b/src/views/configManage/configParam/index.vue
@@ -6,7 +6,7 @@ import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import {
   getParamConfigTopTab,
-  getParamConfigInfo,
+  getParamConfigInfoTable,
   updateParamConfigInfo,
   updateNeConfigReload,
   delParamConfigInfo,
@@ -53,7 +53,7 @@ function fnTabActiveTopTag(key: string | number) {
   const neType = neTypeSelect.value[0];
   const neId = neTypeSelect.value[1];
   const topTag = tabState.tabActiveTopTag;
-  getParamConfigInfo(neType, topTag, neId)
+  getParamConfigInfoTable(neType, topTag, neId)
     .then(res => {
       if (res.code === RESULT_CODE_SUCCESS && res.data.type) {
         tableState.type = res.data.type;
diff --git a/src/views/configManage/configParamTree/components/array-children.vue b/src/views/configManage/configParamTree/components/array-children.vue
new file mode 100644
index 00000000..23812331
--- /dev/null
+++ b/src/views/configManage/configParamTree/components/array-children.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { reactive, toRaw, watch, ref } from 'vue';
+import { SizeType } from 'ant-design-vue/lib/config-provider';
+import { ColumnsType } from 'ant-design-vue/lib/table';
+import { listNeVersion } from '@/api/configManage/softwareManage';
+import { parseDateToStr } from '@/utils/date-utils';
+import useNeInfoStore from '@/store/modules/neinfo';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+const emit = defineEmits(['ok', 'cancel', 'update:visible']);
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  data: {
+    type: Object,
+    required: true,
+  },
+});
+
+/**弹框取消按钮事件 */
+function fnModalCancel() {
+  emit('cancel');
+}
+
+/**显示弹框时初始数据 */
+function init() {
+  console.log(props.data);
+}
+
+/**监听是否显示，初始数据 */
+watch(
+  () => props.visible,
+  val => {
+    if (val) init();
+  }
+);
+</script>
+
+<template>
+  <a-modal
+    width="800px"
+    :title="props.title"
+    :visible="props.visible"
+    :keyboard="false"
+    :mask-closable="false"
+    @cancel="fnModalCancel"
+    :footer="null"
+  >
+    {{ props }}
+  </a-modal>
+</template>
+
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+</style>
diff --git a/src/views/configManage/configParamTree/index.vue b/src/views/configManage/configParamTree/index.vue
new file mode 100644
index 00000000..ca295e5a
--- /dev/null
+++ b/src/views/configManage/configParamTree/index.vue
@@ -0,0 +1,2170 @@
+<script setup lang="ts">
+import { reactive, ref, onMounted } from 'vue';
+import { PageContainer } from '@ant-design-vue/pro-layout';
+import { Modal, message } from 'ant-design-vue/lib';
+import useI18n from '@/hooks/useI18n';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import {
+  getParamConfigTopTab,
+  getParamConfigInfoTable,
+  updateParamConfigInfo,
+  updateNeConfigReload,
+  delParamConfigInfo,
+  addParamConfigInfo,
+  getParamConfigInfoTree,
+} from '@/api/configManage/configParam';
+import { TabPosition } from 'ant-design-vue/lib/tabs/src/interface';
+import useNeInfoStore from '@/store/modules/neinfo';
+import { SizeType } from 'ant-design-vue/lib/config-provider';
+import { toRaw } from 'vue';
+import { regExpIPv4, regExpIPv6 } from '@/utils/regular-utils';
+import { DataNode, EventDataNode } from 'ant-design-vue/lib/tree';
+import { ColumnsType } from 'ant-design-vue/lib/table';
+import ArrayChildren from './components/array-children.vue';
+const { t } = useI18n();
+
+/**网元参数 */
+let neCascaderOtions = ref<Record<string, any>[]>([]);
+
+/**网元类型选择 type,id */
+let neTypeSelect = ref<string[]>(['', '']);
+
+/**tab标签栏类型 */
+type TabStateType = {
+  /**标签方向 */
+  tabPosition: TabPosition;
+  /**标签项 */
+  tabNames: Record<string, any>[];
+  /**标签激活项 */
+  tabActiveTopTag: string;
+};
+
+/**tab标签栏属性 */
+let tabState: TabStateType = reactive({
+  tabPosition: 'top',
+  tabNames: [],
+  tabActiveTopTag: '',
+});
+
+/**tab标签栏标签点击监听 */
+function fnTabActiveTopTag(key: string | number) {
+  tableState.loading = true;
+  if (key !== '#') {
+    tabState.tabActiveTopTag = key as string;
+  }
+
+  // 获取数据
+  const neType = neTypeSelect.value[0];
+  const neId = neTypeSelect.value[1];
+  const topTag = tabState.tabActiveTopTag;
+  getParamConfigInfoTable(neType, topTag, neId)
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && res.data.type) {
+        tableState.type = res.data.type;
+        if (res.data.type === 'list') {
+          tableState.listData = res.data.data;
+          tableState.listColumns = res.data.columns;
+        }
+        if (res.data.type === 'array') {
+          tableState.arrayData = res.data.data;
+          tableState.arrayDataRule = res.data.dataRule;
+          tableState.arrayColumns = res.data.columns;
+          tableState.arrayColumns.push({
+            title: t('common.operate'),
+            key: 'index',
+            align: 'left',
+            fixed: 'right',
+            width: 5,
+          });
+        }
+      } else {
+        message.warning({
+          content: `暂无配置项数据`,
+          duration: 3,
+        });
+      }
+    })
+    .finally(() => {
+      tableState.arrayNewIndex = -1;
+      tableState.editRecord = {};
+      tableState.loading = false;
+    });
+}
+
+/**查询配置Tag标签 */
+function fnGetParamConfigTopTab() {
+  const neType = neTypeSelect.value[0];
+  if (!neType) {
+    message.warning({
+      content: `请选择网元类型`,
+      duration: 3,
+    });
+    return;
+  }
+  // 获取数据
+  getParamConfigTopTab(neType).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+      tabState.tabNames = res.data;
+      // 取首个tag
+      if (res.data.length > 0) {
+        const topTag = res.data[0].topTag;
+        fnTabActiveTopTag(topTag);
+      }
+    } else {
+      message.warning({
+        content: `暂无配置项数据`,
+        duration: 3,
+      });
+    }
+  });
+}
+
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**表格数据类型 单列还是多列 */
+  type: string;
+  /**单列记录字段 */
+  listColumns: object[];
+  /**单列记录数据 */
+  listData: object[];
+  /**多列记录字段 */
+  arrayColumns: object[];
+  /**多列记录数据 */
+  arrayData: object[];
+  /**多列记录规则 */
+  arrayDataRule: Record<string, any>;
+  /**新增行记录Index */
+  arrayNewIndex: number;
+  /**编辑行记录 */
+  editRecord: Record<string, any>;
+  /**多列嵌套列表标题 */
+  arrayChildTitle: string;
+  /**多列嵌套层级index */
+  arrayChildLoc: string;
+  /**多列嵌套记录字段 */
+  arrayChildColumns: object[];
+  /**多列嵌套记录数据 */
+  arrayChildData: object[];
+  /**多列嵌套记录规则 */
+  arrayChildDataRule: Record<string, any>;
+  /**多列嵌套展开key */
+  arrayChildExpandKeys: any[];
+  /**新增嵌套行记录Index */
+  arrayChildNewIndex: number;
+  /**编辑嵌套行记录 */
+  arrayChildEditRecord: Record<string, any>;
+};
+
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  type: 'list',
+  listColumns: [],
+  listData: [],
+  arrayColumns: [],
+  arrayData: [],
+  arrayDataRule: {},
+  arrayNewIndex: -1,
+  editRecord: {},
+  arrayChildTitle: '',
+  arrayChildLoc: '',
+  arrayChildColumns: [],
+  arrayChildData: [],
+  arrayChildDataRule: {},
+  arrayChildExpandKeys: [],
+  arrayChildNewIndex: -1,
+  arrayChildEditRecord: {},
+});
+
+/**单列表编辑 */
+function listEdit(row: Record<string, any>) {
+  tableState.editRecord = Object.assign({}, row);
+}
+
+/**单列表编辑关闭 */
+function listEditClose() {
+  tableState.editRecord = {};
+}
+
+/**单列表编辑确认 */
+function listEditOk() {
+  const from = toRaw(tableState.editRecord);
+  // 检查规则
+  const [ok, msg] = ruleVerification(from);
+  if (!ok) {
+    message.warning({
+      content: `${msg}`,
+      duration: 3,
+    });
+    return;
+  }
+
+  // 发送
+  const hide = message.loading({ content: t('common.loading') });
+  let data = {
+    [from['name']]: from['value'],
+  };
+  // UPF参数不统一
+  // if (neTypeSelect.value[0] === 'UPF') {
+  //   data = {
+  //     [parseFirstUpper(from['name'])]: from['value'],
+  //   };
+  // }
+
+  updateParamConfigInfo(
+    'list',
+    {
+      neType: neTypeSelect.value[0],
+      neId: neTypeSelect.value[1],
+      topTag: tabState.tabActiveTopTag,
+    },
+    data
+  )
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `${from['display']} 属性值修改成功`,
+          duration: 3,
+        });
+        // 改变表格数据
+        const item = tableState.listData.filter(
+          (item: Record<string, any>) => from['name'] === item['name']
+        )[0];
+        if (item) {
+          Object.assign(item, tableState.editRecord);
+        }
+      } else {
+        message.warning({
+          content: `属性值修改失败`,
+          duration: 3,
+        });
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      message.error({
+        content: `非法操作属性值`,
+        duration: 3,
+      });
+    })
+    .finally(() => {
+      hide();
+      tableState.editRecord = {};
+    });
+}
+
+/**多列表编辑 */
+function arrayEdit(row: Record<string, any>) {
+  tableState.editRecord = Object.assign({}, JSON.parse(JSON.stringify(row)));
+  console.log(tableState.editRecord);
+}
+
+/**多列表编辑关闭 */
+function arrayEditClose() {
+  if (tableState.arrayNewIndex !== -1) {
+    tableState.arrayNewIndex = -1;
+    tableState.arrayData.pop();
+  }
+  tableState.editRecord = {};
+}
+
+/**多列表编辑确认 */
+function arrayEditOk() {
+  const from = toRaw(tableState.editRecord);
+  const loc = from['index']['value'];
+  const neType = neTypeSelect.value[0];
+  // 遍历提取属性和值
+  let data: Record<string, any> = {};
+  for (const key in from) {
+    // 子嵌套的不插入
+    if (from[key]['array']) {
+      continue;
+    }
+    // 检查规则
+    const [ok, msg] = ruleVerification(from[key]);
+    if (!ok) {
+      message.warning({
+        content: `${msg}`,
+        duration: 3,
+      });
+      return;
+    }
+    // UPF参数不统一
+    // if (neType === 'UPF') {
+    //   data[parseFirstUpper(key)] = from[key]['value'];
+    // } else {
+    //   data[key] = from[key]['value'];
+    // }
+    data[key] = from[key]['value'];
+  }
+
+  // 发送
+  const hide = message.loading({ content: t('common.loading') });
+  updateParamConfigInfo(
+    'array',
+    {
+      neType: neType,
+      neId: neTypeSelect.value[1],
+      topTag: tabState.tabActiveTopTag,
+      loc,
+    },
+    data
+  )
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `Index 为 ${from['index']['value']} 记录修改成功`,
+          duration: 3,
+        });
+        // 改变表格数据
+        const item = tableState.arrayData.filter(
+          (item: Record<string, any>) =>
+            from['index']['value'] === item['index']['value']
+        )[0];
+        if (item) {
+          Object.assign(item, from);
+        }
+      } else {
+        message.warning({
+          content: `记录修改失败`,
+          duration: 3,
+        });
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      message.error({
+        content: `非法操作记录参数`,
+        duration: 3,
+      });
+    })
+    .finally(() => {
+      hide();
+      tableState.arrayNewIndex = -1;
+      tableState.editRecord = {};
+    });
+}
+
+/**多列表删除单行 */
+function arrayDelete(row: Record<string, any>) {
+  const from = toRaw(row);
+  const loc = from['index']['value'];
+
+  Modal.confirm({
+    title: '提示',
+    content: `确认删除Index为 【${from['index']['value']}】 的数据项?`,
+    onOk() {
+      const hide = message.loading({ content: t('common.loading') });
+      delParamConfigInfo({
+        neType: neTypeSelect.value[0],
+        neId: neTypeSelect.value[1],
+        topTag: tabState.tabActiveTopTag,
+        loc,
+      })
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: `删除成功`,
+              duration: 2,
+            });
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 2,
+            });
+          }
+        })
+        .finally(() => {
+          fnTabActiveTopTag('#');
+          hide();
+        });
+    },
+  });
+}
+
+/**多列表新增单行 */
+function arrayAdd() {
+  const len = tableState.arrayData.length;
+  let lastItme = {};
+  let newIndex = 0;
+  // 无数据时生成临时记录
+  if (len === 0) {
+    lastItme = tableState.arrayDataRule;
+  } else {
+    lastItme = tableState.arrayData[len - 1];
+  }
+  const from = Object.assign({}, JSON.parse(JSON.stringify(lastItme)));
+  for (const key in from) {
+    const row = from[key];
+    if (key === 'index') {
+      if (from[key]['value'] !== '') {
+        newIndex = parseInt(from[key]['value']) + 1;
+      }
+      if (isNaN(newIndex)) {
+        newIndex = 0;
+      }
+      from[key]['value'] = newIndex;
+      tableState.arrayNewIndex = newIndex;
+      continue;
+    }
+    // 子嵌套的不初始
+    if (row.array) {
+      from[key]['value'] = null;
+      continue;
+    }
+    const type = row.type;
+    const filter = row.filter;
+    switch (type) {
+      case 'int':
+        if (filter && filter.indexOf('~') !== -1) {
+          const filterArr = filter.split('~');
+          const minInt = parseInt(filterArr[0]);
+          from[key]['value'] = minInt;
+        } else {
+          from[key]['value'] = 0;
+        }
+        break;
+      case 'enum':
+        if (filter && filter.indexOf('{') === 0) {
+          let filterJson: Record<string, any> = {};
+          try {
+            filterJson = JSON.parse(filter); //string---json
+          } catch (error) {
+            console.error(error);
+          }
+
+          from[key]['value'] = Object.keys(filterJson)[0];
+        } else {
+          from[key]['value'] = '0';
+        }
+        break;
+      case 'bool':
+        if (filter && filter.indexOf('{') === 0) {
+          let filterJson: Record<string, any> = {};
+          try {
+            filterJson = JSON.parse(filter); //string---json
+          } catch (error) {
+            console.error(error);
+          }
+
+          from[key]['value'] = Object.keys(filterJson)[0];
+        } else {
+          from[key]['value'] = false;
+        }
+        break;
+      case 'ipv4':
+      case 'ipv6':
+      case 'regex':
+      default:
+        from[key]['value'] = '';
+    }
+  }
+
+  tableState.editRecord = from;
+  tableState.arrayData.push(from);
+}
+
+/**多列表新增单行确认 */
+function arrayAddOk() {
+  const from = toRaw(tableState.editRecord);
+  const loc = from['index']['value'];
+  const neType = neTypeSelect.value[0];
+  // 遍历提取属性和值
+  let data: Record<string, any> = {};
+  for (const key in from) {
+    // 子嵌套的不插入
+    if (from[key]['array']) {
+      continue;
+    }
+    // 检查规则
+    const [ok, msg] = ruleVerification(from[key]);
+    if (!ok) {
+      message.warning({
+        content: `${msg}`,
+        duration: 3,
+      });
+      return;
+    }
+    // UPF参数不统一
+    // if (neType === 'UPF') {
+    //   data[parseFirstUpper(key)] = from[key]['value'];
+    // } else {
+    //   data[key] = from[key]['value'];
+    // }
+    data[key] = from[key]['value'];
+  }
+
+  // 发送
+  const hide = message.loading({ content: t('common.loading') });
+  addParamConfigInfo(
+    {
+      neType: neType,
+      neId: neTypeSelect.value[1],
+      topTag: tabState.tabActiveTopTag,
+      loc,
+    },
+    data
+  )
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `Index 为 ${from['index']['value']} 记录新增成功`,
+          duration: 3,
+        });
+      } else {
+        tableState.arrayData.pop();
+        message.warning({
+          content: `新增失败`,
+          duration: 3,
+        });
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      message.error({
+        content: `非法操作记录参数`,
+        duration: 3,
+      });
+    })
+    .finally(() => {
+      hide();
+      tableState.arrayNewIndex = -1;
+      tableState.editRecord = {};
+    });
+}
+
+/**多列表展开嵌套行 */
+function arrayChildExpand(key: Record<string, any>, row: Record<string, any>) {
+  const loc = key['value'];
+  tableState.arrayChildExpandKeys = [];
+  tableState.arrayChildLoc = '';
+  const from = Object.assign({}, JSON.parse(JSON.stringify(row)));
+  // 无数据时
+  if (!Array.isArray(from.value)) {
+    from.value = [];
+  }
+  const dataArr = Object.freeze(from.value);
+  const ruleArr = Object.freeze(from.array);
+
+  // 列表项数据
+  const dataArray = [];
+  for (const item of dataArr) {
+    let record: Record<string, any> = {};
+    for (const key of Object.keys(item)) {
+      // 规则为准
+      for (const rule of ruleArr) {
+        if (rule['name'] === key) {
+          const ruleItem = Object.assign({}, rule, { value: item[key] });
+          record[ruleItem.name] = ruleItem;
+          break;
+        }
+      }
+    }
+    dataArray.push(record);
+  }
+  tableState.arrayChildData = dataArray;
+
+  // 无数据时,需要临时数据用于新增
+  if (dataArray.length === 0) {
+    let itemTemp: Record<string, any> = {};
+    for (const rule of ruleArr) {
+      itemTemp[rule.name] = rule;
+    }
+    tableState.arrayChildDataRule = itemTemp;
+  }
+
+  // 列表字段
+  const columns: Record<string, any>[] = [];
+  for (const rule of ruleArr) {
+    columns.push({
+      title: rule.display,
+      dataIndex: rule.name,
+      align: 'left',
+      width: 5,
+    });
+  }
+  tableState.arrayChildColumns = columns;
+  tableState.arrayChildColumns.push({
+    title: t('common.operate'),
+    key: 'index',
+    align: 'left',
+    fixed: 'right',
+    width: 5,
+  });
+
+  // 设置展开key
+  tableState.arrayChildExpandKeys = [key];
+  // UPF参数不统一
+  // if (neTypeSelect.value[0] === 'UPF') {
+  //   tableState.arrayChildLoc = `${loc}/${parseFirstUpper(from['name'])}`;
+  // } else {
+  //   tableState.arrayChildLoc = `${loc}/${from['name']}`;
+  // }
+  tableState.arrayChildLoc = `${loc}/${from['name']}`;
+  tableState.arrayChildNewIndex = -1;
+  // 设置展开列表标题
+  tableState.arrayChildTitle = `${from['display']}`;
+}
+
+/**多列表嵌套行编辑 */
+function arrayChildEdit(row: Record<string, any>) {
+  tableState.arrayChildEditRecord = Object.assign(
+    {},
+    JSON.parse(JSON.stringify(row))
+  );
+}
+
+/**多列表嵌套行编辑关闭 */
+function arrayChildEditClose() {
+  if (tableState.arrayNewIndex !== -1) {
+    tableState.arrayChildNewIndex = -1;
+    tableState.arrayChildData.pop();
+  }
+  tableState.arrayChildEditRecord = {};
+}
+
+/**多列表嵌套行编辑确认 */
+function arrayChildEditOk() {
+  const from = toRaw(tableState.arrayChildEditRecord);
+  const loc = `${tableState.arrayChildLoc}/${from['index']['value']}`;
+  const neType = neTypeSelect.value[0];
+
+  let data: Record<string, any> = {};
+  for (const key in from) {
+    // 子嵌套的不插入
+    if (from[key]['array']) {
+      continue;
+    }
+    // 检查规则
+    const [ok, msg] = ruleVerification(from[key]);
+    if (!ok) {
+      message.warning({
+        content: `${msg}`,
+        duration: 3,
+      });
+      return;
+    }
+    // UPF参数不统一
+    // if (neType === 'UPF') {
+    //   data[parseFirstUpper(key)] = from[key]['value'];
+    // } else {
+    //   data[key] = from[key]['value'];
+    // }
+    data[key] = from[key]['value'];
+  }
+
+  // 发送
+  const hide = message.loading({ content: t('common.loading') });
+  updateParamConfigInfo(
+    'array',
+    {
+      neType: neType,
+      neId: neTypeSelect.value[1],
+      topTag: tabState.tabActiveTopTag,
+      loc,
+    },
+    data
+  )
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `Index 为 ${from['index']['value']} 记录修改成功`,
+          duration: 3,
+        });
+        fnTabActiveTopTag('#');
+      } else {
+        message.warning({
+          content: `记录修改失败`,
+          duration: 3,
+        });
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      message.error({
+        content: `非法操作记录参数`,
+        duration: 3,
+      });
+    })
+    .finally(() => {
+      hide();
+      tableState.arrayChildNewIndex = -1;
+      tableState.arrayChildEditRecord = {};
+    });
+}
+
+/**多列表嵌套行删除单行 */
+function arrayChildDelete(row: Record<string, any>) {
+  const from = toRaw(row);
+  const loc = `${tableState.arrayChildLoc}/${from['index']['value']}`;
+
+  Modal.confirm({
+    title: '提示',
+    content: `确认删除${tableState.arrayChildTitle} Index 为 【${from['index']['value']}】 的数据项?`,
+    onOk() {
+      const hide = message.loading({ content: t('common.loading') });
+      delParamConfigInfo({
+        neType: neTypeSelect.value[0],
+        neId: neTypeSelect.value[1],
+        topTag: tabState.tabActiveTopTag,
+        loc,
+      })
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: `删除成功`,
+              duration: 2,
+            });
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 2,
+            });
+          }
+        })
+        .finally(() => {
+          fnTabActiveTopTag('#');
+          hide();
+        });
+    },
+  });
+}
+
+/**多列表嵌套行新增单行 */
+function arrayChildAdd() {
+  const len = tableState.arrayChildData.length;
+  let lastItme = {};
+  let newIndex = 0;
+  // 无数据时生成临时记录
+  if (len === 0) {
+    lastItme = tableState.arrayChildDataRule;
+  } else {
+    lastItme = tableState.arrayChildData[len - 1];
+  }
+  const from = Object.assign({}, JSON.parse(JSON.stringify(lastItme)));
+  for (const key in from) {
+    const row = from[key];
+    if (key === 'index') {
+      if (from[key]['value'] !== '') {
+        newIndex = parseInt(from[key]['value']) + 1;
+      }
+      if (isNaN(newIndex)) {
+        newIndex = 0;
+      }
+      from[key]['value'] = newIndex;
+      tableState.arrayChildNewIndex = newIndex;
+      continue;
+    }
+    // 子嵌套的不初始
+    if (row.array) {
+      from[key]['value'] = null;
+      continue;
+    }
+    const type = row.type;
+    const filter = row.filter;
+    switch (type) {
+      case 'int':
+        if (filter && filter.indexOf('~') !== -1) {
+          const filterArr = filter.split('~');
+          const minInt = parseInt(filterArr[0]);
+          from[key]['value'] = minInt;
+        } else {
+          from[key]['value'] = 0;
+        }
+        break;
+      case 'enum':
+        if (filter && filter.indexOf('{') === 0) {
+          let filterJson: Record<string, any> = {};
+          try {
+            filterJson = JSON.parse(filter); //string---json
+          } catch (error) {
+            console.error(error);
+          }
+
+          from[key]['value'] = Object.keys(filterJson)[0];
+        } else {
+          from[key]['value'] = '0';
+        }
+        break;
+      case 'bool':
+        if (filter && filter.indexOf('{') === 0) {
+          let filterJson: Record<string, any> = {};
+          try {
+            filterJson = JSON.parse(filter); //string---json
+          } catch (error) {
+            console.error(error);
+          }
+
+          from[key]['value'] = Object.keys(filterJson)[0];
+        } else {
+          from[key]['value'] = false;
+        }
+        break;
+      case 'ipv4':
+      case 'ipv6':
+      case 'regex':
+      default:
+        from[key]['value'] = '';
+    }
+  }
+
+  tableState.arrayChildEditRecord = from;
+  tableState.arrayChildData.push(from);
+}
+
+/**多列表新增单行确认 */
+function arrayChildAddOk() {
+  const from = toRaw(tableState.arrayChildEditRecord);
+  const loc = `${tableState.arrayChildLoc}/${from['index']['value']}`;
+  const neType = neTypeSelect.value[0];
+
+  let data: Record<string, any> = {};
+  for (const key in from) {
+    // 子嵌套的不插入
+    if (from[key]['array']) {
+      continue;
+    }
+    // 检查规则
+    const [ok, msg] = ruleVerification(from[key]);
+    if (!ok) {
+      message.warning({
+        content: `${msg}`,
+        duration: 3,
+      });
+      return;
+    }
+    // UPF参数不统一
+    // if (neType === 'UPF') {
+    //   data[parseFirstUpper(key)] = from[key]['value'];
+    // } else {
+    //   data[key] = from[key]['value'];
+    // }
+    data[key] = from[key]['value'];
+  }
+
+  // 发送
+  const hide = message.loading({ content: t('common.loading') });
+  addParamConfigInfo(
+    {
+      neType: neType,
+      neId: neTypeSelect.value[1],
+      topTag: tabState.tabActiveTopTag,
+      loc,
+    },
+    data
+  )
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `Index 为 ${from['index']['value']} 记录新增成功`,
+          duration: 3,
+        });
+        fnTabActiveTopTag('#');
+      } else {
+        tableState.arrayChildData.pop();
+        message.warning({
+          content: `新增失败`,
+          duration: 3,
+        });
+      }
+    })
+    .catch(err => {
+      console.error(err);
+      message.error({
+        content: `非法操作记录参数`,
+        duration: 3,
+      });
+    })
+    .finally(() => {
+      hide();
+      tableState.arrayChildNewIndex = -1;
+      tableState.arrayChildEditRecord = {};
+    });
+}
+
+/**规则校验 */
+function ruleVerification(row: Record<string, any>): (string | boolean)[] {
+  let result = [true, ''];
+  const type = row.type;
+  const value = row.value;
+  const filter = row.filter;
+  const display = row.display;
+
+  // 子嵌套的不检查
+  if (row.array) {
+    return result;
+  }
+
+  // 可选的同时没有值不检查
+  if (row.optional === 'true' && !value) {
+    return result;
+  }
+
+  switch (type) {
+    case 'int':
+      if (filter && filter.indexOf('~') !== -1) {
+        const filterArr = filter.split('~');
+        const minInt = parseInt(filterArr[0]);
+        const maxInt = parseInt(filterArr[1]);
+        const valueInt = parseInt(value);
+        if (valueInt < minInt || valueInt > maxInt) {
+          return [false, `${display} 参数值不在合理范围 ${filter}`];
+        }
+      }
+      break;
+    case 'ipv4':
+      if (!regExpIPv4.test(value)) {
+        return [false, `${display} 不是合法的IPV4地址`];
+      }
+      break;
+    case 'ipv6':
+      if (!regExpIPv6.test(value)) {
+        return [false, `${display} 不是合法的IPV6地址`];
+      }
+      break;
+    case 'enum':
+      if (filter && filter.indexOf('{') === 1) {
+        let filterJson: Record<string, any> = {};
+        try {
+          filterJson = JSON.parse(filter); //string---json
+        } catch (error) {
+          console.error(error);
+        }
+
+        if (!Object.keys(filterJson).includes(`${value}`)) {
+          return [false, `${display} 不是合理的枚举值`];
+        }
+      }
+      break;
+    case 'bool':
+      if (filter && filter.indexOf('{') === 1) {
+        let filterJson: Record<string, any> = {};
+        try {
+          filterJson = JSON.parse(filter); //string---json
+        } catch (error) {
+          console.error(error);
+        }
+
+        if (!Object.values(filterJson).includes(`${value}`)) {
+          return [false, `${display} 不是合理的布尔类型的值`];
+        }
+      }
+      break;
+    case 'string':
+      if (filter && filter.indexOf('~') !== -1) {
+        try {
+          const filterArr = filter.split('~');
+          let rule = new RegExp(
+            '^\\S{' + filterArr[0] + ',' + filterArr[1] + '}$'
+          );
+          if (!rule.test(value)) {
+            return [false, `${display} 参数值不合理`];
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      }
+
+      break;
+    case 'regex':
+      if (filter) {
+        try {
+          let regex = new RegExp(filter);
+          if (!regex.test(value)) {
+            return [false, `${display} 参数值不合理`];
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      }
+      break;
+
+    default:
+      return [false, `${display} 输入值是未知类型`];
+  }
+  return result;
+}
+
+/**网元重新加载状态 */
+let neReloadLoading = ref<boolean>(false);
+
+/**网元重新加载 */
+function fnNeReload() {
+  // 获取数据
+  const neType = neTypeSelect.value[0];
+  const neId = neTypeSelect.value[1];
+  neReloadLoading.value = true;
+  updateNeConfigReload(neType, neId)
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: `网元重新加载完成`,
+          duration: 3,
+        });
+      } else {
+        message.error({
+          content: `网元重新加载失败`,
+          duration: 3,
+        });
+      }
+    })
+    .finally(() => {
+      neReloadLoading.value = false;
+    });
+}
+
+onMounted(() => {
+  // 获取网元网元列表
+  useNeInfoStore()
+    .fnNelist()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+        if (res.data.length > 0) {
+          // 过滤不可用的网元
+          neCascaderOtions.value = useNeInfoStore().getNeCascaderOtions.filter(
+            (item: any) => {
+              return !['OMC'].includes(item.value);
+            }
+          );
+          // 默认选择AMF
+          const item = neCascaderOtions.value.find(s => s.value === 'UPF');
+          if (item) {
+            const info = item.children[0];
+            neTypeSelect.value = [info.neType, info.neId];
+          }
+          fnGetParamConfigTopTab();
+          fnGetParamConfigNode();
+          state.treeLoading = false;
+        }
+      } else {
+        message.warning({
+          content: `暂无网元列表数据`,
+          duration: 2,
+        });
+      }
+    });
+});
+
+//  =================
+
+/**对象信息状态类型 */
+type StateType = {
+  /**网元 loading */
+  treeLoading: boolean;
+  /**网元配置 tree */
+  treeData: DataNode[];
+  /**选择对应Node tree */
+  treeSelectNode: Record<string, any>;
+
+  /**表单标题 */
+  title: string;
+  /**编辑行记录 */
+  editRecord: Record<string, any>;
+};
+
+/**对象信息状态 */
+let state: StateType = reactive({
+  treeLoading: true,
+  treeData: [],
+  treeSelectNode: {
+    title: '',
+    keyType: '',
+  },
+
+  title: '',
+  editRecord: {},
+});
+
+/**表格字段列 */
+let listColumns: ColumnsType = [
+  {
+    title: 'Key',
+    dataIndex: 'display',
+    align: 'left',
+    width: '30%',
+  },
+  {
+    title: 'Value',
+    dataIndex: 'value',
+    align: 'left',
+    width: '70%',
+  },
+];
+
+/**查询配置Node节点 */
+function fnGetParamConfigNode() {
+  const neType = neTypeSelect.value[0];
+  if (!neType) {
+    message.warning({
+      content: `请选择网元类型`,
+      duration: 3,
+    });
+    return;
+  }
+  // 获取数据
+  getParamConfigTopTab(neType).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+      state.treeData = res.data.map(item => ({
+        children: undefined,
+        title: item.topDisplay,
+        key: item.topTag,
+        // 绑定数据
+        keyType: '',
+        keyRecordList: [],
+        keyRecordRule: {},
+      }));
+    } else {
+      message.warning({
+        content: `暂无配置项数据`,
+        duration: 3,
+      });
+    }
+  });
+}
+
+function fnLoadConfigNodeData(treeNode: EventDataNode): Promise<void> {
+  console.log(treeNode, treeNode.dataRef?.children);
+
+  return new Promise<void>(resolve => {
+    if (treeNode.title.indexOf('Index-') === 0) {
+      resolve();
+      return;
+    }
+    if (treeNode.dataRef?.children) {
+      resolve();
+      return;
+    }
+    // 加载数据
+    const neType = neTypeSelect.value[0];
+    const neId = neTypeSelect.value[1];
+    const topTag = treeNode.key as string;
+    getParamConfigInfoTree(neType, topTag, neId).then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        const { type, data, recordRule } = res.data;
+        if (treeNode.dataRef && type === 'list') {
+          treeNode.dataRef.keyType = type;
+          treeNode.dataRef.keyRecordList = data;
+          treeNode.dataRef.keyRecordRule = recordRule;
+        }
+        if (treeNode.dataRef && type === 'array') {
+          treeNode.dataRef.keyType = type;
+          treeNode.dataRef.keyRecordList = data;
+          treeNode.dataRef.keyRecordRule = recordRule;
+          // 添加子节点
+          if (!treeNode.dataRef.children) {
+            treeNode.dataRef.children = data.map(item => ({
+              title: item.title,
+              key: `${treeNode.key}/${item.key}`,
+            }));
+          }
+        }
+
+        //
+        state.title = treeNode.title;
+        state.treeSelectNode = Object.assign({}, treeNode.dataRef);
+        state.treeData = [...state.treeData];
+        resolve();
+      } else {
+        message.warning({
+          content: `暂无配置数据`,
+          duration: 3,
+        });
+      }
+    });
+  });
+}
+
+/**查询可选命令列表 */
+function fnSelectConfigNode(_: any, info: any) {
+  console.log('fnSelectConfigNode ', info);
+  state.editRecord = {};
+  const node = info.node;
+  if (node.title.indexOf('Index-') === 0) {
+    const parentNode = Object.assign(
+      {},
+      JSON.parse(JSON.stringify(node.parent.node))
+    );
+    const child = parentNode.keyRecordList.find((item: any) => {
+      return item.title === node.title;
+    });
+    state.treeSelectNode = Object.assign({}, child);
+    state.title = node.title;
+  } else {
+    state.treeSelectNode = Object.assign({}, node.dataRef);
+    state.title = node.title;
+  }
+}
+
+/**单列表编辑 */
+function listEdit2(row: Record<string, any>) {
+  state.editRecord = Object.assign({}, row);
+}
+
+/**单列表编辑关闭 */
+function listEditClose2() {
+  state.editRecord = {};
+}
+
+/**单列表编辑确认 */
+function listEditOk2() {
+  const from = toRaw(state.editRecord);
+  // 检查规则
+  const [ok, msg] = ruleVerification(from);
+  if (!ok) {
+    message.warning({
+      content: `${msg}`,
+      duration: 3,
+    });
+    return;
+  }
+
+  let data = {
+    [from['name']]: from['value'],
+  };
+
+  console.log({
+    neType: neTypeSelect.value[0],
+    neId: neTypeSelect.value[1],
+    topTag: tabState.tabActiveTopTag,
+  });
+  console.log(data);
+}
+
+/**多列表编辑 */
+function arrayEdit2(record: Record<string, any>[]) {
+  const row: Record<string, any> = {};
+  for (const item of record) {
+    row[item.name] = Object.assign({}, item);
+  }
+  state.editRecord = row;
+}
+
+/**多列表编辑关闭 */
+function arrayEditClose2() {
+  state.editRecord = {};
+}
+
+/**多列表编辑确认 */
+function arrayEditOk2() {
+  const from = toRaw(state.editRecord);
+  const loc = from['index']['value'];
+  const neType = neTypeSelect.value[0];
+  // 遍历提取属性和值
+  let data: Record<string, any> = {};
+  for (const key in from) {
+    // 子嵌套的不插入
+    if (from[key]['array']) {
+      continue;
+    }
+    // 检查规则
+    const [ok, msg] = ruleVerification(from[key]);
+    if (!ok) {
+      message.warning({
+        content: `${msg}`,
+        duration: 3,
+      });
+      return;
+    }
+    data[key] = from[key]['value'];
+  }
+
+  console.log({
+    neType: neType,
+    neId: neTypeSelect.value[1],
+    topTag: tabState.tabActiveTopTag,
+    loc,
+  });
+  console.log(data);
+}
+
+/**对话框对象信息状态类型 */
+type ModalArrayChildStateType = {
+  /**框是否显示 */
+  visible: boolean;
+  /**标题 */
+  title: string;
+  /**array数据 */
+  data: Record<string, any>[];
+};
+
+/**对话框对象信息状态 */
+let modalArrayChildState: ModalArrayChildStateType = reactive({
+  visible: false,
+  title: '上传更新',
+  data: [],
+});
+</script>
+
+<template>
+  <PageContainer>
+    <a-row :gutter="16">
+      <a-col :span="6">
+        <!-- 网元类型 -->
+        <a-card :bordered="false" title="网元类型" :loading="state.treeLoading">
+          <!-- 插槽-卡片右侧 -->
+          <template #extra>
+            <a-space
+              :size="8"
+              align="center"
+              v-show="!['PCF', 'IMS'].includes(neTypeSelect[0])"
+            >
+              <a-popconfirm
+                placement="rightTop"
+                title="确认对该网元进行配置重新载入"
+                :ok-text="t('common.ok')"
+                :cancel-text="t('common.cancel')"
+                :disabled="neReloadLoading"
+                @confirm="fnNeReload"
+              >
+                <a-button
+                  type="dashed"
+                  danger
+                  :loading="neReloadLoading"
+                  size="small"
+                >
+                  <template #icon><SyncOutlined /></template>
+                  重新载入
+                </a-button>
+              </a-popconfirm>
+            </a-space>
+          </template>
+
+          <a-form layout="vertical" autocomplete="off">
+            <a-form-item name="neId ">
+              <a-cascader
+                v-model:value="neTypeSelect"
+                :options="neCascaderOtions"
+                :allow-clear="false"
+                placeholder="请选择网元"
+                @change="fnGetParamConfigNode"
+              />
+            </a-form-item>
+            <a-form-item name="listeningPort">
+              <a-directory-tree
+                :tree-data="state.treeData"
+                :load-data="fnLoadConfigNodeData"
+                @select="fnSelectConfigNode"
+              >
+                <template #title="{ title, key }">
+                  <span>{{ title }}</span>
+                  <span> - {{ key }} </span>
+                </template>
+              </a-directory-tree>
+            </a-form-item>
+          </a-form>
+        </a-card>
+      </a-col>
+      <a-col :span="18">
+        <!-- 配置参数显示内容 -->
+        <a-card :bordered="false" :loading="!state.title">
+          <template #title>
+            <a-typography-text strong v-if="state.title">
+              {{ state.title }}
+            </a-typography-text>
+            <a-typography-text type="danger" v-else>
+              左侧命令导航中选择要操作项！
+            </a-typography-text>
+          </template>
+          <!-- 插槽-卡片右侧 -->
+          <template #extra>
+            <a-space
+              :size="8"
+              v-show="state.treeSelectNode.keyType === 'array'"
+            >
+              <a-button
+                type="primary"
+                @click.prevent="arrayEditClose2"
+                size="small"
+              >
+                <template #icon> <PlusOutlined /> </template>
+                {{ t('common.addText') }}
+              </a-button>
+            </a-space>
+
+            <a-space
+              :size="8"
+              v-show="state.treeSelectNode.title.indexOf('Index-') === 0"
+            >
+              <a-button type="default" @click.prevent="arrayEditClose2">
+                <template #icon> <ClearOutlined /> </template>
+                关闭
+              </a-button>
+              <a-button
+                type="default"
+                @click.prevent="arrayEdit2(state.treeSelectNode.record)"
+              >
+                <template #icon> <FormOutlined /> </template>
+                {{ t('common.editText') }}
+              </a-button>
+              <a-button type="primary" @click.prevent="arrayEditOk2">
+                <template #icon> <SendOutlined /> </template>
+                发送
+              </a-button>
+            </a-space>
+          </template>
+
+          <!-- list类型显示表格列表 -->
+          <a-table
+            v-show="state.treeSelectNode.keyType === 'list'"
+            class="table"
+            row-key="name"
+            :columns="listColumns"
+            :data-source="state.treeSelectNode.keyRecordList"
+            size="middle"
+            :pagination="false"
+            :bordered="true"
+            :scroll="{ x: true }"
+          >
+            <template #bodyCell="{ column, text, record }">
+              <template v-if="column.dataIndex === 'value'">
+                <a-tooltip placement="topLeft">
+                  <template #title v-if="record.comment">
+                    {{ record.comment }}
+                  </template>
+                  <div class="editable-cell">
+                    <div
+                      v-if="state.editRecord['display'] === record['display']"
+                      class="editable-cell__input-wrapper"
+                    >
+                      <a-space :size="16" align="center" direction="horizontal">
+                        <a-input
+                          v-if="
+                            ['string', 'ipv6', 'ipv4', 'regex'].includes(
+                              record['type']
+                            )
+                          "
+                          v-model:value="state.editRecord['value']"
+                          :placeholder="record['filter']"
+                        ></a-input>
+                        <a-input-number
+                          v-else-if="record['type'] === 'int'"
+                          v-model:value="state.editRecord['value']"
+                          :min="0"
+                          :max="65535"
+                          :placeholder="record['filter']"
+                        ></a-input-number>
+                        <a-switch
+                          v-else-if="record['type'] === 'bool'"
+                          v-model:checked="state.editRecord['value']"
+                          :checked-children="t('common.switch.open')"
+                          :un-checked-children="t('common.switch.shut')"
+                        ></a-switch>
+                        <a-select
+                          v-else-if="record['type'] === 'enum'"
+                          v-model:value="state.editRecord['value']"
+                          :placeholder="record['filter']"
+                          :allow-clear="true"
+                        >
+                          <a-select-option
+                            :value="+v"
+                            :key="+v"
+                            v-for="(k, v) in JSON.parse(record['filter'])"
+                          >
+                            {{ k }}
+                          </a-select-option>
+                        </a-select>
+
+                        <a-popconfirm
+                          title="确认更新该属性值吗？"
+                          placement="top"
+                          @confirm="listEditOk2()"
+                        >
+                          <CheckOutlined class="editable-cell__icon-edit" />
+                        </a-popconfirm>
+                        <CloseOutlined
+                          class="editable-cell__icon-edit"
+                          @click="listEditClose2()"
+                        />
+                      </a-space>
+                    </div>
+                    <div v-else class="editable-cell__text-wrapper">
+                      {{ `${text}` || '&nbsp;' }}
+                      <EditOutlined
+                        class="editable-cell__icon"
+                        v-if="record.access !== 'read'"
+                        @click="listEdit2(record)"
+                      />
+                    </div>
+                  </div>
+                </a-tooltip>
+              </template>
+            </template>
+          </a-table>
+
+          <!-- array类型显示提示内容 -->
+          <a-typography v-show="state.treeSelectNode.keyType === 'array'">
+            <a-typography-title>
+              {{ state.treeSelectNode.title }}
+            </a-typography-title>
+            <a-typography-paragraph>
+              可通过右上角
+              <a-typography-text mark>添加</a-typography-text>
+              当前到 {{ state.treeSelectNode.title }} 配置
+              <br />
+              当前存在以下配置项：
+            </a-typography-paragraph>
+            <a-typography-text
+              strong
+              v-for="item in state.treeSelectNode.children"
+            >
+              {{ item.title }} <br />
+            </a-typography-text>
+          </a-typography>
+
+          <!-- array类型数据项显示表单项 -->
+          <a-form
+            class="form"
+            v-show="state.treeSelectNode.title.indexOf('Index-') === 0"
+            layout="vertical"
+            autocomplete="off"
+            :validate-on-rule-change="false"
+            :validateTrigger="[]"
+          >
+            <a-row :gutter="16">
+              <a-col
+                :lg="6"
+                :md="12"
+                :xs="24"
+                v-for="item in state.treeSelectNode.record"
+              >
+                <a-form-item
+                  :label="item.display"
+                  :name="item.name"
+                  :required="item.optional === 'false'"
+                >
+                  <a-tooltip placement="topLeft">
+                    <template #title v-if="item.comment">
+                      {{ item.comment }}
+                    </template>
+                    <div class="editable-cell">
+                      {{ state.editRecord[item.name] }}
+                      <div
+                        v-if="
+                          !Array.isArray(item.array) &&
+                          state.editRecord[item.name] !== undefined
+                        "
+                        class="editable-cell__input-wrapper"
+                      >
+                        <a-space
+                          :size="16"
+                          align="center"
+                          direction="horizontal"
+                        >
+                          <a-input
+                            v-if="
+                              ['string', 'ipv6', 'ipv4', 'regex'].includes(
+                                item['type']
+                              )
+                            "
+                            v-model:value="state.editRecord[item.name]['value']"
+                            :placeholder="item['filter']"
+                          ></a-input>
+                          <a-input-number
+                            v-else-if="item['type'] === 'int'"
+                            v-model:value="state.editRecord[item.name]['value']"
+                            :min="0"
+                            :max="65535"
+                            :placeholder="item['filter']"
+                          ></a-input-number>
+                          <a-switch
+                            v-else-if="item['type'] === 'bool'"
+                            v-model:checked="
+                              state.editRecord[item.name]['value']
+                            "
+                            :checked-children="t('common.switch.open')"
+                            :un-checked-children="t('common.switch.shut')"
+                          ></a-switch>
+                          <a-select
+                            v-else-if="item['type'] === 'enum'"
+                            v-model:value="state.editRecord[item.name]['value']"
+                            :placeholder="item['filter']"
+                            :allow-clear="true"
+                          >
+                            <a-select-option
+                              :value="v"
+                              :key="v"
+                              v-for="(k, v) in JSON.parse(item['filter'])"
+                            >
+                              {{ k }}
+                            </a-select-option>
+                          </a-select>
+                        </a-space>
+                      </div>
+                      <a-button
+                        type="link"
+                        size="small"
+                        @click.prevent=""
+                        v-else-if="Array.isArray(item.array)"
+                      >
+                        详情
+                      </a-button>
+                      <div v-else class="editable-cell__text-wrapper">
+                        {{ `${item.value}` }}
+                      </div>
+                    </div>
+                  </a-tooltip>
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
+        </a-card>
+      </a-col>
+    </a-row>
+
+    <!-- Array子列表 -->
+    <ArrayChildren
+      v-model:visible="modalArrayChildState.visible"
+      :title="modalArrayChildState.title"
+      v-model:data="modalArrayChildState.data"
+    ></ArrayChildren>
+
+    <a-card
+      :bordered="false"
+      :body-style="{
+        marginBottom: '24px',
+        marginTop: '24px',
+        paddingBottom: 0,
+      }"
+    >
+      <!-- 表格搜索栏 -->
+      <a-form name="queryParams" layout="horizontal">
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="网元类型" name="neTypeSelect">
+              <a-cascader
+                v-model:value="neTypeSelect"
+                :options="neCascaderOtions"
+                :allow-clear="false"
+                placeholder="请选择网元"
+                @change="fnGetParamConfigTopTab"
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button
+                  type="primary"
+                  @click.prevent="fnGetParamConfigTopTab"
+                >
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ paddingTop: '0px' }">
+      <!-- 插槽-卡片左侧侧 -->
+      <template #title>
+        <a-space
+          :size="8"
+          align="center"
+          v-show="!['PCF', 'IMS'].includes(neTypeSelect[0])"
+        >
+          <a-popconfirm
+            placement="topLeft"
+            title="网元配置重新载入"
+            :ok-text="t('common.ok')"
+            :cancel-text="t('common.cancel')"
+            :disabled="neReloadLoading"
+            @confirm="fnNeReload"
+          >
+            <a-button type="dashed" danger :loading="neReloadLoading">
+              <template #icon><SyncOutlined /></template>
+              重新载入
+            </a-button>
+          </a-popconfirm>
+        </a-space>
+      </template>
+      <a-tabs
+        v-model:activeKey="tabState.tabActiveTopTag"
+        :tab-position="tabState.tabPosition"
+        @change="fnTabActiveTopTag"
+      >
+        <template #rightExtra>
+          <a-space :size="8" align="center">
+            <a-tooltip>
+              <template #title>{{ t('common.reloadText') }}</template>
+              <a-button type="default" @click.prevent="fnTabActiveTopTag('#')">
+                <template #icon>
+                  <ReloadOutlined />
+                </template>
+              </a-button>
+            </a-tooltip>
+          </a-space>
+        </template>
+        <a-tab-pane
+          v-for="tab in tabState.tabNames"
+          :key="tab.topTag"
+          :tab="tab.topDisplay"
+        >
+          <!-- 单列表格列表 -->
+          <a-table
+            v-show="tableState.type === 'list'"
+            class="table"
+            row-key="name"
+            :columns="tableState.listColumns"
+            :loading="tableState.loading"
+            :data-source="tableState.listData"
+            :size="tableState.size"
+            :pagination="false"
+            :bordered="true"
+            :scroll="{ x: true }"
+          >
+            <template #bodyCell="{ column, text, record }">
+              <template v-if="column.dataIndex === 'value'">
+                <a-tooltip>
+                  <template #title v-if="record.comment">
+                    {{ record.comment }}
+                  </template>
+                  <div class="editable-cell">
+                    <div
+                      v-if="
+                        tableState.editRecord['display'] === record['display']
+                      "
+                      class="editable-cell__input-wrapper"
+                    >
+                      <a-space :size="16" align="center" direction="horizontal">
+                        <a-input
+                          v-if="
+                            ['string', 'ipv6', 'ipv4', 'regex'].includes(
+                              record['type']
+                            )
+                          "
+                          v-model:value="tableState.editRecord['value']"
+                          :placeholder="record['filter']"
+                        ></a-input>
+                        <a-input-number
+                          v-else-if="record['type'] === 'int'"
+                          v-model:value="tableState.editRecord['value']"
+                          :min="0"
+                          :max="65535"
+                          :placeholder="record['filter']"
+                        ></a-input-number>
+                        <a-switch
+                          v-else-if="record['type'] === 'bool'"
+                          v-model:checked="tableState.editRecord['value']"
+                          :checked-children="t('common.switch.open')"
+                          :un-checked-children="t('common.switch.shut')"
+                        ></a-switch>
+                        <a-select
+                          v-else-if="record['type'] === 'enum'"
+                          v-model:value="tableState.editRecord['value']"
+                          :placeholder="record['filter']"
+                          :allow-clear="true"
+                        >
+                          <a-select-option
+                            :value="+v"
+                            :key="+v"
+                            v-for="(k, v) in JSON.parse(record['filter'])"
+                          >
+                            {{ k }}
+                          </a-select-option>
+                        </a-select>
+
+                        <a-popconfirm
+                          title="确认更新该属性值吗？"
+                          placement="top"
+                          @confirm="listEditOk()"
+                        >
+                          <CheckOutlined class="editable-cell__icon-edit" />
+                        </a-popconfirm>
+                        <CloseOutlined
+                          class="editable-cell__icon-edit"
+                          @click="listEditClose()"
+                        />
+                      </a-space>
+                    </div>
+                    <div v-else class="editable-cell__text-wrapper">
+                      {{ `${text}` || '&nbsp;' }}
+                      <EditOutlined
+                        class="editable-cell__icon"
+                        v-if="record.access !== 'read'"
+                        @click="listEdit(record)"
+                      />
+                    </div>
+                  </div>
+                </a-tooltip>
+              </template>
+            </template>
+          </a-table>
+          <!-- 多列表格列表 -->
+          <a-table
+            v-show="tableState.type === 'array'"
+            class="table"
+            row-key="index"
+            :columns="tableState.arrayColumns"
+            :loading="tableState.loading"
+            :data-source="tableState.arrayData"
+            :size="tableState.size"
+            :pagination="false"
+            :bordered="true"
+            :scroll="{ x: tableState.arrayColumns.length * 200, y: 450 }"
+            :show-expand-column="false"
+            v-model:expanded-row-keys="tableState.arrayChildExpandKeys"
+          >
+            <template #title>
+              <a-button type="primary" @click.prevent="arrayAdd" size="small">
+                <template #icon> <PlusOutlined /> </template>
+                {{ t('common.addText') }}
+              </a-button>
+            </template>
+            <template #bodyCell="{ column, text, record }">
+              <template v-if="column.key === 'index'">
+                <a-space
+                  :size="16"
+                  align="center"
+                  v-if="
+                    tableState.editRecord[column.key]?.value ===
+                    text[column.key]?.value
+                  "
+                >
+                  <a-tooltip>
+                    <template #title>提交</template>
+                    <a-popconfirm
+                      v-if="
+                        tableState.arrayNewIndex === text[column.key]?.value
+                      "
+                      :title="`确认提交新增 Index 为 【${
+                        text[column.key]?.value
+                      }】 的记录吗？`"
+                      placement="left"
+                      @confirm="arrayAddOk()"
+                    >
+                      <CheckOutlined class="editable-cell__icon-edit" />
+                    </a-popconfirm>
+                    <a-popconfirm
+                      v-else
+                      :title="`确认提交更新 Index 为 【${
+                        text[column.key]?.value
+                      }】 的记录吗？`"
+                      placement="left"
+                      @confirm="arrayEditOk()"
+                    >
+                      <CheckOutlined class="editable-cell__icon-edit" />
+                    </a-popconfirm>
+                  </a-tooltip>
+                  <a-tooltip>
+                    <template #title>取消</template>
+                    <CloseOutlined
+                      class="editable-cell__icon-edit"
+                      @click="arrayEditClose()"
+                    />
+                  </a-tooltip>
+                </a-space>
+                <a-space :size="8" align="center" v-else>
+                  <a-tooltip>
+                    <template #title>{{ t('common.editText') }}</template>
+                    <a-button type="link" @click.prevent="arrayEdit(record)">
+                      <template #icon><FormOutlined /></template>
+                    </a-button>
+                  </a-tooltip>
+                  <a-tooltip>
+                    <template #title>{{ t('common.deleteText') }}</template>
+                    <a-button type="link" @click.prevent="arrayDelete(record)">
+                      <template #icon><DeleteOutlined /></template>
+                    </a-button>
+                  </a-tooltip>
+                </a-space>
+              </template>
+              <template v-else>
+                <a-tooltip>
+                  <template #title v-if="text.comment">
+                    {{ text.comment }}
+                  </template>
+                  <div class="editable-cell">
+                    {{ tableState.editRecord[text.name] }}
+                    <div
+                      v-if="
+                        column.dataIndex !== 'index' &&
+                        !Array.isArray(text.array) &&
+                        tableState.editRecord['index']?.value ===
+                          record['index']?.value &&
+                        tableState.editRecord[text.name]?.name ===
+                          column.dataIndex
+                      "
+                      class="editable-cell__input-wrapper"
+                    >
+                      <a-space :size="16" align="center" direction="horizontal">
+                        <a-input
+                          v-if="
+                            ['string', 'ipv6', 'ipv4', 'regex'].includes(
+                              text['type']
+                            )
+                          "
+                          v-model:value="
+                            tableState.editRecord[text.name]['value']
+                          "
+                          :placeholder="text['filter']"
+                        ></a-input>
+                        <a-input-number
+                          v-else-if="text['type'] === 'int'"
+                          v-model:value="
+                            tableState.editRecord[text.name]['value']
+                          "
+                          :min="0"
+                          :max="65535"
+                          :placeholder="text['filter']"
+                        ></a-input-number>
+                        <a-switch
+                          v-else-if="text['type'] === 'bool'"
+                          v-model:checked="
+                            tableState.editRecord[text.name]['value']
+                          "
+                          :checked-children="t('common.switch.open')"
+                          :un-checked-children="t('common.switch.shut')"
+                        ></a-switch>
+                        <a-select
+                          v-else-if="text['type'] === 'enum'"
+                          v-model:value="
+                            tableState.editRecord[text.name]['value']
+                          "
+                          :placeholder="text['filter']"
+                          :allow-clear="true"
+                        >
+                          <a-select-option
+                            :value="v"
+                            :key="v"
+                            v-for="(k, v) in JSON.parse(text['filter'])"
+                          >
+                            {{ k }}
+                          </a-select-option>
+                        </a-select>
+                      </a-space>
+                    </div>
+                    <a-button
+                      type="link"
+                      size="small"
+                      @click.prevent="arrayChildExpand(record['index'], text)"
+                      v-else-if="Array.isArray(text.array)"
+                    >
+                      详情
+                    </a-button>
+                    <div v-else class="editable-cell__text-wrapper">
+                      {{ `${text.value}` }}
+                    </div>
+                  </div>
+                </a-tooltip>
+              </template>
+            </template>
+            <template #expandedRowRender>
+              <a-table
+                class="table"
+                row-key="index"
+                :columns="tableState.arrayChildColumns"
+                :data-source="tableState.arrayChildData"
+                :size="tableState.size"
+                :pagination="false"
+                :bordered="true"
+                :scroll="{
+                  x: tableState.arrayChildColumns.length * 200,
+                  y: 450,
+                }"
+              >
+                <template #title>
+                  <a-button
+                    type="primary"
+                    @click.prevent="arrayChildAdd"
+                    size="small"
+                  >
+                    <template #icon> <PlusOutlined /> </template>
+                    {{ t('common.addText') }} {{ tableState.arrayChildTitle }}
+                  </a-button>
+                </template>
+                <template #bodyCell="{ column, text, record }">
+                  <template v-if="column.key === 'index'">
+                    <a-space
+                      :size="16"
+                      align="center"
+                      v-if="
+                        tableState.arrayChildEditRecord[column.key]?.value ===
+                        text[column.key]?.value
+                      "
+                    >
+                      <a-tooltip>
+                        <template #title>提交</template>
+                        <a-popconfirm
+                          v-if="
+                            tableState.arrayChildNewIndex ===
+                            text[column.key]?.value
+                          "
+                          :title="`确认提交新增 Index 为 【${
+                            text[column.key]?.value
+                          }】 的记录吗？`"
+                          placement="left"
+                          @confirm="arrayChildAddOk()"
+                        >
+                          <CheckOutlined class="editable-cell__icon-edit" />
+                        </a-popconfirm>
+                        <a-popconfirm
+                          v-else
+                          :title="`确认提交更新 Index 为 【${
+                            text[column.key]?.value
+                          }】 的记录吗？`"
+                          placement="left"
+                          @confirm="arrayChildEditOk()"
+                        >
+                          <CheckOutlined class="editable-cell__icon-edit" />
+                        </a-popconfirm>
+                      </a-tooltip>
+                      <a-tooltip>
+                        <template #title>取消</template>
+                        <CloseOutlined
+                          class="editable-cell__icon-edit"
+                          @click="arrayChildEditClose()"
+                        />
+                      </a-tooltip>
+                    </a-space>
+                    <a-space :size="8" align="center" v-else>
+                      <a-tooltip>
+                        <template #title>{{ t('common.editText') }}</template>
+                        <a-button
+                          type="link"
+                          @click.prevent="arrayChildEdit(record)"
+                        >
+                          <template #icon><FormOutlined /></template>
+                        </a-button>
+                      </a-tooltip>
+                      <a-tooltip>
+                        <template #title>{{ t('common.deleteText') }}</template>
+                        <a-button
+                          type="link"
+                          @click.prevent="arrayChildDelete(record)"
+                        >
+                          <template #icon><DeleteOutlined /></template>
+                        </a-button>
+                      </a-tooltip>
+                    </a-space>
+                  </template>
+                  <template v-else>
+                    <a-tooltip>
+                      <template #title v-if="text.comment">
+                        {{ text.comment }}
+                      </template>
+                      <div class="editable-cell">
+                        <div
+                          v-if="
+                            column.dataIndex !== 'index' &&
+                            !Array.isArray(text.array) &&
+                            tableState.arrayChildEditRecord['index']?.value ===
+                              record['index']?.value &&
+                            tableState.arrayChildEditRecord[text.name]?.name ===
+                              column.dataIndex
+                          "
+                          class="editable-cell__input-wrapper"
+                        >
+                          <a-space
+                            :size="16"
+                            align="center"
+                            direction="horizontal"
+                          >
+                            <a-input
+                              v-if="
+                                ['string', 'ipv6', 'ipv4', 'regex'].includes(
+                                  text['type']
+                                )
+                              "
+                              v-model:value="
+                                tableState.arrayChildEditRecord[text.name][
+                                  'value'
+                                ]
+                              "
+                              :placeholder="text['filter']"
+                            ></a-input>
+                            <a-input-number
+                              v-else-if="text['type'] === 'int'"
+                              v-model:value="
+                                tableState.arrayChildEditRecord[text.name][
+                                  'value'
+                                ]
+                              "
+                              :min="0"
+                              :max="65535"
+                              :placeholder="text['filter']"
+                            ></a-input-number>
+                            <a-switch
+                              v-else-if="text['type'] === 'bool'"
+                              v-model:checked="
+                                tableState.arrayChildEditRecord[text.name][
+                                  'value'
+                                ]
+                              "
+                              :checked-children="t('common.switch.open')"
+                              :un-checked-children="t('common.switch.shut')"
+                            ></a-switch>
+                            <a-select
+                              v-else-if="text['type'] === 'enum'"
+                              v-model:value="
+                                tableState.arrayChildEditRecord[text.name][
+                                  'value'
+                                ]
+                              "
+                              :placeholder="text['filter']"
+                              :allow-clear="true"
+                            >
+                              <a-select-option
+                                :value="v"
+                                :key="v"
+                                v-for="(k, v) in JSON.parse(text['filter'])"
+                              >
+                                {{ k }}
+                              </a-select-option>
+                            </a-select>
+                          </a-space>
+                        </div>
+                        <a-button
+                          type="link"
+                          size="small"
+                          @click.prevent="
+                            arrayChildExpand(record['index'], text)
+                          "
+                          v-else-if="Array.isArray(text.array)"
+                        >
+                          详情
+                        </a-button>
+                        <div v-else class="editable-cell__text-wrapper">
+                          {{ `${text.value}` }}
+                        </div>
+                      </div>
+                    </a-tooltip>
+                  </template>
+                </template>
+              </a-table>
+            </template>
+          </a-table>
+        </a-tab-pane>
+      </a-tabs>
+    </a-card>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.editable-cell {
+  &__icon {
+    display: none;
+    cursor: pointer;
+  }
+  &__icon:hover {
+    color: var(--ant-primary-color);
+  }
+  &__icon-edit:hover {
+    color: var(--ant-primary-color);
+  }
+  &__text-wrapper {
+    font-size: 16px;
+    color: #333;
+  }
+  &__text-wrapper:hover &__icon {
+    display: inline-block;
+  }
+}
+</style>
diff --git a/src/views/configManage/license/index.vue b/src/views/configManage/license/index.vue
index 4e7b92d0..12a8349b 100644
--- a/src/views/configManage/license/index.vue
+++ b/src/views/configManage/license/index.vue
@@ -125,10 +125,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询信息列表 */
-function fnGetList() {
+/**查询信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listLicense(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -325,7 +328,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -365,7 +368,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/configManage/neManage/index.vue b/src/views/configManage/neManage/index.vue
index 1c643efc..3f41f555 100644
--- a/src/views/configManage/neManage/index.vue
+++ b/src/views/configManage/neManage/index.vue
@@ -329,7 +329,7 @@ function fnModalOk() {
             });
             modalState.visibleByEdit = false;
             modalStateFrom.resetFields();
-            fnGetList();
+            fnGetList(1);
           } else {
             message.error({
               content: `${res.msg}`,
@@ -387,7 +387,7 @@ function fnImportModalOk() {
           hide();
           modalState.confirmLoading = false;
           // 获取列表数据
-          fnGetList();
+          fnGetList(1);
         });
     })
     .catch(e => {
@@ -600,10 +600,13 @@ function fnRecordMore(type: string | number, row: Record<string, any>) {
   }
 }
 
-/**查询网元列表 */
-function fnGetList() {
+/**查询网元列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listNeInfo(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -682,7 +685,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -722,7 +725,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/configManage/softwareManage/components/software-history.vue b/src/views/configManage/softwareManage/components/software-history.vue
index 44935710..b1030d34 100644
--- a/src/views/configManage/softwareManage/components/software-history.vue
+++ b/src/views/configManage/softwareManage/components/software-history.vue
@@ -154,10 +154,13 @@ let tablePagination = reactive({
   },
 });
 
-/**查询角色未授权用户列表 */
-function fnGetList() {
+/**查询角色未授权用户列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -238,7 +241,7 @@ watch(
         <a-col :lg="12" :md="12" :xs="24">
           <a-form-item>
             <a-space :size="8">
-              <a-button type="primary" @click.prevent="fnGetList">
+              <a-button type="primary" @click.prevent="fnGetList(1)">
                 <template #icon><SearchOutlined /></template>
                 {{ t('common.search') }}
               </a-button>
diff --git a/src/views/configManage/softwareManage/index.vue b/src/views/configManage/softwareManage/index.vue
index cac7b7a6..d4f78277 100644
--- a/src/views/configManage/softwareManage/index.vue
+++ b/src/views/configManage/softwareManage/index.vue
@@ -370,10 +370,13 @@ function fnRecordDelete(row: Record<string, any>) {
   });
 }
 
-/**查询信息列表 */
-function fnGetList() {
+/**查询信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listNeSoftware(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -614,7 +617,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -658,7 +661,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/faultManage/active-alarm/index.vue b/src/views/faultManage/active-alarm/index.vue
index 5a61d7fe..49c91ef7 100644
--- a/src/views/faultManage/active-alarm/index.vue
+++ b/src/views/faultManage/active-alarm/index.vue
@@ -721,10 +721,13 @@ function fnModalCancel() {
   modalState.visibleByShowSet = false;
 }
 
-/**查询列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -817,7 +820,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -965,7 +968,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/faultManage/history-alarm/index.vue b/src/views/faultManage/history-alarm/index.vue
index 8234d89d..16098a8c 100644
--- a/src/views/faultManage/history-alarm/index.vue
+++ b/src/views/faultManage/history-alarm/index.vue
@@ -528,10 +528,13 @@ function fnModalCancel() {
   modalState.visibleByShowSet = false;
 }
 
-/**查询列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -616,7 +619,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -739,7 +742,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/logManage/alarm/index.vue b/src/views/logManage/alarm/index.vue
index ba550efd..faea5132 100644
--- a/src/views/logManage/alarm/index.vue
+++ b/src/views/logManage/alarm/index.vue
@@ -166,10 +166,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -247,7 +250,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -280,7 +283,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/logManage/forwarding/index.vue b/src/views/logManage/forwarding/index.vue
index 40bfc524..a887f561 100644
--- a/src/views/logManage/forwarding/index.vue
+++ b/src/views/logManage/forwarding/index.vue
@@ -177,10 +177,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -247,7 +250,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -280,7 +283,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/logManage/mml/index.vue b/src/views/logManage/mml/index.vue
index a8191bdc..901d0859 100644
--- a/src/views/logManage/mml/index.vue
+++ b/src/views/logManage/mml/index.vue
@@ -138,10 +138,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -199,7 +202,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -232,7 +235,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/logManage/operation/index.vue b/src/views/logManage/operation/index.vue
index 691c0ef9..94fb0ae4 100644
--- a/src/views/logManage/operation/index.vue
+++ b/src/views/logManage/operation/index.vue
@@ -176,10 +176,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listOperationLog(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -259,7 +262,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -292,7 +295,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/logManage/security/index.vue b/src/views/logManage/security/index.vue
index 4cc74da0..a3cd3717 100644
--- a/src/views/logManage/security/index.vue
+++ b/src/views/logManage/security/index.vue
@@ -160,10 +160,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -238,7 +241,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -271,7 +274,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/monitor/job/index.vue b/src/views/monitor/job/index.vue
index 36e970f5..e7a9aa9b 100644
--- a/src/views/monitor/job/index.vue
+++ b/src/views/monitor/job/index.vue
@@ -528,9 +528,13 @@ function fnJobLogView(jobId: string | number = '0') {
   router.push(`${routePath}${MENU_PATH_INLINE}/log/${jobId}`);
 }
 
-/**查询定时任务列表 */
-function fnGetList() {
+/**查询定时任务列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
   tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
   listJob(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS) {
       // 取消勾选
@@ -610,7 +614,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -698,7 +702,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
index 30ce2d4e..ce188b9d 100644
--- a/src/views/monitor/job/log.vue
+++ b/src/views/monitor/job/log.vue
@@ -297,7 +297,7 @@ function fnCleanList() {
             key,
             duration: 2,
           });
-          fnGetList();
+          fnGetList(1);
         } else {
           message.error({
             content: `${res.msg}`,
@@ -348,9 +348,13 @@ function fnClose() {
   }
 }
 
-/**查询调度日志列表 */
-function fnGetList() {
+/**查询调度日志列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
   tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -455,7 +459,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索
                 </a-button>
@@ -531,7 +535,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/monitor/session/index.vue b/src/views/monitor/session/index.vue
index 12c2674e..03a23b1d 100644
--- a/src/views/monitor/session/index.vue
+++ b/src/views/monitor/session/index.vue
@@ -178,10 +178,13 @@ function fnForceLogout(row: Record<string, string>) {
     },
   });
 }
-/**查询网元列表 */
-function fnGetList() {
+/**查询网元列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listSession(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -231,7 +234,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon>
                     <SearchOutlined />
                   </template>
@@ -268,7 +271,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon>
                 <ReloadOutlined />
               </template>
diff --git a/src/views/neUser/auth/index.vue b/src/views/neUser/auth/index.vue
index 0c3e013d..73687625 100644
--- a/src/views/neUser/auth/index.vue
+++ b/src/views/neUser/auth/index.vue
@@ -85,6 +85,7 @@ let tableColumns: ColumnsType = [
     align: 'center',
     fixed: 'left',
     width: 5,
+    sorter: true,
   },
   {
     title: 'AMF',
@@ -158,6 +159,18 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
+/**表格分页、排序、筛选变化时触发操作, 排序方式，取值为 ascend descend */
+function fnTableChange(pagination: any, filters: any, sorter: any, extra: any) {
+  const { field, order } = sorter;
+  if (order) {
+    queryParams.sortField = field;
+    queryParams.sortOrder = order.replace('end', '');
+  } else {
+    queryParams.sortOrder = 'asc';
+  }
+  fnGetList(1);
+}
+
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**详情框是否显示 */
@@ -557,10 +570,13 @@ function fnLoadData() {
   });
 }
 
-/**查询网元列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
   listAuth(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -690,7 +706,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon>
                     <SearchOutlined />
                   </template>
@@ -790,7 +806,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon>
                 <ReloadOutlined />
               </template>
@@ -835,6 +851,7 @@ onMounted(() => {
         :size="tableState.size"
         :pagination="tablePagination"
         :scroll="{ x: 1000, y: 400 }"
+        @change="fnTableChange"
       >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'imsi'">
diff --git a/src/views/neUser/base5G/index.vue b/src/views/neUser/base5G/index.vue
index efae7eca..2aa38ec6 100644
--- a/src/views/neUser/base5G/index.vue
+++ b/src/views/neUser/base5G/index.vue
@@ -118,10 +118,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listBase5G(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -198,7 +201,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -231,7 +234,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/neUser/ims/index.vue b/src/views/neUser/ims/index.vue
index 9b267e2c..4ded1a7d 100644
--- a/src/views/neUser/ims/index.vue
+++ b/src/views/neUser/ims/index.vue
@@ -136,10 +136,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listIMS(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -228,7 +231,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -261,7 +264,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index 0c17ea69..2f48c710 100644
--- a/src/views/neUser/sub/index.vue
+++ b/src/views/neUser/sub/index.vue
@@ -88,6 +88,7 @@ let tableColumns: ColumnsType = [
     align: 'center',
     fixed: 'left',
     width: 5,
+    sorter: true,
   },
   {
     title: 'MSISDN',
@@ -95,6 +96,7 @@ let tableColumns: ColumnsType = [
     align: 'center',
     fixed: 'left',
     width: 5,
+    sorter: true,
   },
   {
     title: 'Subscribed AMBR Temp',
@@ -186,6 +188,18 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
+/**表格分页、排序、筛选变化时触发操作, 排序方式，取值为 ascend descend */
+function fnTableChange(pagination: any, filters: any, sorter: any, extra: any) {
+  const { field, order } = sorter;
+  if (order) {
+    queryParams.sortField = field;
+    queryParams.sortOrder = order.replace('end', '');
+  } else {
+    queryParams.sortOrder = 'asc';
+  }
+  fnGetList(1);
+}
+
 /**对话框对象信息状态类型 */
 type ModalStateType = {
   /**详情框是否显示 */
@@ -719,10 +733,13 @@ function fnLoadData() {
   });
 }
 
-/**查询网元列表 */
-function fnGetList() {
+/**查询网元列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listSub(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -861,7 +878,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon>
                     <SearchOutlined />
                   </template>
@@ -967,7 +984,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon>
                 <ReloadOutlined />
               </template>
@@ -1012,6 +1029,7 @@ onMounted(() => {
         :size="tableState.size"
         :pagination="tablePagination"
         :scroll="{ x: 2500, y: 400 }"
+        @change="fnTableChange"
       >
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'imsi'">
diff --git a/src/views/neUser/ue/index.vue b/src/views/neUser/ue/index.vue
index a3c04ffe..eb5434a5 100644
--- a/src/views/neUser/ue/index.vue
+++ b/src/views/neUser/ue/index.vue
@@ -211,10 +211,13 @@ function fnModalCancel() {
   modalState.visibleByView = false;
 }
 
-/**查询列表 */
-function fnGetList() {
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listUE(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -303,7 +306,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -336,7 +339,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/customTarget/index.vue b/src/views/perfManage/customTarget/index.vue
index bd222d5b..ae3eb90a 100644
--- a/src/views/perfManage/customTarget/index.vue
+++ b/src/views/perfManage/customTarget/index.vue
@@ -147,10 +147,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listTraceData(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -372,7 +375,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -405,7 +408,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/goldTarget/index.vue b/src/views/perfManage/goldTarget/index.vue
index 2d9f2808..62595b23 100644
--- a/src/views/perfManage/goldTarget/index.vue
+++ b/src/views/perfManage/goldTarget/index.vue
@@ -149,10 +149,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询黄金指标列表 */
-function fnGetList() {
+/**查询黄金指标列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -213,7 +216,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -246,7 +249,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/perfData/index.vue b/src/views/perfManage/perfData/index.vue
index e74eb9bf..5fcd98c7 100644
--- a/src/views/perfManage/perfData/index.vue
+++ b/src/views/perfManage/perfData/index.vue
@@ -172,10 +172,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -242,7 +245,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -275,7 +278,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/perfReport/index.vue b/src/views/perfManage/perfReport/index.vue
index bd222d5b..ae3eb90a 100644
--- a/src/views/perfManage/perfReport/index.vue
+++ b/src/views/perfManage/perfReport/index.vue
@@ -147,10 +147,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listTraceData(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -372,7 +375,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -405,7 +408,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/perfSet/index.vue b/src/views/perfManage/perfSet/index.vue
index bd222d5b..462f49df 100644
--- a/src/views/perfManage/perfSet/index.vue
+++ b/src/views/perfManage/perfSet/index.vue
@@ -147,10 +147,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
   listTraceData(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -372,7 +375,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -405,7 +408,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/perfThreshold/index.vue b/src/views/perfManage/perfThreshold/index.vue
index c562d0c2..a3ab8eca 100644
--- a/src/views/perfManage/perfThreshold/index.vue
+++ b/src/views/perfManage/perfThreshold/index.vue
@@ -184,10 +184,13 @@ function fnRecordDelete(row: Record<string, any>) {
   });
 }
 
-/**查询信息列表 */
-function fnGetList() {
+/**查询信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listPerfThreshold(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -500,7 +503,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -538,7 +541,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip placement="topRight">
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/perfManage/taskManage/index.vue b/src/views/perfManage/taskManage/index.vue
index 40be3164..baea23f6 100644
--- a/src/views/perfManage/taskManage/index.vue
+++ b/src/views/perfManage/taskManage/index.vue
@@ -212,10 +212,13 @@ function fnRecordDelete(row: Record<string, any>) {
   });
 }
 
-/**查询信息列表 */
-function fnGetList() {
+/**查询信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listPerfTask(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -719,7 +722,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -757,7 +760,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip placement="topRight">
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index dede1ff5..10650cac 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -421,10 +421,13 @@ function fnClose() {
   }
 }
 
-/**查询字典数据列表 */
-function fnGetList() {
+/**查询字典数据列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listData(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -516,7 +519,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -591,7 +594,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index f33ee9c5..81f63827 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -296,7 +296,7 @@ function fnModalOk() {
             });
             modalState.visibleByEdit = false;
             modalStateFrom.resetFields();
-            fnGetList();
+            fnGetList(1);
           } else {
             message.error({
               content: `${res.msg}`,
@@ -420,10 +420,13 @@ function fnDataView(dictId: string | number = '0') {
   router.push(`${routePath}${MENU_PATH_INLINE}/data/${dictId}`);
 }
 
-/**查询参数配置列表 */
-function fnGetList() {
+/**查询参数配置列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -508,7 +511,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -596,7 +599,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/log/login/index.vue b/src/views/system/log/login/index.vue
index 2567e369..8b8c8e05 100644
--- a/src/views/system/log/login/index.vue
+++ b/src/views/system/log/login/index.vue
@@ -310,10 +310,13 @@ function fnExportList() {
   });
 }
 
-/**查询登录日志列表 */
-function fnGetList() {
+/**查询登录日志列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -400,7 +403,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -481,7 +484,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/log/operate/index.vue b/src/views/system/log/operate/index.vue
index 1d66e56f..c19927a0 100644
--- a/src/views/system/log/operate/index.vue
+++ b/src/views/system/log/operate/index.vue
@@ -296,7 +296,7 @@ function fnCleanList() {
             key,
             duration: 2,
           });
-          fnGetList();
+          fnQueryReset();
         } else {
           message.error({
             content: `${res.msg}`,
@@ -337,10 +337,13 @@ function fnExportList() {
   });
 }
 
-/**查询登录日志列表 */
-function fnGetList() {
+/**查询登录日志列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -442,7 +445,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -514,7 +517,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 7ad397ad..f933eb6c 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -287,7 +287,7 @@ function fnModalOk() {
             });
             modalState.visibleByEdit = false;
             modalStateFrom.resetFields();
-            fnGetList();
+            fnGetList(1);
           } else {
             message.error({
               content: `${res.msg}`,
@@ -377,10 +377,13 @@ function fnExportList() {
   });
 }
 
-/**查询岗位列表 */
-function fnGetList() {
+/**查询岗位列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listPost(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -448,7 +451,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -519,7 +522,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/role/auth-user.vue b/src/views/system/role/auth-user.vue
index 81e9cfd1..8c04b920 100644
--- a/src/views/system/role/auth-user.vue
+++ b/src/views/system/role/auth-user.vue
@@ -223,7 +223,7 @@ function fnModalOk(userIds: string[] | number[]) {
         key,
         duration: 3,
       });
-      fnGetList();
+      fnGetList(1);
     } else {
       message.error({
         content: `${res.msg}`,
@@ -280,10 +280,13 @@ function fnClose() {
   }
 }
 
-/**查询角色已授权用户列表 */
-function fnGetList() {
+/**查询角色已授权用户列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   authUserAllocatedList(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -362,7 +365,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索</a-button
                 >
@@ -429,7 +432,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/role/components/auth-user-select.vue b/src/views/system/role/components/auth-user-select.vue
index 38e2ec95..ae082021 100644
--- a/src/views/system/role/components/auth-user-select.vue
+++ b/src/views/system/role/components/auth-user-select.vue
@@ -156,10 +156,13 @@ function fnTableSelectedRowKeys(keys: (string | number)[]) {
   tableState.selectedRowKeys = keys;
 }
 
-/**查询角色未授权用户列表 */
-function fnGetList() {
+/**查询角色未授权用户列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
   authUserAllocatedList(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -258,7 +261,7 @@ watch(
         <a-col :lg="12" :md="12" :xs="24">
           <a-form-item>
             <a-space :size="8">
-              <a-button type="primary" @click.prevent="fnGetList">
+              <a-button type="primary" @click.prevent="fnGetList(1)">
                 <template #icon><SearchOutlined /></template>
                 搜索</a-button
               >
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 3ce5f3e3..3bf1655d 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -403,7 +403,7 @@ function fnModalOk() {
             });
             modalState.visibleByEdit = false;
             modalStateFrom.resetFields();
-            fnGetList();
+            fnGetList(1);
           } else {
             message.error({
               content: `${res.msg}`,
@@ -672,10 +672,13 @@ function fnExportList() {
   });
 }
 
-/**查询角色列表 */
-function fnGetList() {
+/**查询角色列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -760,7 +763,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索
                 </a-button>
@@ -831,7 +834,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index d13e9bd1..a28176d8 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -448,7 +448,7 @@ function fnModalOk() {
             });
             modalState.visibleByEdit = false;
             modalStateFrom.resetFields();
-            fnGetList();
+            fnGetList(1);
           } else {
             message.error({
               content: `${res.msg}`,
@@ -710,10 +710,13 @@ function fnModalUploadImportExportTemplate() {
     });
 }
 
-/**查询用户列表 */
-function fnGetList() {
+/**查询用户列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
   }
@@ -799,7 +802,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   搜索
                 </a-button>
@@ -923,7 +926,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>刷新</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList(1)">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/traceManage/analysis/index.vue b/src/views/traceManage/analysis/index.vue
index f9d9ad0e..73eb8ddd 100644
--- a/src/views/traceManage/analysis/index.vue
+++ b/src/views/traceManage/analysis/index.vue
@@ -147,10 +147,13 @@ function fnTableSize({ key }: MenuInfo) {
   tableState.size = key as SizeType;
 }
 
-/**查询备份信息列表 */
-function fnGetList() {
+/**查询备份信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listTraceData(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
@@ -372,7 +375,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -405,7 +408,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip>
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>
diff --git a/src/views/traceManage/task/index.vue b/src/views/traceManage/task/index.vue
index 1dabb071..dcdc716b 100644
--- a/src/views/traceManage/task/index.vue
+++ b/src/views/traceManage/task/index.vue
@@ -186,8 +186,7 @@ function fnTableChange(pagination: any, filters: any, sorter: any, extra: any) {
   } else {
     queryParams.sortOrder = 'asc';
   }
-  fnGetList();
-  console.log(sorter);
+  fnGetList(1);
 }
 
 /**
@@ -221,10 +220,13 @@ function fnRecordDelete(id: string) {
   });
 }
 
-/**查询信息列表 */
-function fnGetList() {
+/**查询信息列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
   tableState.loading = true;
+  if(pageNum){
+    queryParams.pageNum = pageNum;
+  }
   listTraceTask(toRaw(queryParams)).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       // 取消勾选
@@ -502,7 +504,7 @@ function fnModalOk() {
         .finally(() => {
           hide();
           modalState.confirmLoading = false;
-          fnGetList();
+          fnGetList(1);
         });
     })
     .catch(e => {
@@ -594,7 +596,7 @@ onMounted(() => {
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item>
               <a-space :size="8">
-                <a-button type="primary" @click.prevent="fnGetList">
+                <a-button type="primary" @click.prevent="fnGetList(1)">
                   <template #icon><SearchOutlined /></template>
                   {{ t('common.search') }}
                 </a-button>
@@ -632,7 +634,7 @@ onMounted(() => {
           </a-tooltip>
           <a-tooltip placement="topRight">
             <template #title>{{ t('common.reloadText') }}</template>
-            <a-button type="text" @click.prevent="fnGetList">
+            <a-button type="text" @click.prevent="fnGetList()">
               <template #icon><ReloadOutlined /></template>
             </a-button>
           </a-tooltip>