From 29eb1f08b16564b4004fa9efa100bc1abf9fa3c8 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 10 May 2024 14:54:36 +0800
Subject: [PATCH] =?UTF-8?q?del:=20=E7=A7=BB=E9=99=A4=E6=97=A7=E7=9A=84?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=85=8D=E7=BD=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/configManage/configParam.ts           |  163 +-
 src/views/configManage/configParam/index.vue  | 1669 ----------------
 .../configManage/configParamForm/index.vue    | 1718 ----------------
 .../configManage/configParamTree/index.vue    | 1761 -----------------
 4 files changed, 5 insertions(+), 5306 deletions(-)
 delete mode 100644 src/views/configManage/configParam/index.vue
 delete mode 100644 src/views/configManage/configParamForm/index.vue
 delete mode 100644 src/views/configManage/configParamTree/index.vue

diff --git a/src/api/configManage/configParam.ts b/src/api/configManage/configParam.ts
index f9adfc79..29dd00cd 100644
--- a/src/api/configManage/configParam.ts
+++ b/src/api/configManage/configParam.ts
@@ -108,159 +108,6 @@ async function getParamConfigInfo(
   });
 }
 
-/**
- * 查询配置参数标签栏对应信息-表格处理
- * @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') {
-  //   if (Reflect.has(wrRule, 'list')) {
-  //     for (const arr of wrRule['list']) {
-  //       arr['name'] = parseFirstLower(arr['name']);
-  //     }
-  //     for (const item of dataArr) {
-  //       for (const k in item) {
-  //         item[parseFirstLower(k)] = item[k];
-  //         Reflect.deleteProperty(item, k);
-  //       }
-  //     }
-  //   }
-  //   if (Reflect.has(wrRule, 'array')) {
-  //     for (const arr of wrRule['array']) {
-  //       if (Array.isArray(arr['array'])) {
-  //         for (const child of arr['array']) {
-  //           child['name'] = parseFirstLower(child['name']);
-  //         }
-  //       }
-  //       arr['name'] = parseFirstLower(arr['name']);
-  //     }
-  //     for (const item of dataArr) {
-  //       for (const k in item) {
-  //         // 处理子列表
-  //         if (Array.isArray(item[k])) {
-  //           for (const child of item[k]) {
-  //             for (const childKey in child) {
-  //               child[parseFirstLower(childKey)] = child[childKey];
-  //               Reflect.deleteProperty(child, childKey);
-  //             }
-  //           }
-  //         }
-  //         item[parseFirstLower(k)] = item[k];
-  //         Reflect.deleteProperty(item, k);
-  //       }
-  //     }
-  //   }
-  // }
-
-  // 拼装数据
-  const result = {
-    code: RESULT_CODE_SUCCESS,
-    msg: RESULT_MSG_SUCCESS,
-    data: {
-      type: 'list' as 'list' | 'array',
-      data: [] as any[],
-      dataRule: {},
-      columns: [] as any[],
-    },
-  };
-
-  // kv单列表
-  if (Reflect.has(wrRule, 'list')) {
-    result.data.type = 'list';
-    const ruleArr = Object.freeze(wrRule['list']);
-
-    // 列表项数据
-    let 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;
-
-    // 列表字段
-    result.data.columns = [
-      {
-        title: 'Key',
-        dataIndex: 'display',
-        align: 'left',
-        width: '30%',
-      },
-      {
-        title: 'Value',
-        dataIndex: 'value',
-        align: 'left',
-        width: '70%',
-      },
-    ];
-  }
-
-  // 多列表
-  if (Reflect.has(wrRule, 'array')) {
-    result.data.type = 'array';
-    const ruleArr = Object.freeze(wrRule['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({ optional: 'true' }, rule, {
-              value: item[key],
-            });
-            record[ruleItem.name] = ruleItem;
-            break;
-          }
-        }
-      }
-      dataArray.push(record);
-    }
-    result.data.data = dataArray;
-
-    // 无数据时，用于新增
-    let dataRule: Record<string, any> = {};
-    for (const rule of ruleArr) {
-      dataRule[rule.name] = rule;
-    }
-    result.data.dataRule = dataRule;
-
-    // 列表字段
-    const columns: Record<string, any>[] = [];
-    for (const rule of ruleArr) {
-      columns.push({
-        title: rule.display,
-        dataIndex: rule.name,
-        align: 'left',
-        width: 5,
-      });
-    }
-    result.data.columns = columns;
-  }
-  return result;
-}
-
 /**
  * 查询配置参数标签栏对应信息-表单结构处理
  * @param neType 网元类型
@@ -530,7 +377,7 @@ export async function getPCCRule(neId: any) {
       ) {
         let itemData = itemV.data.data;
         itemData.forEach((item: any) => {
-          pccJson.set(item.ruleId,{ value: item.ruleId, label: item.ruleId });
+          pccJson.set(item.ruleId, { value: item.ruleId, label: item.ruleId });
         });
       }
     }
@@ -544,7 +391,7 @@ export async function getPCCRule(neId: any) {
       ) {
         let itemData = itemV.data.data;
         itemData.forEach((item: any) => {
-          sessJson.set(item.ruleId,{ value: item.ruleId, label: item.ruleId });
+          sessJson.set(item.ruleId, { value: item.ruleId, label: item.ruleId });
         });
       }
     }
@@ -558,7 +405,7 @@ export async function getPCCRule(neId: any) {
       ) {
         let itemData = itemV.data.data;
         itemData.forEach((item: any) => {
-          qosJson.set(item.qosId,{ value: item.qosId, label: item.qosId });
+          qosJson.set(item.qosId, { value: item.qosId, label: item.qosId });
         });
       }
     }
@@ -572,7 +419,7 @@ export async function getPCCRule(neId: any) {
       ) {
         let itemData = itemV.data.data;
         itemData.forEach((item: any) => {
-          headerJson.set(item.templateName,{
+          headerJson.set(item.templateName, {
             value: item.templateName,
             label: item.templateName,
           });
@@ -589,7 +436,7 @@ export async function getPCCRule(neId: any) {
       ) {
         let itemData = itemV.data.data;
         itemData.forEach((item: any) => {
-          sarJson.set(item.name,{ value: item.name, label: item.name });
+          sarJson.set(item.name, { value: item.name, label: item.name });
         });
       }
     }
diff --git a/src/views/configManage/configParam/index.vue b/src/views/configManage/configParam/index.vue
deleted file mode 100644
index e2cd84fe..00000000
--- a/src/views/configManage/configParam/index.vue
+++ /dev/null
@@ -1,1669 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref, onMounted } from 'vue';
-import { PageContainer } from 'antdv-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,
-} 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';
-const { t } = useI18n();
-
-/**网元参数 */
-let neCascaderOptions = 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) {
-  if (tableState.loading) return;
-  tableState.listData = [];
-  tableState.listColumns = [];
-  tableState.arrayData = [];
-  tableState.arrayColumns = [];
-  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: 'center',
-            fixed: 'right',
-            width: 5,
-          });
-        }
-      } else {
-        message.warning({
-          content: t('views.configManage.configParam.dataNull'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      tableState.loading = false;
-      listEditClose();
-      arrayEditClose();
-    });
-}
-
-/**查询配置Tag标签 */
-function fnGetParamConfigTopTab() {
-  const neType = neTypeSelect.value[0];
-  if (!neType) {
-    message.warning({
-      content: t('views.configManage.softwareManage.neTypePlease'),
-      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: t('views.configManage.configParam.dataNull'),
-        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(t('common.loading'), 0);
-  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']} ` +
-            t('views.configManage.configParam.editSuss'),
-          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: t('views.configManage.configParam.editFail'),
-          duration: 3,
-        });
-      }
-    })
-    .catch(err => {
-      console.error(err);
-      message.error({
-        content: t('views.configManage.configParam.unable'),
-        duration: 3,
-      });
-    })
-    .finally(() => {
-      hide();
-      tableState.editRecord = {};
-    });
-}
-
-/**多列表编辑 */
-function arrayEdit(row: Record<string, any>) {
-  tableState.editRecord = Object.assign({}, JSON.parse(JSON.stringify(row)));
-}
-
-/**多列表编辑关闭 */
-function arrayEditClose() {
-  if (tableState.arrayNewIndex !== -1) {
-    tableState.arrayNewIndex = -1;
-    tableState.arrayData.pop();
-  }
-  tableState.editRecord = {};
-  arrayChildEditClose();
-}
-
-/**多列表编辑确认 */
-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(t('common.loading'), 0);
-  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']} ` +
-            t('views.configManage.configParam.editSuss'),
-          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: t('views.configManage.configParam.editFail'),
-          duration: 3,
-        });
-      }
-    })
-    .catch(err => {
-      console.error(err);
-      message.error({
-        content: t('views.configManage.configParam.unable'),
-        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: t('common.tipTitle'),
-    content: t('views.configManage.configParam.delSure', {
-      value: from['index']['value'],
-    }),
-    onOk() {
-      const hide = message.loading(t('common.loading'), 0);
-      delParamConfigInfo({
-        neType: neTypeSelect.value[0],
-        neId: neTypeSelect.value[1],
-        topTag: tabState.tabActiveTopTag,
-        loc,
-      })
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: t('common.msgSuccess', { msg: t('common.deleteText') }),
-              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(t('common.loading'), 0);
-  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']} ` +
-            t('views.configManage.configParam.addSuss'),
-          duration: 3,
-        });
-      } else {
-        tableState.arrayData.pop();
-        message.warning({
-          content: t('views.configManage.configParam.addFail'),
-          duration: 3,
-        });
-      }
-    })
-    .catch(err => {
-      console.error(err);
-      message.error({
-        content: t('views.configManage.configParam.unable'),
-        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: 'center',
-    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(t('common.loading'), 0);
-  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']} ` +
-            t('views.configManage.configParam.editSuss'),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParam.editFail'),
-          duration: 3,
-        });
-      }
-    })
-    .catch(err => {
-      console.error(err);
-      message.error({
-        content: t('views.configManage.configParam.unable'),
-        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: t('common.tipTitle'),
-    content: t('views.configManage.configParam.unable', {
-      arrayChildTitle: tableState.arrayChildTitle,
-      value: from['index']['value'],
-    }),
-    onOk() {
-      const hide = message.loading(t('common.loading'), 0);
-      delParamConfigInfo({
-        neType: neTypeSelect.value[0],
-        neId: neTypeSelect.value[1],
-        topTag: tabState.tabActiveTopTag,
-        loc,
-      })
-        .then(res => {
-          if (res.code === RESULT_CODE_SUCCESS) {
-            message.success({
-              content: t('common.msgSuccess', { msg: t('common.deleteText') }),
-              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(t('common.loading'), 0);
-  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']} ` +
-            t('views.configManage.configParam.addSuss'),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        tableState.arrayChildData.pop();
-        message.warning({
-          content: t('views.configManage.configParam.addFail'),
-          duration: 3,
-        });
-      }
-    })
-    .catch(err => {
-      console.error(err);
-      message.error({
-        content: t('views.configManage.configParam.unable'),
-        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} ${t(
-              'views.configManage.configParam.parUnable'
-            )} ${filter}`,
-          ];
-        }
-      }
-      break;
-    case 'ipv4':
-      if (!regExpIPv4.test(value)) {
-        return [
-          false,
-          `${display} ${t('views.configManage.configParam.ipv4Tip')}`,
-        ];
-      }
-      break;
-    case 'ipv6':
-      if (!regExpIPv6.test(value)) {
-        return [
-          false,
-          `${display} ${t('views.configManage.configParam.ipv6Tip')}`,
-        ];
-      }
-      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} ${t('views.configManage.configParam.enumTip')}`,
-          ];
-        }
-      }
-      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} ${t('views.configManage.configParam.boolTip')}`,
-          ];
-        }
-      }
-      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} ${t('views.configManage.configParam.parUnable')}`,
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-
-      break;
-    case 'regex':
-      if (filter) {
-        try {
-          let regex = new RegExp(filter);
-          if (!regex.test(value)) {
-            return [
-              false,
-              `${display} ${t('views.configManage.configParam.parUnable')}`,
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-      break;
-
-    default:
-      return [
-        false,
-        `${display} ${t('views.configManage.configParam.default')}`,
-      ];
-  }
-  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: t('views.configManage.configParam.reloadSuss'),
-          duration: 3,
-        });
-      } else {
-        message.error({
-          content: t('views.configManage.configParam.reloadFail'),
-          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) {
-          // 过滤不可用的网元
-          neCascaderOptions.value = useNeInfoStore().getNeCascaderOptions.filter(
-            (item: any) => {
-              return !['OMC'].includes(item.value);
-            }
-          );
-          if (neCascaderOptions.value.length === 0) {
-            message.warning({
-              content: t('common.noData'),
-              duration: 2,
-            });
-            return;
-          }
-          // 默认选择AMF
-          const item = neCascaderOptions.value.find(s => s.value === 'AMF');
-          if (item && item.children) {
-            const info = item.children[0];
-            neTypeSelect.value = [info.neType, info.neId];
-          } else {
-            const info = neCascaderOptions.value[0]?.children[0];
-            neTypeSelect.value = [info.neType, info.neId];
-          }
-          fnGetParamConfigTopTab();
-        }
-      } else {
-        message.warning({
-          content: t('views.configManage.configParam.neNUll'),
-          duration: 2,
-        });
-      }
-    });
-});
-</script>
-
-<template>
-  <PageContainer>
-    <a-card
-      :bordered="false"
-      :body-style="{ marginBottom: '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="t('views.traceManage.task.neType')"
-              name="neTypeSelect"
-            >
-              <a-cascader
-                v-model:value="neTypeSelect"
-                :options="neCascaderOptions"
-                :allow-clear="false"
-                @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-if="false">
-          <a-popconfirm
-            placement="topLeft"
-            :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>
-              {{ t('views.configManage.configParam.reload') }}
-            </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 placement="topLeft">
-                  <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-input-number
-                        v-if="record['type'] === 'int'"
-                        v-model:value="tableState.editRecord['value']"
-                        style="width: 100%"
-                      ></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']"
-                        :allow-clear="true"
-                        style="width: 100%"
-                      >
-                        <a-select-option
-                          :value="+v"
-                          :key="+v"
-                          v-for="(k, v) in JSON.parse(record['filter'])"
-                        >
-                          {{ k }}
-                        </a-select-option>
-                      </a-select>
-                      <a-input
-                        v-else
-                        v-model:value="tableState.editRecord['value']"
-                      ></a-input>
-                      <a-space :size="16" align="center">
-                        <a-popconfirm
-                          :title="t('views.configManage.configParam.editSure')"
-                          placement="top"
-                          @confirm="listEditOk()"
-                        >
-                          <a-button
-                            type="text"
-                            class="editable-cell__icon-edit"
-                          >
-                            <template #icon><CheckOutlined /></template>
-                          </a-button>
-                        </a-popconfirm>
-                        <a-button
-                          type="text"
-                          class="editable-cell__icon-edit"
-                          @click="listEditClose()"
-                        >
-                          <template #icon><CloseOutlined /></template>
-                        </a-button>
-                      </a-space>
-                    </div>
-                    <div v-else class="editable-cell__text-wrapper">
-                      <template v-if="record['type'] === 'enum'">
-                        {{ JSON.parse(record['filter'])[text] }}
-                      </template>
-                      <template v-else>{{ `${text}` || '&nbsp;' }}</template>
-                      <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="tab.method === 'get' ? tableState.arrayColumns.filter((s:any)=>s.key !== 'index') : 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 v-if="tab.method !== 'get'">
-              <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>{{
-                      t('views.configManage.configParam.post')
-                    }}</template>
-                    <a-popconfirm
-                      v-if="
-                        tableState.arrayNewIndex === text[column.key]?.value
-                      "
-                      :title="
-                        t('views.configManage.configParam.addSure', {
-                          value: text[column.key]?.value,
-                        })
-                      "
-                      placement="left"
-                      @confirm="arrayAddOk()"
-                    >
-                      <CheckOutlined class="editable-cell__icon-edit" />
-                    </a-popconfirm>
-                    <a-popconfirm
-                      v-else
-                      :title="
-                        t('views.configManage.configParam.arraryEdit', {
-                          value: text[column.key]?.value,
-                        })
-                      "
-                      placement="left"
-                      @confirm="arrayEditOk()"
-                    >
-                      <a-button type="text" class="editable-cell__icon-edit">
-                        <template #icon><CheckOutlined /></template>
-                      </a-button>
-                    </a-popconfirm>
-                  </a-tooltip>
-                  <a-tooltip>
-                    <template #title>{{ t('common.cancel') }}</template>
-                    <a-button
-                      type="text"
-                      class="editable-cell__icon-edit"
-                      @click.prevent="arrayEditClose()"
-                    >
-                      <template #icon><CloseOutlined /></template>
-                    </a-button>
-                  </a-tooltip>
-                </a-space>
-                <a-space :size="16" 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 placement="topLeft">
-                  <template #title v-if="text.comment">
-                    {{ text.comment }}
-                  </template>
-                  <div class="editable-cell">
-                    <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-input-number
-                        v-if="text['type'] === 'int'"
-                        v-model:value="
-                          tableState.editRecord[text.name]['value']
-                        "
-                        style="width: 100%"
-                      ></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']
-                        "
-                        style="width: 100%"
-                      >
-                        <a-select-option
-                          :value="+v"
-                          :key="+v"
-                          v-for="(k, v) in JSON.parse(text['filter'])"
-                        >
-                          {{ k }}
-                        </a-select-option>
-                      </a-select>
-                      <a-input
-                        v-else
-                        v-model:value="
-                          tableState.editRecord[text.name]['value']
-                        "
-                        style="width: 100%"
-                      ></a-input>
-                    </div>
-                    <template v-else-if="text.array">
-                      <a-button
-                        type="link"
-                        size="small"
-                        @click.prevent="arrayChildExpand(record['index'], text)"
-                      >
-                        {{ t('views.configManage.configParamForm.arrayMore') }}
-                      </a-button>
-                      <!--特殊字段拓展显示-->
-                      <span v-if="text.name === 'dnnList'">
-                        ({{ text.value.map((s: any) => s.dnn).join() }})
-                      </span>
-                    </template>
-                    <div v-else class="editable-cell__text-wrapper">
-                      <template v-if="text['type'] === 'enum'">
-                        {{ JSON.parse(text['filter'])[text.value] }}
-                      </template>
-                      <template v-else>
-                        {{ `${text.value}` || '&nbsp;' }}
-                      </template>
-                    </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>{{
-                          t('views.configManage.configParam.post')
-                        }}</template>
-                        <a-popconfirm
-                          v-if="
-                            tableState.arrayChildNewIndex ===
-                            text[column.key]?.value
-                          "
-                          :title="
-                            t('views.configManage.configParam.addSure', {
-                              value: text[column.key]?.value,
-                            })
-                          "
-                          placement="left"
-                          @confirm="arrayChildAddOk()"
-                        >
-                          <CheckOutlined class="editable-cell__icon-edit" />
-                        </a-popconfirm>
-                        <a-popconfirm
-                          v-else
-                          :title="
-                            t('views.configManage.configParam.arraryEdit', {
-                              value: text[column.key]?.value,
-                            })
-                          "
-                          placement="left"
-                          @confirm="arrayChildEditOk()"
-                        >
-                          <a-button
-                            type="text"
-                            class="editable-cell__icon-edit"
-                          >
-                            <template #icon><CheckOutlined /></template>
-                          </a-button>
-                        </a-popconfirm>
-                      </a-tooltip>
-                      <a-tooltip>
-                        <template #title> {{ t('common.cancel') }} </template>
-                        <a-button
-                          type="text"
-                          class="editable-cell__icon-edit"
-                          @click.prevent="arrayChildEditClose()"
-                        >
-                          <template #icon><CloseOutlined /></template>
-                        </a-button>
-                      </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 placement="topLeft">
-                      <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-input-number
-                            v-if="text['type'] === 'int'"
-                            v-model:value="
-                              tableState.arrayChildEditRecord[text.name][
-                                'value'
-                              ]
-                            "
-                            style="width: 100%"
-                          ></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'
-                              ]
-                            "
-                            :allow-clear="true"
-                            style="width: 100%"
-                          >
-                            <a-select-option
-                              :value="+v"
-                              :key="+v"
-                              v-for="(k, v) in JSON.parse(text['filter'])"
-                            >
-                              {{ k }}
-                            </a-select-option>
-                          </a-select>
-                          <a-input
-                            v-else
-                            v-model:value="
-                              tableState.arrayChildEditRecord[text.name][
-                                'value'
-                              ]
-                            "
-                            style="width: 100%"
-                          ></a-input>
-                        </div>
-                        <a-button
-                          type="link"
-                          size="small"
-                          @click.prevent="
-                            arrayChildExpand(record['index'], text)
-                          "
-                          v-else-if="Array.isArray(text.array)"
-                        >
-                          {{ t('common.viewText') }}
-                        </a-button>
-                        <div v-else class="editable-cell__text-wrapper">
-                          <template v-if="text['type'] === 'enum'">
-                            {{ JSON.parse(text['filter'])[text.value] }}
-                          </template>
-                          <template v-else>
-                            {{ `${text.value}` || '&nbsp;' }}
-                          </template>
-                        </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;
-  }
-  &__input-wrapper {
-    display: flex;
-    justify-content: start;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/views/configManage/configParamForm/index.vue b/src/views/configManage/configParamForm/index.vue
deleted file mode 100644
index 906861fd..00000000
--- a/src/views/configManage/configParamForm/index.vue
+++ /dev/null
@@ -1,1718 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref, onMounted } from 'vue';
-import { PageContainer } from 'antdv-pro-layout';
-import { message } from 'ant-design-vue/lib';
-import useI18n from '@/hooks/useI18n';
-import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import {
-  getParamConfigTopTab,
-  getParamConfigInfoForm,
-  updateParamConfigInfo,
-  delParamConfigInfo,
-  addParamConfigInfo,
-} from '@/api/configManage/configParam';
-import { TabPosition } from 'ant-design-vue/lib/tabs/src/interface';
-import useNeInfoStore from '@/store/modules/neinfo';
-import { toRaw } from 'vue';
-import { regExpIPv4, regExpIPv6 } from '@/utils/regular-utils';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-const { t } = useI18n();
-
-/**网元参数 */
-let neCascaderOptions = ref<Record<string, any>[]>([]);
-
-/**网元类型选择 type,id */
-let neTypeSelect = ref<string[]>(['', '']);
-
-/**tab标签栏类型 */
-type TabStateType = {
-  /**标签方向 */
-  tabPosition: TabPosition;
-  /**标签项 */
-  tabNames: Record<string, any>[];
-  /**标签激活项 */
-  tabActiveTopTag: string;
-  /**标签项类型 */
-  tabType: 'list' | 'array';
-  /**加载等待 */
-  loading: boolean;
-};
-
-/**tab标签栏属性 */
-let tabState: TabStateType = reactive({
-  tabPosition: 'top',
-  tabNames: [],
-  tabActiveTopTag: '',
-  tabType: 'list',
-  loading: false,
-});
-
-/**tab标签栏标签点击监听 */
-function fnTabActiveTopTag(key: string | number) {
-  if (tabState.loading) return;
-  listState.data = [];
-  arrayState.data = [];
-  tabState.loading = true;
-  if (key !== '#') {
-    tabState.tabActiveTopTag = key as string;
-  }
-
-  // 获取数据
-  const neType = neTypeSelect.value[0];
-  const neId = neTypeSelect.value[1];
-  const topTag = tabState.tabActiveTopTag;
-  getParamConfigInfoForm(neType, topTag, neId).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && res.data.type) {
-      tabState.tabActiveTopTag = topTag; // 激活当前数据项
-      tabState.loading = false;
-      tabState.tabType = res.data.type;
-      if (res.data.type === 'list') {
-        listState.data = res.data.data;
-        listEditClose();
-      }
-      if (res.data.type === 'array') {
-        arrayState.data = res.data.data;
-        arrayState.dataRule = res.data.dataRule;
-        arrayState.collapseActiveKey = [];
-        arrayEditClose();
-      }
-    } else {
-      message.warning({
-        content: t('common.noData'),
-        duration: 3,
-      });
-    }
-  });
-}
-
-/**查询配置Tag标签 */
-function fnGetParamConfigTopTab() {
-  const neType = neTypeSelect.value[0];
-  if (!neType) {
-    message.warning({
-      content: t('views.configManage.configParamForm.neTypePleace'),
-      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: t('views.configManage.configParamForm.noConfigData'),
-        duration: 3,
-      });
-    }
-  });
-}
-
-/**单列表状态类型 */
-type ListStateType = {
-  /**紧凑型 */
-  size: SizeType;
-  /**单列记录字段 */
-  columns: Record<string, any>[];
-  /**单列记录数据 */
-  data: Record<string, any>[];
-  /**编辑行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**单列表状态 */
-let listState: ListStateType = reactive({
-  size: 'middle',
-  columns: [
-    {
-      title: 'Key',
-      dataIndex: 'display',
-      align: 'left',
-      width: '30%',
-    },
-    {
-      title: 'Value',
-      dataIndex: 'value',
-      align: 'left',
-      width: '70%',
-    },
-  ],
-  data: [],
-  editRecord: {},
-});
-
-/**单列表编辑 */
-function listEdit(row: Record<string, any>) {
-  listState.editRecord = Object.assign({}, row);
-}
-
-/**单列表编辑关闭 */
-function listEditClose() {
-  listState.editRecord = {};
-}
-
-/**单列表编辑确认 */
-function listEditOk() {
-  const from = toRaw(listState.editRecord);
-  // 检查规则
-  const [ok, msg] = ruleVerification(from);
-  if (!ok) {
-    message.warning({
-      content: `${msg}`,
-      duration: 3,
-    });
-    return;
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  let data = {
-    [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: t('views.configManage.configParamForm.updateValue', {
-            num: from['display'],
-          }),
-          duration: 3,
-        });
-        // 改变表格数据
-        const item = listState.data.filter(
-          (item: Record<string, any>) => from['name'] === item['name']
-        )[0];
-        if (item) {
-          Object.assign(item, listState.editRecord);
-        }
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateValueErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      listState.editRecord = {};
-    });
-}
-
-/**多列列表状态类型 */
-type ArrayStateType = {
-  /**面板激活项 */
-  collapseActiveKey: string[];
-  /**多列记录数据 */
-  data: Record<string, any>[];
-  /**多列记录规则 */
-  dataRule: Record<string, any>;
-  /**新增行记录Index 编辑-1/新增>=0 */
-  newIndex: number;
-  /**编辑行Key值 */
-  editKey: number | string;
-  /**编辑行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**多列列表状态 */
-let arrayState: ArrayStateType = reactive({
-  collapseActiveKey: [],
-  data: [],
-  dataRule: {},
-  newIndex: -2,
-  editKey: -1,
-  editRecord: {},
-});
-
-/**多列表编辑 */
-function arrayEdit(item: Record<string, any>, index: number) {
-  const row: Record<string, any> = {};
-  for (const v of item.record) {
-    row[v.name] = Object.assign({}, v);
-  }
-  arrayState.editRecord = row;
-  arrayState.editKey = item.key;
-  arrayState.newIndex = index;
-
-  // 面板
-  const hasIndex = arrayState.collapseActiveKey.indexOf(`${item.key}`);
-  if (hasIndex === -1) {
-    arrayState.collapseActiveKey.push(`${item.key}`);
-  } else {
-    // tableState.collapseActiveKey.splice(hasIndex, 1);
-  }
-
-  // 关闭嵌套
-  arrayChildExpandClose();
-}
-
-/**多列表编辑关闭 */
-function arrayEditClose() {
-  arrayState.editRecord = {};
-  arrayState.newIndex = -3;
-  arrayState.editKey = -1;
-  arrayChildEditClose();
-}
-
-/**多列表编辑确认 */
-function arrayEditOk() {
-  const from = toRaw(arrayState.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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  updateParamConfigInfo(
-    'array',
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: tabState.tabActiveTopTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.updateItem', {
-            num: loc,
-          }),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateItemErr', {
-            num: loc,
-          }),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      arrayEditClose();
-    });
-}
-
-/**多列表删除单行 */
-function arrayDelete(row: Record<string, any>) {
-  const index = row.key;
-  delParamConfigInfo({
-    neType: neTypeSelect.value[0],
-    neId: neTypeSelect.value[1],
-    topTag: tabState.tabActiveTopTag,
-    loc: index,
-  }).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      message.success({
-        content: t('views.configManage.configParamForm.delItemOk', {
-          num: index,
-        }),
-        duration: 2,
-      });
-      fnTabActiveTopTag('#');
-    } else {
-      message.error({
-        content: `${res.msg}`,
-        duration: 2,
-      });
-    }
-  });
-}
-
-/**多列表新增单行 */
-function arrayAdd() {
-  const from = arrayAddInit(arrayState.data, arrayState.dataRule);
-
-  // 处理信息
-  const row: Record<string, any> = {};
-  for (const v of from.record) {
-    if (Array.isArray(v.array)) {
-      continue;
-    }
-    row[v.name] = Object.assign({}, v);
-  }
-
-  modalState.from = row;
-  modalState.type = 'array';
-  modalState.title = from.title;
-  modalState.key = from.key;
-  modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-  modalState.visibleByAdd = true;
-}
-
-/**多列表新增单行确认 */
-function arrayAddOk(from: Record<string, any>) {
-  const index = 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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  addParamConfigInfo(
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: tabState.tabActiveTopTag,
-      loc: index,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.addItemOk', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.addItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      fnModalCancel();
-      arrayEditClose();
-    });
-}
-
-/**多列嵌套列表状态类型 */
-type ArrayChildStateType = {
-  /**标题 */
-  title: string;
-  /**层级index */
-  loc: string;
-  /**面板激活项 */
-  collapseActiveKey: string[];
-  /**多列嵌套记录数据 */
-  data: Record<string, any>[];
-  /**多列嵌套记录规则 */
-  dataRule: Record<string, any>;
-  /**新增嵌套行记录Index  编辑-1/新增>=0 */
-  newIndex: number;
-  /**编辑嵌套行Key值 */
-  editKey: number | string;
-  /**编辑嵌套行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**表格状态 */
-let arrayChildState: ArrayChildStateType = reactive({
-  title: '',
-  loc: '',
-  collapseActiveKey: [],
-  data: [],
-  dataRule: {},
-  newIndex: -2,
-  editKey: -1,
-  editRecord: {},
-});
-
-/**多列表展开嵌套行 */
-function arrayChildExpand(key: number | string, row: Record<string, any>) {
-  const loc = key;
-  arrayChildState.loc = '';
-  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: Record<string, any>[] = [];
-  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(record);
-    dataArray.push({ title: `Index-${index}`, key: index, record });
-  }
-  arrayChildState.data = dataArray;
-
-  // 无数据时，用于新增
-  arrayChildState.dataRule = {
-    title: `Index-0`,
-    key: 0,
-    record: ruleArr,
-  };
-
-  arrayChildState.loc = `${loc}/${from['name']}`;
-  arrayChildState.newIndex = -3;
-  // 设置展开列表标题
-  arrayChildState.title = `${from['display']}`;
-  // 关闭默认展开
-  arrayChildState.collapseActiveKey = [];
-}
-
-/**多列表展开嵌套行 */
-function arrayChildExpandClose() {
-  arrayChildState.title = '';
-  arrayChildEditClose();
-}
-
-/**多列表嵌套行编辑 */
-function arrayChildEdit(item: Record<string, any>, index: number) {
-  const row: Record<string, any> = {};
-  for (const v of item.record) {
-    row[v.name] = Object.assign({}, v);
-  }
-  arrayChildState.editRecord = row;
-  arrayChildState.editKey = item.key;
-  arrayChildState.newIndex = index;
-
-  // 面板
-  const hasIndex = arrayChildState.collapseActiveKey.indexOf(`${item.key}`);
-  if (hasIndex === -1) {
-    arrayChildState.collapseActiveKey.push(`${item.key}`);
-  } else {
-    // arrayChildState.collapseActiveKey.splice(hasIndex, 1);
-  }
-}
-
-/**多列表嵌套行编辑关闭 */
-function arrayChildEditClose() {
-  arrayChildState.editRecord = {};
-  arrayChildState.editKey = -1;
-  arrayChildState.newIndex = -3;
-}
-
-/**多列表嵌套行编辑确认 */
-function arrayChildEditOk() {
-  const from = toRaw(arrayChildState.editRecord);
-  const index = from['index']['value'];
-  const loc = `${arrayChildState.loc}/${index}`;
-  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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  updateParamConfigInfo(
-    'array',
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: tabState.tabActiveTopTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.updateItem', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      arrayChildExpandClose();
-    });
-}
-
-/**多列表嵌套行删除单行 */
-function arrayChildDelete(row: Record<string, any>) {
-  const index = row.key;
-  const loc = `${arrayChildState.loc}/${index}`;
-  delParamConfigInfo({
-    neType: neTypeSelect.value[0],
-    neId: neTypeSelect.value[1],
-    topTag: tabState.tabActiveTopTag,
-    loc,
-  }).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      message.success({
-        content: t('views.configManage.configParamForm.delItemOk', {
-          num: index,
-        }),
-        duration: 2,
-      });
-      arrayChildExpandClose();
-      fnTabActiveTopTag('#');
-    } else {
-      message.error({
-        content: `${res.msg}`,
-        duration: 2,
-      });
-    }
-  });
-}
-
-/**多列表嵌套行新增单行 */
-function arrayChildAdd() {
-  const from = arrayAddInit(arrayChildState.data, arrayChildState.dataRule);
-  // 处理信息
-  const row: Record<string, any> = {};
-  for (const v of from.record) {
-    if (Array.isArray(v.array)) {
-      continue;
-    }
-    row[v.name] = Object.assign({}, v);
-  }
-
-  modalState.from = row;
-  modalState.type = 'arrayChild';
-  modalState.title = from.title;
-  modalState.key = from.key;
-  modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-  modalState.visibleByAdd = true;
-}
-
-/**多列表新增单行确认 */
-function arrayChildAddOk(from: Record<string, any>) {
-  const index = from['index']['value'];
-  const loc = `${arrayChildState.loc}/${index}`;
-  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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  addParamConfigInfo(
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: tabState.tabActiveTopTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.addItemOk', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnTabActiveTopTag('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.addItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      fnModalCancel();
-      arrayChildExpandClose();
-    });
-}
-
-/**多列表新增行数据初始化 */
-function arrayAddInit(data: any[], dataRule: any) {
-  const len = data.length;
-  let lastItme: Record<string, any> = {};
-  let newIndex = 0;
-  // 无数据时生成临时记录
-  if (len === 0) {
-    lastItme = dataRule;
-  } else {
-    lastItme = data[len - 1];
-  }
-  const from = Object.assign({}, JSON.parse(JSON.stringify(lastItme)));
-  for (const row of from.record) {
-    const value = row.value;
-    if (row.name === 'index') {
-      if (value !== '') {
-        newIndex = parseInt(value) + 1;
-      }
-      if (isNaN(newIndex)) {
-        newIndex = 0;
-      }
-      row.value = newIndex;
-      from.key = newIndex;
-      from.title = `Index-${newIndex}`;
-      continue;
-    }
-    // 子嵌套的不初始
-    if (row.array) {
-      row.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]);
-          row.value = minInt;
-        } else {
-          row.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);
-          }
-
-          row.value = Object.keys(filterJson)[0];
-        } else {
-          row.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);
-          }
-
-          row.value = Object.keys(filterJson)[0];
-        } else {
-          row.value = false;
-        }
-        break;
-      case 'ipv4':
-      case 'ipv6':
-      case 'regex':
-      default:
-        row.value = '';
-        break;
-    }
-  }
-
-  return from;
-}
-
-/**规则校验 */
-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,
-            t('views.configManage.configParamForm.requireInt', {
-              display,
-              filter,
-            }),
-          ];
-        }
-      }
-      break;
-    case 'ipv4':
-      if (!regExpIPv4.test(value)) {
-        return [
-          false,
-          t('views.configManage.configParamForm.requireIpv4', { display }),
-        ];
-      }
-      break;
-    case 'ipv6':
-      if (!regExpIPv6.test(value)) {
-        return [
-          false,
-          t('views.configManage.configParamForm.requireIpv6', { display }),
-        ];
-      }
-      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,
-            t('views.configManage.configParamForm.requireEnum', { 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,
-            t('views.configManage.configParamForm.requireBool', { 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,
-              t('views.configManage.configParamForm.requireString', {
-                display,
-              }),
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-
-      break;
-    case 'regex':
-      if (filter) {
-        try {
-          let regex = new RegExp(filter);
-          if (!regex.test(value)) {
-            return [
-              false,
-              t('views.configManage.configParamForm.requireString', {
-                display,
-              }),
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-      break;
-
-    default:
-      return [
-        false,
-        t('views.configManage.configParamForm.requireUn', { display }),
-      ];
-  }
-  return result;
-}
-
-/**对话框对象信息状态类型 */
-type ModalStateType = {
-  /**添加框是否显示 */
-  visibleByAdd: boolean;
-  /**标题 */
-  title: string;
-  /**表单数据 */
-  from: Record<string, any>;
-  /**确定按钮 loading */
-  confirmLoading: boolean;
-  /**项类型 */
-  type: 'array' | 'arrayChild';
-  /**项Key */
-  key: string | number;
-  /**项数据 */
-  data: Record<string, any>[];
-};
-
-/**对话框对象信息状态 */
-let modalState: ModalStateType = reactive({
-  visibleByAdd: false,
-  title: 'Item',
-  from: {},
-  confirmLoading: false,
-  type: 'array',
-  key: '',
-  data: [],
-});
-
-/**
- * 对话框弹出确认执行函数
- * 进行表达规则校验
- */
-function fnModalOk() {
-  const from = toRaw(modalState.from);
-  if (modalState.type === 'array') {
-    arrayAddOk(from);
-  }
-  if (modalState.type === 'arrayChild') {
-    arrayChildAddOk(from);
-  }
-}
-
-/**
- * 对话框弹出关闭执行函数
- * 进行表达规则校验
- */
-function fnModalCancel() {
-  modalState.visibleByAdd = false;
-  modalState.from = {};
-  modalState.type = 'array';
-  modalState.key = '';
-  modalState.data = [];
-}
-
-onMounted(() => {
-  // 获取网元网元列表
-  useNeInfoStore()
-    .fnNelist()
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-        if (res.data.length > 0) {
-          // 过滤不可用的网元
-          neCascaderOptions.value = useNeInfoStore().getNeCascaderOptions.filter(
-            (item: any) => {
-              return !['OMC'].includes(item.value);
-            }
-          );
-          if (neCascaderOptions.value.length === 0) {
-          message.warning({
-            content: t('common.noData'),
-            duration: 2,
-          });
-          return;
-        }
-          // 默认选择AMF
-          const item = neCascaderOptions.value.find(s => s.value === 'AMF');
-          if (item && item.children) {
-            const info = item.children[0];
-            neTypeSelect.value = [info.neType, info.neId];
-          } else {
-            const info = neCascaderOptions.value[0].children[0];
-            neTypeSelect.value = [info.neType, info.neId];
-          }
-          fnGetParamConfigTopTab();
-        }
-      } else {
-        message.warning({
-          content: t('common.noData'),
-          duration: 2,
-        });
-      }
-    });
-});
-</script>
-
-<template>
-  <PageContainer>
-    <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="t('views.configManage.configParamForm.neType')"
-              name="neTypeSelect"
-            >
-              <a-cascader
-                v-model:value="neTypeSelect"
-                :options="neCascaderOptions"
-                :allow-clear="false"
-                @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><ReloadOutlined /></template>
-                  {{ t('common.reloadText') }}
-                </a-button>
-              </a-space>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </a-card>
-
-    <a-card :bordered="false">
-      <a-tabs
-        destroy-inactive-tab-pane
-        v-model:activeKey="tabState.tabActiveTopTag"
-        :tab-position="tabState.tabPosition"
-        @change="fnTabActiveTopTag"
-      >
-        <a-tab-pane
-          v-for="tab in tabState.tabNames"
-          :key="tab.topTag"
-          :tab="tab.topDisplay"
-        >
-          <a-spin :spinning="tabState.loading">
-            <!-- 单列表格列表 -->
-            <a-table
-              v-if="tabState.tabType === 'list'"
-              class="table"
-              row-key="name"
-              :size="listState.size"
-              :columns="listState.columns"
-              :data-source="listState.data"
-              :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="
-                          listState.editRecord['display'] === record['display']
-                        "
-                        class="editable-cell__input-wrapper"
-                      >
-                        <a-input-number
-                          v-if="record['type'] === 'int'"
-                          v-model:value="listState.editRecord['value']"
-                          style="width: 100%"
-                        ></a-input-number>
-                        <a-switch
-                          v-else-if="record['type'] === 'bool'"
-                          v-model:checked="listState.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="listState.editRecord['value']"
-                          :allow-clear="true"
-                          style="width: 100%"
-                        >
-                          <a-select-option
-                            :value="+v"
-                            :key="+v"
-                            v-for="(k, v) in JSON.parse(record['filter'])"
-                          >
-                            {{ k }}
-                          </a-select-option>
-                        </a-select>
-                        <a-input
-                          v-else
-                          v-model:value="listState.editRecord['value']"
-                        ></a-input>
-                        <a-space
-                          :size="16"
-                          align="center"
-                          direction="horizontal"
-                        >
-                          <a-tooltip placement="bottomRight">
-                            <template #title> {{ t('common.ok') }} </template>
-                            <a-popconfirm
-                              :title="
-                                t(
-                                  'views.configManage.configParamForm.editOkTip',
-                                  { num: record['display'] }
-                                )
-                              "
-                              placement="topRight"
-                              @confirm="listEditOk()"
-                            >
-                              <a-button
-                                type="text"
-                                class="editable-cell__icon-edit"
-                              >
-                                <template #icon><CheckOutlined /></template>
-                              </a-button>
-                            </a-popconfirm>
-                          </a-tooltip>
-                          <a-tooltip placement="bottomRight">
-                            <template #title>
-                              {{ t('common.cancel') }}
-                            </template>
-                            <a-button
-                              type="text"
-                              class="editable-cell__icon-edit"
-                              @click.prevent="listEditClose()"
-                            >
-                              <template #icon><CloseOutlined /></template>
-                            </a-button>
-                          </a-tooltip>
-                        </a-space>
-                      </div>
-                      <div v-else class="editable-cell__text-wrapper">
-                        <template v-if="record['type'] === 'enum'">
-                          {{ JSON.parse(record['filter'])[text] }}
-                        </template>
-                        <template v-else>{{ `${text}` || '&nbsp;' }}</template>
-                        <EditOutlined
-                          class="editable-cell__icon"
-                          v-if="record.access !== 'read'"
-                          @click="listEdit(record)"
-                        />
-                      </div>
-                    </div>
-                  </a-tooltip>
-                </template>
-              </template>
-            </a-table>
-
-            <!-- array类型 -->
-            <template v-if="tabState.tabType === 'array'">
-              <!-- 多列新增操作 -->
-              <a-button
-                type="primary"
-                @click.prevent="arrayAdd()"
-                v-if="tab.method !== 'get'"
-              >
-                <template #icon><PlusOutlined /></template>
-                {{ t('common.addText') }}
-              </a-button>
-
-              <a-collapse
-                collapsible="header"
-                v-model:activeKey="arrayState.collapseActiveKey"
-              >
-                <a-collapse-panel
-                  :key="data.key"
-                  :header="data.title"
-                  v-for="data in arrayState.data"
-                >
-                  <!-- 多列编辑操作 -->
-                  <template #extra>
-                    <a-space :size="16" v-if="tab.method !== 'get'">
-                      <template
-                        v-if="
-                          arrayState.editKey === data.key &&
-                          arrayState.newIndex === -1
-                        "
-                      >
-                        <a-popconfirm
-                          :title="
-                            t(
-                              'views.configManage.configParamForm.updateItemTip',
-                              { num: data.key }
-                            )
-                          "
-                          placement="right"
-                          @confirm="arrayEditOk()"
-                        >
-                          <a-button type="primary" size="small">
-                            <template #icon><CheckOutlined /></template>
-                            {{ t('common.ok') }}
-                          </a-button>
-                        </a-popconfirm>
-                        <a-button
-                          type="default"
-                          size="small"
-                          @click.prevent="arrayEditClose()"
-                        >
-                          <template #icon><CloseOutlined /></template>
-                          {{ t('common.close') }}
-                        </a-button>
-                      </template>
-
-                      <template
-                        v-if="
-                          arrayState.editKey !== data.key ||
-                          arrayState.newIndex < -1
-                        "
-                      >
-                        <a-button
-                          type="default"
-                          size="small"
-                          @click.prevent="arrayEdit(data, -1)"
-                        >
-                          <template #icon><ProfileOutlined /></template>
-                          {{ t('common.editText') }}
-                        </a-button>
-                        <a-popconfirm
-                          :title="
-                            t('views.configManage.configParamForm.delItemTip', {
-                              num: data.key,
-                            })
-                          "
-                          placement="topRight"
-                          @confirm="arrayDelete(data)"
-                        >
-                          <a-button danger type="default" size="small">
-                            <template #icon><DeleteOutlined /></template>
-                            {{ t('common.deleteText') }}
-                          </a-button>
-                        </a-popconfirm>
-                      </template>
-                    </a-space>
-                  </template>
-
-                  <!-- 多列数据渲染 -->
-                  <a-form
-                    class="form"
-                    layout="horizontal"
-                    autocomplete="off"
-                    :validate-on-rule-change="false"
-                    :validateTrigger="[]"
-                  >
-                    <a-form-item
-                      v-for="item in data.record"
-                      :label="item.display"
-                      :name="item.name"
-                      :required="item.optional === 'false'"
-                      style="margin-bottom: 2px"
-                    >
-                      <a-tooltip placement="topLeft">
-                        <template #title v-if="item.comment">
-                          {{ item.comment }}
-                        </template>
-                        <div>
-                          <div
-                            v-if="
-                              !Array.isArray(item.array) &&
-                              arrayState.editKey === data.key &&
-                              arrayState.newIndex >= -1 &&
-                              arrayState.editRecord[item.name] !== undefined
-                            "
-                          >
-                            <a-input-number
-                              v-if="item['type'] === 'int'"
-                              v-model:value="
-                                arrayState.editRecord[item.name]['value']
-                              "
-                              :disabled="item.name === 'index'"
-                              style="width: 100%"
-                            ></a-input-number>
-                            <a-switch
-                              v-else-if="item['type'] === 'bool'"
-                              v-model:checked="
-                                arrayState.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="
-                                arrayState.editRecord[item.name]['value']
-                              "
-                              :allow-clear="true"
-                              style="width: 100%"
-                            >
-                              <a-select-option
-                                :value="+v"
-                                :key="+v"
-                                v-for="(k, v) in JSON.parse(item['filter'])"
-                              >
-                                {{ k }}
-                              </a-select-option>
-                            </a-select>
-                            <a-input
-                              v-else
-                              v-model:value="
-                                arrayState.editRecord[item.name]['value']
-                              "
-                              :disabled="item.name === 'index'"
-                            ></a-input>
-                          </div>
-
-                          <a-button
-                            type="link"
-                            size="small"
-                            @click.prevent="arrayChildExpand(data.key, item)"
-                            v-else-if="Array.isArray(item.array)"
-                          >
-                            {{
-                              arrayState.newIndex === -1
-                                ? '-'
-                                : t(
-                                    'views.configManage.configParamForm.arrayMore'
-                                  )
-                            }}
-                          </a-button>
-
-                          <div v-else>
-                            <template v-if="item['type'] === 'enum'">
-                              {{ JSON.parse(item['filter'])[item.value] }}
-                            </template>
-                            <template v-else>
-                              {{ `${item.value}` || '&nbsp;' }}
-                            </template>
-                          </div>
-                        </div>
-                      </a-tooltip>
-
-                      <!-- 多列嵌套类型 -->
-                      <template
-                        #extra
-                        v-if="
-                          Array.isArray(item.array) &&
-                          item.display === arrayChildState.title
-                        "
-                      >
-                        <!-- 多列嵌套新增操作 -->
-                        <a-space :size="16" v-if="tab.method !== 'get'">
-                          <a-button
-                            type="primary"
-                            @click.prevent="arrayChildAdd()"
-                          >
-                            <template #icon><PlusOutlined /></template>
-                            {{ t('common.addText') }}
-                          </a-button>
-                          <a-button
-                            type="default"
-                            @click.prevent="arrayChildExpandClose()"
-                          >
-                            <template #icon><CloseOutlined /></template>
-                            {{ t('common.close') }}
-                          </a-button>
-                        </a-space>
-
-                        <a-collapse
-                          collapsible="header"
-                          v-model:activeKey="arrayChildState.collapseActiveKey"
-                        >
-                          <a-collapse-panel
-                            :key="cdata.key"
-                            :header="cdata.title"
-                            v-for="cdata in arrayChildState.data"
-                          >
-                            <!-- 多列嵌套编辑操作 -->
-                            <template #extra>
-                              <a-space :size="16" v-if="tab.method !== 'get'">
-                                <template
-                                  v-if="
-                                    arrayChildState.editKey === cdata.key &&
-                                    arrayChildState.newIndex === -1
-                                  "
-                                >
-                                  <a-popconfirm
-                                    :title="
-                                      t(
-                                        'views.configManage.configParamForm.updateItemTip',
-                                        { num: cdata.key }
-                                      )
-                                    "
-                                    placement="right"
-                                    @confirm="arrayChildEditOk()"
-                                  >
-                                    <a-button type="primary" size="small">
-                                      <template #icon
-                                        ><CheckOutlined
-                                      /></template>
-                                      {{ t('common.ok') }}
-                                    </a-button>
-                                  </a-popconfirm>
-                                  <a-button
-                                    type="default"
-                                    size="small"
-                                    @click.prevent="arrayChildEditClose()"
-                                  >
-                                    <template #icon><CloseOutlined /></template>
-                                    {{ t('common.close') }}
-                                  </a-button>
-                                </template>
-
-                                <template
-                                  v-if="
-                                    arrayChildState.editKey !== cdata.key ||
-                                    arrayChildState.newIndex < -1
-                                  "
-                                >
-                                  <a-button
-                                    type="default"
-                                    size="small"
-                                    @click.prevent="arrayChildEdit(cdata, -1)"
-                                  >
-                                    <template #icon
-                                      ><ProfileOutlined
-                                    /></template>
-                                    {{ t('common.editText') }}
-                                  </a-button>
-                                  <a-popconfirm
-                                    :title="
-                                      t(
-                                        'views.configManage.configParamForm.delItemTip',
-                                        { num: cdata.key }
-                                      )
-                                    "
-                                    placement="topRight"
-                                    @confirm="arrayChildDelete(cdata)"
-                                  >
-                                    <a-button
-                                      danger
-                                      type="default"
-                                      size="small"
-                                    >
-                                      <template #icon>
-                                        <DeleteOutlined />
-                                      </template>
-                                      {{ t('common.deleteText') }}
-                                    </a-button>
-                                  </a-popconfirm>
-                                </template>
-                              </a-space>
-                            </template>
-
-                            <!-- 多列嵌套数据渲染 -->
-                            <a-form
-                              class="form"
-                              layout="horizontal"
-                              autocomplete="off"
-                              :validate-on-rule-change="false"
-                              :validateTrigger="[]"
-                            >
-                              <a-form-item
-                                v-for="item in cdata.record"
-                                :label="item.display"
-                                :name="item.name"
-                                :required="item.optional === 'false'"
-                                style="margin-bottom: 2px"
-                              >
-                                <a-tooltip placement="topLeft">
-                                  <template #title v-if="item.comment">
-                                    {{ item.comment }}
-                                  </template>
-                                  <div>
-                                    <div
-                                      v-if="
-                                        !Array.isArray(item.array) &&
-                                        arrayChildState.newIndex >= -1 &&
-                                        arrayChildState.editKey === cdata.key &&
-                                        arrayChildState.editRecord[
-                                          item.name
-                                        ] !== undefined
-                                      "
-                                    >
-                                      <a-input-number
-                                        v-if="item['type'] === 'int'"
-                                        v-model:value="
-                                          arrayChildState.editRecord[item.name][
-                                            'value'
-                                          ]
-                                        "
-                                        :disabled="item.name === 'index'"
-                                        style="width: 100%"
-                                      ></a-input-number>
-                                      <a-switch
-                                        v-else-if="item['type'] === 'bool'"
-                                        v-model:checked="
-                                          arrayChildState.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="
-                                          arrayChildState.editRecord[item.name][
-                                            'value'
-                                          ]
-                                        "
-                                        :allow-clear="true"
-                                        style="width: 100%"
-                                      >
-                                        <a-select-option
-                                          :value="+v"
-                                          :key="+v"
-                                          v-for="(k, v) in JSON.parse(
-                                            item['filter']
-                                          )"
-                                        >
-                                          {{ k }}
-                                        </a-select-option>
-                                      </a-select>
-                                      <a-input
-                                        v-else
-                                        v-model:value="
-                                          arrayChildState.editRecord[item.name][
-                                            'value'
-                                          ]
-                                        "
-                                        :disabled="item.name === 'index'"
-                                      ></a-input>
-                                    </div>
-
-                                    <a-button
-                                      type="link"
-                                      size="small"
-                                      v-else-if="Array.isArray(item.array)"
-                                    >
-                                      {{
-                                        arrayChildState.newIndex === -1
-                                          ? '-'
-                                          : t(
-                                              'views.configManage.configParamForm.arrayMore'
-                                            )
-                                      }}
-                                    </a-button>
-
-                                    <div v-else>
-                                      <template v-if="item['type'] === 'enum'">
-                                        {{
-                                          JSON.parse(item['filter'])[item.value]
-                                        }}
-                                      </template>
-                                      <template v-else>
-                                        {{ `${item.value}` || '&nbsp;' }}
-                                      </template>
-                                    </div>
-                                  </div>
-                                </a-tooltip>
-                              </a-form-item>
-                            </a-form>
-                          </a-collapse-panel>
-                        </a-collapse>
-                      </template>
-                    </a-form-item>
-                  </a-form>
-                </a-collapse-panel>
-              </a-collapse>
-            </template>
-          </a-spin>
-        </a-tab-pane>
-      </a-tabs>
-    </a-card>
-
-    <!-- 新增框或修改框 -->
-    <a-modal
-      width="800px"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
-      :keyboard="false"
-      :mask-closable="false"
-      :visible="modalState.visibleByAdd"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnModalOk"
-      @cancel="fnModalCancel"
-    >
-      <a-form
-        class="form"
-        layout="horizontal"
-        autocomplete="off"
-        :validate-on-rule-change="false"
-        :validateTrigger="[]"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
-        <a-form-item
-          v-for="item in modalState.data"
-          :label="item.display"
-          :name="item.name"
-          :required="item.optional === 'false'"
-          style="margin-bottom: 2px"
-        >
-          <a-tooltip placement="topLeft">
-            <template #title v-if="item.comment">
-              {{ item.comment }}
-            </template>
-            <div>
-              <div
-                v-if="
-                  !Array.isArray(item.array) &&
-                  modalState.from[item.name] !== undefined
-                "
-              >
-                <a-input-number
-                  v-if="item['type'] === 'int'"
-                  v-model:value="modalState.from[item.name]['value']"
-                  :disabled="item.name === 'index'"
-                  style="width: 100%"
-                ></a-input-number>
-                <a-switch
-                  v-else-if="item['type'] === 'bool'"
-                  v-model:checked="modalState.from[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="modalState.from[item.name]['value']"
-                  :allow-clear="true"
-                  style="width: 100%"
-                >
-                  <a-select-option
-                    :value="+v"
-                    :key="+v"
-                    v-for="(k, v) in JSON.parse(item['filter'])"
-                  >
-                    {{ k }}
-                  </a-select-option>
-                </a-select>
-                <a-input
-                  v-else
-                  v-model:value="modalState.from[item.name]['value']"
-                  :disabled="item.name === 'index'"
-                ></a-input>
-              </div>
-              <div v-else>
-                {{ `${item.value || '&nbsp;'}` }}
-              </div>
-            </div>
-          </a-tooltip>
-        </a-form-item>
-      </a-form>
-    </a-modal>
-  </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;
-  }
-  &__input-wrapper {
-    display: flex;
-    justify-content: start;
-    align-items: center;
-  }
-}
-</style>
diff --git a/src/views/configManage/configParamTree/index.vue b/src/views/configManage/configParamTree/index.vue
deleted file mode 100644
index 0e53578f..00000000
--- a/src/views/configManage/configParamTree/index.vue
+++ /dev/null
@@ -1,1761 +0,0 @@
-<script setup lang="ts">
-import { reactive, ref, onMounted } from 'vue';
-import { PageContainer } from 'antdv-pro-layout';
-import { message } from 'ant-design-vue/lib';
-import useI18n from '@/hooks/useI18n';
-import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import {
-  getParamConfigTopTab,
-  getParamConfigInfoForm,
-  updateParamConfigInfo,
-  delParamConfigInfo,
-  addParamConfigInfo,
-} from '@/api/configManage/configParam';
-import useNeInfoStore from '@/store/modules/neinfo';
-import { toRaw } from 'vue';
-import { regExpIPv4, regExpIPv6 } from '@/utils/regular-utils';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { DataNode } from 'ant-design-vue/lib/tree';
-const neInfoStore = useNeInfoStore();
-const { t } = useI18n();
-
-/**网元参数 */
-let neCascaderOptions = ref<Record<string, any>[]>([]);
-
-/**网元类型选择 type,id */
-let neTypeSelect = ref<string[]>(['', '']);
-
-/**对象信息状态类型 */
-type TreeStateType = {
-  /**网元 loading */
-  loading: boolean;
-  /**网元配置 tree */
-  data: DataNode[];
-  /**选择对应Node一级 tree */
-  selectNode: Record<string, any>;
-  /**选择 loading */
-  selectLoading: boolean;
-};
-
-let treeState: TreeStateType = reactive({
-  loading: true,
-  data: [],
-  selectNode: {
-    topDisplay: '' as string,
-    topTag: '' as string,
-    method: '' as string,
-    //
-    title: '' as string,
-    key: '' as string,
-    type: 'list' as 'list' | 'array',
-  },
-  selectLoading: true,
-});
-
-/**查询可选命令列表 */
-function fnSelectConfigNode(_: any, info: any) {
-  const { title, key, method } = info.node;
-  treeState.selectNode.topDisplay = title;
-  treeState.selectNode.topTag = key;
-  treeState.selectNode.method = method;
-  treeState.selectNode.title = title;
-  treeState.selectNode.key = key;
-  fnActiveConfigNode(key);
-}
-
-/**tab标签栏标签点击监听 */
-function fnActiveConfigNode(key: string | number) {
-  listState.data = [];
-  arrayState.data = [];
-  treeState.selectLoading = true;
-  if (key !== '#') {
-    treeState.selectNode.topTag = key as string;
-  }
-
-  // 获取数据
-  const neType = neTypeSelect.value[0];
-  const neId = neTypeSelect.value[1];
-  const topTag = treeState.selectNode.topTag;
-  getParamConfigInfoForm(neType, topTag, neId).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && res.data.type) {
-      treeState.selectLoading = false;
-      treeState.selectNode.topTag = topTag;
-      treeState.selectNode.type = res.data.type;
-      if (res.data.type === 'list') {
-        listState.data = res.data.data;
-        listEditClose();
-      }
-      if (res.data.type === 'array') {
-        arrayState.data = res.data.data;
-        arrayState.dataRule = res.data.dataRule;
-        arrayState.collapseActiveKey = [];
-        arrayEditClose();
-      }
-    } else {
-      message.warning({
-        content: t('common.noData'),
-        duration: 3,
-      });
-    }
-  });
-}
-
-/**查询配置Tag标签 */
-function fnGetParamConfigTopTab() {
-  const neType = neTypeSelect.value[0];
-  if (!neType) {
-    message.warning({
-      content: t('views.configManage.configParamForm.neTypePleace'),
-      duration: 3,
-    });
-    return;
-  }
-
-  treeState.loading = true;
-  // 获取数据
-  getParamConfigTopTab(neType).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-      treeState.data = res.data.map(item => ({
-        children: undefined,
-        title: item.topDisplay,
-        key: item.topTag,
-        ...item,
-      }));
-      treeState.loading = false;
-      // 取首个tag
-      if (res.data.length > 0) {
-        const itemOne = res.data[0];
-        treeState.selectNode = {
-          title: itemOne.topDisplay,
-          key: itemOne.topTag,
-          type: 'list',
-          ...itemOne,
-        };
-        fnActiveConfigNode(itemOne.topTag);
-      }
-    } else {
-      message.warning({
-        content: t('views.configManage.configParamForm.noConfigData'),
-        duration: 3,
-      });
-    }
-  });
-}
-
-/**单列表状态类型 */
-type ListStateType = {
-  /**紧凑型 */
-  size: SizeType;
-  /**单列记录字段 */
-  columns: Record<string, any>[];
-  /**单列记录数据 */
-  data: Record<string, any>[];
-  /**编辑行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**单列表状态 */
-let listState: ListStateType = reactive({
-  size: 'middle',
-  columns: [
-    {
-      title: 'Key',
-      dataIndex: 'display',
-      align: 'left',
-      width: '30%',
-    },
-    {
-      title: 'Value',
-      dataIndex: 'value',
-      align: 'left',
-      width: '70%',
-    },
-  ],
-  data: [],
-  editRecord: {},
-});
-
-/**单列表编辑 */
-function listEdit(row: Record<string, any>) {
-  listState.editRecord = Object.assign({}, row);
-}
-
-/**单列表编辑关闭 */
-function listEditClose() {
-  listState.editRecord = {};
-}
-
-/**单列表编辑确认 */
-function listEditOk() {
-  const from = toRaw(listState.editRecord);
-  // 检查规则
-  const [ok, msg] = ruleVerification(from);
-  if (!ok) {
-    message.warning({
-      content: `${msg}`,
-      duration: 3,
-    });
-    return;
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  let data = {
-    [from['name']]: from['value'],
-  };
-  updateParamConfigInfo(
-    'list',
-    {
-      neType: neTypeSelect.value[0],
-      neId: neTypeSelect.value[1],
-      topTag: treeState.selectNode.topTag,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.updateValue', {
-            num: from['display'],
-          }),
-          duration: 3,
-        });
-        // 改变表格数据
-        const item = listState.data.filter(
-          (item: Record<string, any>) => from['name'] === item['name']
-        )[0];
-        if (item) {
-          Object.assign(item, listState.editRecord);
-        }
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateValueErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      listState.editRecord = {};
-    });
-}
-
-/**多列列表状态类型 */
-type ArrayStateType = {
-  /**面板激活项 */
-  collapseActiveKey: string[];
-  /**多列记录数据 */
-  data: Record<string, any>[];
-  /**多列记录规则 */
-  dataRule: Record<string, any>;
-  /**新增行记录Index 编辑-1/新增>=0 */
-  newIndex: number;
-  /**编辑行Key值 */
-  editKey: number | string;
-  /**编辑行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**多列列表状态 */
-let arrayState: ArrayStateType = reactive({
-  collapseActiveKey: [],
-  data: [],
-  dataRule: {},
-  newIndex: -2,
-  editKey: -1,
-  editRecord: {},
-});
-
-/**多列表编辑 */
-function arrayEdit(item: Record<string, any>, index: number) {
-  const row: Record<string, any> = {};
-  for (const v of item.record) {
-    row[v.name] = Object.assign({}, v);
-  }
-  arrayState.editRecord = row;
-  arrayState.editKey = item.key;
-  arrayState.newIndex = index;
-
-  // 面板
-  const hasIndex = arrayState.collapseActiveKey.indexOf(`${item.key}`);
-  if (hasIndex === -1) {
-    arrayState.collapseActiveKey.push(`${item.key}`);
-  } else {
-    // tableState.collapseActiveKey.splice(hasIndex, 1);
-  }
-
-  // 关闭嵌套
-  arrayChildExpandClose();
-}
-
-/**多列表编辑关闭 */
-function arrayEditClose() {
-  arrayState.editRecord = {};
-  arrayState.newIndex = -3;
-  arrayState.editKey = -1;
-  arrayChildEditClose();
-}
-
-/**多列表编辑确认 */
-function arrayEditOk() {
-  const from = toRaw(arrayState.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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  updateParamConfigInfo(
-    'array',
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: treeState.selectNode.topTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.updateItem', {
-            num: loc,
-          }),
-          duration: 3,
-        });
-        fnActiveConfigNode('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateItemErr', {
-            num: loc,
-          }),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      arrayEditClose();
-    });
-}
-
-/**多列表删除单行 */
-function arrayDelete(row: Record<string, any>) {
-  const index = row.key;
-  delParamConfigInfo({
-    neType: neTypeSelect.value[0],
-    neId: neTypeSelect.value[1],
-    topTag: treeState.selectNode.topTag,
-    loc: index,
-  }).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      message.success({
-        content: t('views.configManage.configParamForm.delItemOk', {
-          num: index,
-        }),
-        duration: 2,
-      });
-      fnActiveConfigNode('#');
-    } else {
-      message.error({
-        content: `${res.msg}`,
-        duration: 2,
-      });
-    }
-  });
-}
-
-/**多列表新增单行 */
-function arrayAdd() {
-  const from = arrayAddInit(arrayState.data, arrayState.dataRule);
-
-  // 处理信息
-  const row: Record<string, any> = {};
-  for (const v of from.record) {
-    if (Array.isArray(v.array)) {
-      continue;
-    }
-    row[v.name] = Object.assign({}, v);
-  }
-
-  modalState.from = row;
-  modalState.type = 'array';
-  modalState.title = from.title;
-  modalState.key = from.key;
-  modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-  modalState.visibleByAdd = true;
-}
-
-/**多列表新增单行确认 */
-function arrayAddOk(from: Record<string, any>) {
-  const index = 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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  addParamConfigInfo(
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: treeState.selectNode.topTag,
-      loc: index,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.addItemOk', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnActiveConfigNode('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.addItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      fnModalCancel();
-      arrayEditClose();
-    });
-}
-
-/**多列嵌套列表状态类型 */
-type ArrayChildStateType = {
-  /**标题 */
-  title: string;
-  /**层级index */
-  loc: string;
-  /**面板激活项 */
-  collapseActiveKey: string[];
-  /**多列嵌套记录数据 */
-  data: Record<string, any>[];
-  /**多列嵌套记录规则 */
-  dataRule: Record<string, any>;
-  /**新增嵌套行记录Index  编辑-1/新增>=0 */
-  newIndex: number;
-  /**编辑嵌套行Key值 */
-  editKey: number | string;
-  /**编辑嵌套行记录 */
-  editRecord: Record<string, any>;
-};
-
-/**表格状态 */
-let arrayChildState: ArrayChildStateType = reactive({
-  title: '',
-  loc: '',
-  collapseActiveKey: [],
-  data: [],
-  dataRule: {},
-  newIndex: -2,
-  editKey: -1,
-  editRecord: {},
-});
-
-/**多列表展开嵌套行 */
-function arrayChildExpand(key: number | string, row: Record<string, any>) {
-  const loc = key;
-  arrayChildState.loc = '';
-  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: Record<string, any>[] = [];
-  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(record);
-    dataArray.push({ title: `Index-${index}`, key: index, record });
-  }
-  arrayChildState.data = dataArray;
-
-  // 无数据时，用于新增
-  arrayChildState.dataRule = {
-    title: `Index-0`,
-    key: 0,
-    record: ruleArr,
-  };
-
-  arrayChildState.loc = `${loc}/${from['name']}`;
-  arrayChildState.newIndex = -3;
-  // 设置展开列表标题
-  arrayChildState.title = `${from['display']}`;
-  // 关闭默认展开
-  arrayChildState.collapseActiveKey = [];
-}
-
-/**多列表展开嵌套行 */
-function arrayChildExpandClose() {
-  arrayChildState.title = '';
-  arrayChildEditClose();
-}
-
-/**多列表嵌套行编辑 */
-function arrayChildEdit(item: Record<string, any>, index: number) {
-  const row: Record<string, any> = {};
-  for (const v of item.record) {
-    row[v.name] = Object.assign({}, v);
-  }
-  arrayChildState.editRecord = row;
-  arrayChildState.editKey = item.key;
-  arrayChildState.newIndex = index;
-
-  // 面板
-  const hasIndex = arrayChildState.collapseActiveKey.indexOf(`${item.key}`);
-  if (hasIndex === -1) {
-    arrayChildState.collapseActiveKey.push(`${item.key}`);
-  } else {
-    // arrayChildState.collapseActiveKey.splice(hasIndex, 1);
-  }
-}
-
-/**多列表嵌套行编辑关闭 */
-function arrayChildEditClose() {
-  arrayChildState.editRecord = {};
-  arrayChildState.editKey = -1;
-  arrayChildState.newIndex = -3;
-}
-
-/**多列表嵌套行编辑确认 */
-function arrayChildEditOk() {
-  const from = toRaw(arrayChildState.editRecord);
-  const index = from['index']['value'];
-  const loc = `${arrayChildState.loc}/${index}`;
-  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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  updateParamConfigInfo(
-    'array',
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: treeState.selectNode.topTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.updateItem', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnActiveConfigNode('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.updateItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      arrayChildExpandClose();
-    });
-}
-
-/**多列表嵌套行删除单行 */
-function arrayChildDelete(row: Record<string, any>) {
-  const index = row.key;
-  const loc = `${arrayChildState.loc}/${index}`;
-  delParamConfigInfo({
-    neType: neTypeSelect.value[0],
-    neId: neTypeSelect.value[1],
-    topTag: treeState.selectNode.topTag,
-    loc,
-  }).then(res => {
-    if (res.code === RESULT_CODE_SUCCESS) {
-      message.success({
-        content: t('views.configManage.configParamForm.delItemOk', {
-          num: index,
-        }),
-        duration: 2,
-      });
-      arrayChildExpandClose();
-      fnActiveConfigNode('#');
-    } else {
-      message.error({
-        content: `${res.msg}`,
-        duration: 2,
-      });
-    }
-  });
-}
-
-/**多列表嵌套行新增单行 */
-function arrayChildAdd() {
-  const from = arrayAddInit(arrayChildState.data, arrayChildState.dataRule);
-  // 处理信息
-  const row: Record<string, any> = {};
-  for (const v of from.record) {
-    if (Array.isArray(v.array)) {
-      continue;
-    }
-    row[v.name] = Object.assign({}, v);
-  }
-
-  modalState.from = row;
-  modalState.type = 'arrayChild';
-  modalState.title = from.title;
-  modalState.key = from.key;
-  modalState.data = from.record.filter((v: any) => !Array.isArray(v.array));
-  modalState.visibleByAdd = true;
-}
-
-/**多列表新增单行确认 */
-function arrayChildAddOk(from: Record<string, any>) {
-  const index = from['index']['value'];
-  const loc = `${arrayChildState.loc}/${index}`;
-  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'];
-  }
-
-  // 发送
-  const hide = message.loading(t('common.loading'), 0);
-  addParamConfigInfo(
-    {
-      neType: neType,
-      neId: neTypeSelect.value[1],
-      topTag: treeState.selectNode.topTag,
-      loc,
-    },
-    data
-  )
-    .then(res => {
-      if (res.code === RESULT_CODE_SUCCESS) {
-        message.success({
-          content: t('views.configManage.configParamForm.addItemOk', {
-            num: index,
-          }),
-          duration: 3,
-        });
-        fnActiveConfigNode('#');
-      } else {
-        message.warning({
-          content: t('views.configManage.configParamForm.addItemErr'),
-          duration: 3,
-        });
-      }
-    })
-    .finally(() => {
-      hide();
-      fnModalCancel();
-      arrayChildExpandClose();
-    });
-}
-
-/**多列表新增行数据初始化 */
-function arrayAddInit(data: any[], dataRule: any) {
-  const len = data.length;
-  let lastItme: Record<string, any> = {};
-  let newIndex = 0;
-  // 无数据时生成临时记录
-  if (len === 0) {
-    lastItme = dataRule;
-  } else {
-    lastItme = data[len - 1];
-  }
-  const from = Object.assign({}, JSON.parse(JSON.stringify(lastItme)));
-  for (const row of from.record) {
-    const value = row.value;
-    if (row.name === 'index') {
-      if (value !== '') {
-        newIndex = parseInt(value) + 1;
-      }
-      if (isNaN(newIndex)) {
-        newIndex = 0;
-      }
-      row.value = newIndex;
-      from.key = newIndex;
-      from.title = `Index-${newIndex}`;
-      continue;
-    }
-    // 子嵌套的不初始
-    if (row.array) {
-      row.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]);
-          row.value = minInt;
-        } else {
-          row.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);
-          }
-
-          row.value = Object.keys(filterJson)[0];
-        } else {
-          row.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);
-          }
-
-          row.value = Object.keys(filterJson)[0];
-        } else {
-          row.value = false;
-        }
-        break;
-      case 'ipv4':
-      case 'ipv6':
-      case 'regex':
-      default:
-        row.value = '';
-        break;
-    }
-  }
-
-  return from;
-}
-
-/**规则校验 */
-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,
-            t('views.configManage.configParamForm.requireInt', {
-              display,
-              filter,
-            }),
-          ];
-        }
-      }
-      break;
-    case 'ipv4':
-      if (!regExpIPv4.test(value)) {
-        return [
-          false,
-          t('views.configManage.configParamForm.requireIpv4', { display }),
-        ];
-      }
-      break;
-    case 'ipv6':
-      if (!regExpIPv6.test(value)) {
-        return [
-          false,
-          t('views.configManage.configParamForm.requireIpv6', { display }),
-        ];
-      }
-      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,
-            t('views.configManage.configParamForm.requireEnum', { 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,
-            t('views.configManage.configParamForm.requireBool', { 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,
-              t('views.configManage.configParamForm.requireString', {
-                display,
-              }),
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-
-      break;
-    case 'regex':
-      if (filter) {
-        try {
-          let regex = new RegExp(filter);
-          if (!regex.test(value)) {
-            return [
-              false,
-              t('views.configManage.configParamForm.requireString', {
-                display,
-              }),
-            ];
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      }
-      break;
-
-    default:
-      return [
-        false,
-        t('views.configManage.configParamForm.requireUn', { display }),
-      ];
-  }
-  return result;
-}
-
-/**对话框对象信息状态类型 */
-type ModalStateType = {
-  /**添加框是否显示 */
-  visibleByAdd: boolean;
-  /**标题 */
-  title: string;
-  /**表单数据 */
-  from: Record<string, any>;
-  /**确定按钮 loading */
-  confirmLoading: boolean;
-  /**项类型 */
-  type: 'array' | 'arrayChild';
-  /**项Key */
-  key: string | number;
-  /**项数据 */
-  data: Record<string, any>[];
-};
-
-/**对话框对象信息状态 */
-let modalState: ModalStateType = reactive({
-  visibleByAdd: false,
-  title: 'Item',
-  from: {},
-  confirmLoading: false,
-  type: 'array',
-  key: '',
-  data: [],
-});
-
-/**
- * 对话框弹出确认执行函数
- * 进行表达规则校验
- */
-function fnModalOk() {
-  const from = toRaw(modalState.from);
-  if (modalState.type === 'array') {
-    arrayAddOk(from);
-  }
-  if (modalState.type === 'arrayChild') {
-    arrayChildAddOk(from);
-  }
-}
-
-/**
- * 对话框弹出关闭执行函数
- * 进行表达规则校验
- */
-function fnModalCancel() {
-  modalState.visibleByAdd = false;
-  modalState.from = {};
-  modalState.type = 'array';
-  modalState.key = '';
-  modalState.data = [];
-}
-
-onMounted(() => {
-  // 获取网元网元列表
-  neInfoStore.fnNelist().then(res => {
-    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
-      if (res.data.length > 0) {
-        // 过滤不可用的网元
-        neCascaderOptions.value = neInfoStore.getNeCascaderOptions.filter(
-          (item: any) => {
-            return !['OMC'].includes(item.value);
-          }
-        );
-        if (neCascaderOptions.value.length === 0) {
-          message.warning({
-            content: t('common.noData'),
-            duration: 2,
-          });
-          return;
-        }
-        // 默认选择AMF
-        const item = neCascaderOptions.value.find(s => s.value === 'AMF');
-        if (item && item.children) {
-          const info = item.children[0];
-          neTypeSelect.value = [info.neType, info.neId];
-        } else {
-          const info = neCascaderOptions.value[0].children[0];
-          neTypeSelect.value = [info.neType, info.neId];
-        }
-        fnGetParamConfigTopTab();
-      }
-    } else {
-      message.warning({
-        content: t('common.noData'),
-        duration: 2,
-      });
-    }
-  });
-});
-</script>
-
-<template>
-  <PageContainer>
-    <a-row :gutter="16">
-      <a-col :span="6">
-        <!-- 网元类型 -->
-        <a-card
-          size="small"
-          :bordered="false"
-          :title="t('views.configManage.configParamForm.treeTitle')"
-          :loading="treeState.loading"
-        >
-          <a-form layout="vertical" autocomplete="off">
-            <a-form-item name="neId ">
-              <a-cascader
-                v-model:value="neTypeSelect"
-                :options="neCascaderOptions"
-                :allow-clear="false"
-                @change="fnGetParamConfigTopTab"
-              />
-            </a-form-item>
-            <a-form-item name="listeningPort">
-              <a-tree
-                :tree-data="treeState.data"
-                :selected-keys="[treeState.selectNode.topTag]"
-                @select="fnSelectConfigNode"
-              >
-              </a-tree>
-            </a-form-item>
-          </a-form>
-        </a-card>
-      </a-col>
-      <a-col :span="18">
-        <a-card
-          size="small"
-          :bordered="false"
-          :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
-          :loading="treeState.selectLoading"
-        >
-          <template #title>
-            <a-typography-text strong v-if="treeState.selectNode.topDisplay">
-              {{ treeState.selectNode.topDisplay }}
-            </a-typography-text>
-            <a-typography-text type="danger" v-else>
-              {{ t('views.configManage.configParamForm.treeSelectTip') }}
-            </a-typography-text>
-          </template>
-          <template #extra>
-            <a-space :size="8" align="center" v-show="!treeState.selectLoading">
-              <a-tooltip>
-                <template #title>{{ t('common.reloadText') }}</template>
-                <a-button
-                  type="default"
-                  @click.prevent="fnActiveConfigNode('#')"
-                >
-                  <template #icon>
-                    <ReloadOutlined />
-                  </template>
-                </a-button>
-              </a-tooltip>
-            </a-space>
-          </template>
-
-          <!-- 单列表格列表 -->
-          <a-table
-            v-if="treeState.selectNode.type === 'list'"
-            class="table"
-            row-key="name"
-            :size="listState.size"
-            :columns="listState.columns"
-            :data-source="listState.data"
-            :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="
-                        listState.editRecord['display'] === record['display']
-                      "
-                      class="editable-cell__input-wrapper"
-                    >
-                      <a-input-number
-                        v-if="record['type'] === 'int'"
-                        v-model:value="listState.editRecord['value']"
-                        style="width: 100%"
-                      ></a-input-number>
-                      <a-switch
-                        v-else-if="record['type'] === 'bool'"
-                        v-model:checked="listState.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="listState.editRecord['value']"
-                        :allow-clear="true"
-                        style="width: 100%"
-                      >
-                        <a-select-option
-                          :value="+v"
-                          :key="+v"
-                          v-for="(k, v) in JSON.parse(record['filter'])"
-                        >
-                          {{ k }}
-                        </a-select-option>
-                      </a-select>
-                      <a-input
-                        v-else
-                        v-model:value="listState.editRecord['value']"
-                      ></a-input>
-                      <a-space :size="16" align="center" direction="horizontal">
-                        <a-tooltip placement="bottomRight">
-                          <template #title> {{ t('common.ok') }} </template>
-                          <a-popconfirm
-                            :title="
-                              t(
-                                'views.configManage.configParamForm.editOkTip',
-                                { num: record['display'] }
-                              )
-                            "
-                            placement="topRight"
-                            @confirm="listEditOk()"
-                          >
-                            <a-button
-                              type="text"
-                              class="editable-cell__icon-edit"
-                            >
-                              <template #icon><CheckOutlined /></template>
-                            </a-button>
-                          </a-popconfirm>
-                        </a-tooltip>
-                        <a-tooltip placement="bottomRight">
-                          <template #title>
-                            {{ t('common.cancel') }}
-                          </template>
-                          <a-button
-                            type="text"
-                            class="editable-cell__icon-edit"
-                            @click.prevent="listEditClose()"
-                          >
-                            <template #icon><CloseOutlined /></template>
-                          </a-button>
-                        </a-tooltip>
-                      </a-space>
-                    </div>
-                    <div v-else class="editable-cell__text-wrapper">
-                      <template v-if="record['type'] === 'enum'">
-                        {{ JSON.parse(record['filter'])[text] }}
-                      </template>
-                      <template v-else>{{ `${text}` || '&nbsp;' }}</template>
-                      <EditOutlined
-                        class="editable-cell__icon"
-                        v-if="record.access !== 'read'"
-                        @click="listEdit(record)"
-                      />
-                    </div>
-                  </div>
-                </a-tooltip>
-              </template>
-            </template>
-          </a-table>
-
-          <!-- array类型 -->
-          <template v-if="treeState.selectNode.type === 'array'">
-            <!-- 多列新增操作 -->
-            <a-button
-              type="primary"
-              @click.prevent="arrayAdd()"
-              v-if="treeState.selectNode.method !== 'get'"
-            >
-              <template #icon><PlusOutlined /></template>
-              {{ t('common.addText') }}
-            </a-button>
-
-            <a-collapse
-              collapsible="header"
-              v-model:activeKey="arrayState.collapseActiveKey"
-            >
-              <a-collapse-panel
-                :key="data.key"
-                :header="data.title"
-                v-for="data in arrayState.data"
-              >
-                <!-- 多列编辑操作 -->
-                <template #extra>
-                  <a-space
-                    :size="16"
-                    v-if="treeState.selectNode.method !== 'get'"
-                  >
-                    <template
-                      v-if="
-                        arrayState.editKey === data.key &&
-                        arrayState.newIndex === -1
-                      "
-                    >
-                      <a-popconfirm
-                        :title="
-                          t(
-                            'views.configManage.configParamForm.updateItemTip',
-                            { num: data.key }
-                          )
-                        "
-                        placement="right"
-                        @confirm="arrayEditOk()"
-                      >
-                        <a-button type="primary" size="small">
-                          <template #icon><CheckOutlined /></template>
-                          {{ t('common.ok') }}
-                        </a-button>
-                      </a-popconfirm>
-                      <a-button
-                        type="default"
-                        size="small"
-                        @click.prevent="arrayEditClose()"
-                      >
-                        <template #icon><CloseOutlined /></template>
-                        {{ t('common.close') }}
-                      </a-button>
-                    </template>
-
-                    <template
-                      v-if="
-                        arrayState.editKey !== data.key ||
-                        arrayState.newIndex < -1
-                      "
-                    >
-                      <a-button
-                        type="default"
-                        size="small"
-                        @click.prevent="arrayEdit(data, -1)"
-                      >
-                        <template #icon><ProfileOutlined /></template>
-                        {{ t('common.editText') }}
-                      </a-button>
-                      <a-popconfirm
-                        :title="
-                          t('views.configManage.configParamForm.delItemTip', {
-                            num: data.key,
-                          })
-                        "
-                        placement="topRight"
-                        @confirm="arrayDelete(data)"
-                      >
-                        <a-button danger type="default" size="small">
-                          <template #icon><DeleteOutlined /></template>
-                          {{ t('common.deleteText') }}
-                        </a-button>
-                      </a-popconfirm>
-                    </template>
-                  </a-space>
-                </template>
-
-                <!-- 多列数据渲染 -->
-                <a-form
-                  class="form"
-                  layout="horizontal"
-                  autocomplete="off"
-                  :validate-on-rule-change="false"
-                  :validateTrigger="[]"
-                  :no-style="true"
-                >
-                  <a-form-item
-                    v-for="item in data.record"
-                    :label="item.display"
-                    :name="item.name"
-                    :required="item.optional === 'false'"
-                    style="margin-bottom: 2px"
-                  >
-                    <a-tooltip placement="topLeft">
-                      <template #title v-if="item.comment">
-                        {{ item.comment }}
-                      </template>
-                      <div>
-                        <div
-                          v-if="
-                            !Array.isArray(item.array) &&
-                            arrayState.editKey === data.key &&
-                            arrayState.newIndex >= -1 &&
-                            arrayState.editRecord[item.name] !== undefined
-                          "
-                        >
-                          <a-input-number
-                            v-if="item['type'] === 'int'"
-                            v-model:value="
-                              arrayState.editRecord[item.name]['value']
-                            "
-                            :disabled="item.name === 'index'"
-                            style="width: 100%"
-                          ></a-input-number>
-                          <a-switch
-                            v-else-if="item['type'] === 'bool'"
-                            v-model:checked="
-                              arrayState.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="
-                              arrayState.editRecord[item.name]['value']
-                            "
-                            :allow-clear="true"
-                            style="width: 100%"
-                          >
-                            <a-select-option
-                              :value="+v"
-                              :key="+v"
-                              v-for="(k, v) in JSON.parse(item['filter'])"
-                            >
-                              {{ k }}
-                            </a-select-option>
-                          </a-select>
-                          <a-input
-                            v-else
-                            v-model:value="
-                              arrayState.editRecord[item.name]['value']
-                            "
-                            :disabled="item.name === 'index'"
-                          ></a-input>
-                        </div>
-
-                        <template v-else-if="item.array">
-                          <span v-if="arrayState.newIndex === -1">-</span>
-                          <a-button
-                            type="default"
-                            size="small"
-                            @click.prevent="arrayChildExpand(data.key, item)"
-                            v-else
-                          >
-                            <template #icon><BarsOutlined /></template>
-                            {{
-                              t('views.configManage.configParamForm.arrayMore')
-                            }}
-                          </a-button>
-                          <!--特殊字段拓展显示-->
-                          <span v-if="item.name === 'dnnList'">
-                            ({{ item.value.map((s: any) => s.dnn).join() }})
-                          </span>
-                        </template>
-
-                        <div v-else>
-                          <template v-if="item['type'] === 'enum'">
-                            {{ JSON.parse(item['filter'])[item.value] }}
-                          </template>
-                          <template v-else>
-                            {{ `${item.value}` || '&nbsp;' }}
-                          </template>
-                        </div>
-                      </div>
-                    </a-tooltip>
-
-                    <!-- 多列嵌套类型 -->
-                    <template
-                      #extra
-                      v-if="
-                        Array.isArray(item.array) &&
-                        arrayChildState.loc.startsWith(data.key) &&
-                        item.display === arrayChildState.title
-                      "
-                    >
-                      <!-- 多列嵌套新增操作 -->
-                      <a-space
-                        :size="16"
-                        v-if="treeState.selectNode.method !== 'get'"
-                      >
-                        <a-button
-                          type="primary"
-                          @click.prevent="arrayChildAdd()"
-                        >
-                          <template #icon><PlusOutlined /></template>
-                          {{ t('common.addText') }}
-                        </a-button>
-                        <a-button
-                          type="default"
-                          @click.prevent="arrayChildExpandClose()"
-                        >
-                          <template #icon><CloseOutlined /></template>
-                          {{ t('common.close') }}
-                        </a-button>
-                      </a-space>
-
-                      <a-collapse
-                        collapsible="header"
-                        v-model:activeKey="arrayChildState.collapseActiveKey"
-                      >
-                        <a-collapse-panel
-                          :key="cdata.key"
-                          :header="cdata.title"
-                          v-for="cdata in arrayChildState.data"
-                        >
-                          <!-- 多列嵌套编辑操作 -->
-                          <template #extra>
-                            <a-space
-                              :size="16"
-                              v-if="treeState.selectNode.method !== 'get'"
-                            >
-                              <template
-                                v-if="
-                                  arrayChildState.editKey === cdata.key &&
-                                  arrayChildState.newIndex === -1
-                                "
-                              >
-                                <a-popconfirm
-                                  :title="
-                                    t(
-                                      'views.configManage.configParamForm.updateItemTip',
-                                      { num: cdata.key }
-                                    )
-                                  "
-                                  placement="right"
-                                  @confirm="arrayChildEditOk()"
-                                >
-                                  <a-button type="primary" size="small">
-                                    <template #icon><CheckOutlined /></template>
-                                    {{ t('common.ok') }}
-                                  </a-button>
-                                </a-popconfirm>
-                                <a-button
-                                  type="default"
-                                  size="small"
-                                  @click.prevent="arrayChildEditClose()"
-                                >
-                                  <template #icon><CloseOutlined /></template>
-                                  {{ t('common.close') }}
-                                </a-button>
-                              </template>
-
-                              <template
-                                v-if="
-                                  arrayChildState.editKey !== cdata.key ||
-                                  arrayChildState.newIndex < -1
-                                "
-                              >
-                                <a-button
-                                  type="default"
-                                  size="small"
-                                  @click.prevent="arrayChildEdit(cdata, -1)"
-                                >
-                                  <template #icon><ProfileOutlined /></template>
-                                  {{ t('common.editText') }}
-                                </a-button>
-                                <a-popconfirm
-                                  :title="
-                                    t(
-                                      'views.configManage.configParamForm.delItemTip',
-                                      { num: cdata.key }
-                                    )
-                                  "
-                                  placement="topRight"
-                                  @confirm="arrayChildDelete(cdata)"
-                                >
-                                  <a-button danger type="default" size="small">
-                                    <template #icon>
-                                      <DeleteOutlined />
-                                    </template>
-                                    {{ t('common.deleteText') }}
-                                  </a-button>
-                                </a-popconfirm>
-                              </template>
-                            </a-space>
-                          </template>
-
-                          <!-- 多列嵌套数据渲染 -->
-                          <a-form
-                            class="form"
-                            layout="horizontal"
-                            autocomplete="off"
-                            :validate-on-rule-change="false"
-                            :validateTrigger="[]"
-                            :no-style="true"
-                          >
-                            <a-form-item
-                              v-for="item in cdata.record"
-                              :label="item.display"
-                              :name="item.name"
-                              :required="item.optional === 'false'"
-                              style="margin-bottom: 2px"
-                            >
-                              <a-tooltip placement="topLeft">
-                                <template #title v-if="item.comment">
-                                  {{ item.comment }}
-                                </template>
-                                <div>
-                                  <div
-                                    v-if="
-                                      !Array.isArray(item.array) &&
-                                      arrayChildState.newIndex >= -1 &&
-                                      arrayChildState.editKey === cdata.key &&
-                                      arrayChildState.editRecord[item.name] !==
-                                        undefined
-                                    "
-                                  >
-                                    <a-input-number
-                                      v-if="item['type'] === 'int'"
-                                      v-model:value="
-                                        arrayChildState.editRecord[item.name][
-                                          'value'
-                                        ]
-                                      "
-                                      :disabled="item.name === 'index'"
-                                      style="width: 100%"
-                                    ></a-input-number>
-                                    <a-switch
-                                      v-else-if="item['type'] === 'bool'"
-                                      v-model:checked="
-                                        arrayChildState.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="
-                                        arrayChildState.editRecord[item.name][
-                                          'value'
-                                        ]
-                                      "
-                                      :allow-clear="true"
-                                      style="width: 100%"
-                                    >
-                                      <a-select-option
-                                        :value="+v"
-                                        :key="+v"
-                                        v-for="(k, v) in JSON.parse(
-                                          item['filter']
-                                        )"
-                                      >
-                                        {{ k }}
-                                      </a-select-option>
-                                    </a-select>
-                                    <a-input
-                                      v-else
-                                      v-model:value="
-                                        arrayChildState.editRecord[item.name][
-                                          'value'
-                                        ]
-                                      "
-                                      :disabled="item.name === 'index'"
-                                    ></a-input>
-                                  </div>
-
-                                  <template v-else-if="item.array">
-                                    <span
-                                      v-if="arrayChildState.newIndex === -1"
-                                    >
-                                      -
-                                    </span>
-                                    <a-button
-                                      type="default"
-                                      size="small"
-                                      v-else
-                                    >
-                                      <template #icon>
-                                        <BarsOutlined />
-                                      </template>
-                                      {{
-                                        t(
-                                          'views.configManage.configParamForm.arrayMore'
-                                        )
-                                      }}
-                                    </a-button>
-                                  </template>
-
-                                  <div v-else>
-                                    <template v-if="item['type'] === 'enum'">
-                                      {{
-                                        JSON.parse(item['filter'])[item.value]
-                                      }}
-                                    </template>
-                                    <template v-else>
-                                      {{ `${item.value}` || '&nbsp;' }}
-                                    </template>
-                                  </div>
-                                </div>
-                              </a-tooltip>
-                            </a-form-item>
-                          </a-form>
-                        </a-collapse-panel>
-                      </a-collapse>
-                    </template>
-                  </a-form-item>
-                </a-form>
-              </a-collapse-panel>
-            </a-collapse>
-          </template>
-        </a-card>
-      </a-col>
-    </a-row>
-
-    <!-- 新增框或修改框 -->
-    <a-modal
-      width="800px"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
-      :keyboard="false"
-      :mask-closable="false"
-      :visible="modalState.visibleByAdd"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnModalOk"
-      @cancel="fnModalCancel"
-    >
-      <a-form
-        class="form"
-        layout="horizontal"
-        autocomplete="off"
-        :validate-on-rule-change="false"
-        :validateTrigger="[]"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
-        <a-form-item
-          v-for="item in modalState.data"
-          :label="item.display"
-          :name="item.name"
-          :required="item.optional === 'false'"
-          style="margin-bottom: 4px"
-        >
-          <a-tooltip placement="topLeft">
-            <template #title v-if="item.comment">
-              {{ item.comment }}
-            </template>
-            <div>
-              <div
-                v-if="
-                  !Array.isArray(item.array) &&
-                  modalState.from[item.name] !== undefined
-                "
-              >
-                <a-input-number
-                  v-if="item['type'] === 'int'"
-                  v-model:value="modalState.from[item.name]['value']"
-                  :disabled="item.name === 'index'"
-                  style="width: 100%"
-                ></a-input-number>
-                <a-switch
-                  v-else-if="item['type'] === 'bool'"
-                  v-model:checked="modalState.from[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="modalState.from[item.name]['value']"
-                  :allow-clear="true"
-                  style="width: 100%"
-                >
-                  <a-select-option
-                    :value="+v"
-                    :key="+v"
-                    v-for="(k, v) in JSON.parse(item['filter'])"
-                  >
-                    {{ k }}
-                  </a-select-option>
-                </a-select>
-                <a-input
-                  v-else
-                  v-model:value="modalState.from[item.name]['value']"
-                  :disabled="item.name === 'index'"
-                ></a-input>
-              </div>
-              <div v-else>
-                {{ `${item.value || '&nbsp;'}` }}
-              </div>
-            </div>
-          </a-tooltip>
-        </a-form-item>
-      </a-form>
-    </a-modal>
-  </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;
-  }
-  &__input-wrapper {
-    display: flex;
-    justify-content: start;
-    align-items: center;
-  }
-}
-</style>