From e11cb11ec9ef2d82da380122074f0edfa3218fb4 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Mon, 9 Dec 2024 17:03:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20=E7=A7=9F=E6=88=B7?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=90=88=E5=B9=B6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dashboard/overview/index.vue |    2 +-
 src/views/index/defaultIndex.vue       |    6 +-
 src/views/monitor/topology/index.vue   |    1 +
 src/views/neUser/base5G/index.vue      |    2 +-
 src/views/system/tenant/index.vue      |    8 +-
 src/views/tenant/amfUE/index.vue       |   11 -
 src/views/tenant/base5G/index.vue      |    2 +-
 src/views/tenant/ims/index.vue         |    1 -
 src/views/tenant/operate/index.vue     |    3 +-
 src/views/tenant/smscCDR/index.vue     |   15 +-
 src/views/tenant/sub/index.vue         | 1224 +-----------------------
 src/views/tenant/ue/index.vue          |    7 +-
 12 files changed, 54 insertions(+), 1228 deletions(-)

diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue
index aedba319..cc665b4d 100644
--- a/src/views/dashboard/overview/index.vue
+++ b/src/views/dashboard/overview/index.vue
@@ -28,7 +28,7 @@ import useWS from './hooks/useWS';
 import useAppStore from '@/store/modules/app';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { useRouter } from 'vue-router';
-import { message } from 'ant-design-vue/lib/components';
+import { message } from 'ant-design-vue/es/components';
 import useNeInfoStore from '@/store/modules/neinfo';
 
 const router = useRouter();
diff --git a/src/views/index/defaultIndex.vue b/src/views/index/defaultIndex.vue
index 3df040df..f1050ad1 100644
--- a/src/views/index/defaultIndex.vue
+++ b/src/views/index/defaultIndex.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { PageContainer } from 'antdv-pro-layout';
-import { ColumnsType } from 'ant-design-vue/lib/table';
-import { message } from 'ant-design-vue/lib';
+import { ColumnsType } from 'ant-design-vue/es/table';
+import { message } from 'ant-design-vue/es';
 import { reactive, toRaw, ref, onMounted, onBeforeUnmount, markRaw } from 'vue';
 import { listMain } from '@/api/index';
 import useI18n from '@/hooks/useI18n';
@@ -344,7 +344,7 @@ onBeforeUnmount(() => {
 <template>
   <PageContainer :breadcrumb="{}">
     <div>
-      <a-drawer :visible="visible" @close="closeDrawer" :width="700">
+      <a-drawer :open="visible" @close="closeDrawer" :width="700">
         <a-descriptions bordered :column="1" :label-style="{ width: '160px' }">
           <a-descriptions-item :label="t('views.index.hostName')">{{
             pronInfo.hostName
diff --git a/src/views/monitor/topology/index.vue b/src/views/monitor/topology/index.vue
index 2e30e98c..fdb9d274 100644
--- a/src/views/monitor/topology/index.vue
+++ b/src/views/monitor/topology/index.vue
@@ -50,6 +50,7 @@ async function fnGetState() {
       graphG6.value.setItemState(neShape, 'neState', ne.serverState.online);
     }
   }
+  await new Promise(resolve => setTimeout(resolve, 15_000));
 }
 
 /**查询全部网元数据列表 */
diff --git a/src/views/neUser/base5G/index.vue b/src/views/neUser/base5G/index.vue
index d3b0662b..d7bfe840 100644
--- a/src/views/neUser/base5G/index.vue
+++ b/src/views/neUser/base5G/index.vue
@@ -9,7 +9,7 @@ import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import { useRoute } from 'vue-router';
-import { ColumnsType } from 'ant-design-vue/lib/table';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
 import { listTenant } from '@/api/system/tenant';
 const neInfoStore = useNeInfoStore();
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 877c504e..b02e56b8 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -4,8 +4,8 @@ import { PageContainer } from 'antdv-pro-layout';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useI18n from '@/hooks/useI18n';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { ColumnsType } from 'ant-design-vue/lib/table';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import {
   listTenant,
   getTenant,
@@ -956,7 +956,7 @@ onMounted(() => {
       width="800px"
       :keyboard="false"
       :mask-closable="false"
-      :visible="modalState.visibleByEdit"
+      :open="modalState.visibleByEdit"
       :title="modalState.title"
       @ok="fnModalOk"
       @cancel="fnModalCancel"
@@ -1003,7 +1003,7 @@ onMounted(() => {
       width="800px"
       :keyboard="false"
       :mask-closable="false"
-      :visible="modalState.visibleByType"
+      :open="modalState.visibleByType"
       :title="modalState.typeTitle"
       @ok="fnModalTypeOk"
       @cancel="fnModalCancel"
diff --git a/src/views/tenant/amfUE/index.vue b/src/views/tenant/amfUE/index.vue
index 2d4ff63f..23b4b209 100644
--- a/src/views/tenant/amfUE/index.vue
+++ b/src/views/tenant/amfUE/index.vue
@@ -676,17 +676,6 @@ onBeforeUnmount(() => {
         </template>
         <template #expandedRowRender="{ record }">
           <div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
-            <a-divider orientation="left">
-              {{ t('views.dashboard.ue.ueInfo') }}
-            </a-divider>
-            <div>
-              <span>{{ t('views.ne.common.neName') }}: </span>
-              <span>{{ record.neName }}</span>
-            </div>
-            <div>
-              <span>{{ t('views.ne.common.rmUid') }}: </span>
-              <span>{{ record.rmUID }}</span>
-            </div>
             <a-divider orientation="left">
               {{ t('views.dashboard.ue.rowInfo') }}
             </a-divider>
diff --git a/src/views/tenant/base5G/index.vue b/src/views/tenant/base5G/index.vue
index 65e68de0..9ce3f587 100644
--- a/src/views/tenant/base5G/index.vue
+++ b/src/views/tenant/base5G/index.vue
@@ -9,7 +9,7 @@ import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import { useRoute } from 'vue-router';
-import { ColumnsType } from 'ant-design-vue/lib/table';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
 const neInfoStore = useNeInfoStore();
 const route = useRoute();
diff --git a/src/views/tenant/ims/index.vue b/src/views/tenant/ims/index.vue
index c4b36dfa..0e152c2b 100644
--- a/src/views/tenant/ims/index.vue
+++ b/src/views/tenant/ims/index.vue
@@ -33,7 +33,6 @@ let queryParams = reactive({
 /**查询参数重置 */
 function fnQueryReset() {
   queryParams = Object.assign(queryParams, {
-    totalType: [],
     imsi: '',
     msisdn: '',
     pageNum: 1,
diff --git a/src/views/tenant/operate/index.vue b/src/views/tenant/operate/index.vue
index 1cfee9a0..ef450ad3 100644
--- a/src/views/tenant/operate/index.vue
+++ b/src/views/tenant/operate/index.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import { ProModal } from 'antdv-pro-modal';
 import { message, Modal } from 'ant-design-vue/es';
 import { SizeType } from 'ant-design-vue/es/config-provider';
 import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
@@ -596,7 +595,7 @@ onMounted(() => {
     <!-- 详情框 -->
     <a-modal
       width="800px"
-      :visible="modalState.visibleByView"
+      :open="modalState.visibleByView"
       :title="modalState.title"
       @cancel="fnModalCancel"
     >
diff --git a/src/views/tenant/smscCDR/index.vue b/src/views/tenant/smscCDR/index.vue
index 4a548689..8ec78d5c 100644
--- a/src/views/tenant/smscCDR/index.vue
+++ b/src/views/tenant/smscCDR/index.vue
@@ -12,7 +12,7 @@ import {
 } from '@/constants/result-constants';
 import useNeInfoStore from '@/store/modules/neinfo';
 import { exportSMSCDataCDR, listSMSCDataCDR } from '@/api/neData/smsc';
-import { parseDateToStr, parseDuration } from '@/utils/date-utils';
+import { parseDateToStr } from '@/utils/date-utils';
 import { OptionsType, WS } from '@/plugins/ws-websocket';
 import saveAs from 'file-saver';
 import PQueue from 'p-queue';
@@ -168,7 +168,10 @@ let tableColumns: ColumnsType = [
     width: 150,
     customRender(opt) {
       const cdrJSON = opt.value;
-      return parseDateToStr(+cdrJSON.updateTime * 1000);
+      if (typeof cdrJSON.updateTime === 'number') {
+        return parseDateToStr(+cdrJSON.updateTime * 1000);
+      }
+      return cdrJSON.updateTime;
     },
   },
 ];
@@ -573,7 +576,13 @@ onBeforeUnmount(() => {
             </div>
             <div>
               <span>{{ t('views.dashboard.cdr.time') }}: </span>
-              <span>{{ parseDateToStr(+record.timestamp * 1000) }}</span>
+              <span>
+                {{
+                  typeof record.cdrJSON.updateTime === 'number'
+                    ? parseDateToStr(+record.cdrJSON.updateTime * 1000)
+                    : record.cdrJSON.updateTime
+                }}
+              </span>
             </div>
             <a-divider orientation="left">
               {{ t('views.dashboard.cdr.rowInfo') }}
diff --git a/src/views/tenant/sub/index.vue b/src/views/tenant/sub/index.vue
index 2a9a7c7a..cfae62e1 100644
--- a/src/views/tenant/sub/index.vue
+++ b/src/views/tenant/sub/index.vue
@@ -2,10 +2,10 @@
 import { reactive, ref, onMounted, toRaw } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
 import { ProModal } from 'antdv-pro-modal';
-import { message, Modal, Form, notification } from 'ant-design-vue/lib';
-import { SizeType } from 'ant-design-vue/lib/config-provider';
-import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
-import { ColumnsType } from 'ant-design-vue/lib/table';
+import { message, Modal, Form, notification } from 'ant-design-vue/es';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import UploadModal from '@/components/UploadModal/index.vue';
 import TableColumnsDnd from '@/components/TableColumnsDnd/index.vue';
 import {
@@ -25,7 +25,6 @@ import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import saveAs from 'file-saver';
 import { TENANTADMIN_ROLE_KEY } from '@/constants/admin-constants';
-import useUserStore from '@/store/modules/user';
 
 const { t } = useI18n();
 
@@ -1096,41 +1095,6 @@ function fnModalUploadImportUpload(file: File) {
     });
 }
 
-function addSmallRow(bigIndex: any) {
-  const newSmallRow = {
-    id: ++smallRowIndexCounter,
-    dnn: '',
-    smStaticIp: '',
-    msIp: '',
-  };
-  bigRows.value[bigIndex].smallRows.push(newSmallRow);
-}
-
-function addBigRow() {
-  const newBigRow = {
-    id: bigRows.value.length,
-    sst: '',
-    sd: '',
-    smallRows: [
-      {
-        id: 0,
-        dnn: '',
-        smStaticIp: '',
-        msIp: '',
-      },
-    ],
-  };
-  bigRows.value.push(newBigRow);
-}
-
-function delDNN(sonIndex: any, bigIndex: any) {
-  bigRows.value[bigIndex].smallRows.splice(sonIndex, 1);
-}
-
-function delBigRow(bigIndex: any) {
-  bigRows.value.splice(bigIndex, 1);
-}
-
 onMounted(() => {
   // 获取网元网元列表
   useNeInfoStore()
@@ -1166,9 +1130,9 @@ onMounted(() => {
 <template>
   <PageContainer>
     <a-card
-      v-show="tableState.seached"
       :bordered="false"
       :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+      v-show="tableState.seached"
     >
       <!-- 表格搜索栏 -->
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
@@ -1184,23 +1148,27 @@ onMounted(() => {
           </a-col>
           <a-col :lg="8" :md="12" :xs="24">
             <a-form-item label="IMSI" name="imsi">
-              <a-input
-                v-model:value="queryParams.imsi"
-                allow-clear
-                :maxlength="15"
-                style="width: 70%"
-                :placeholder="t('common.inputPlease')"
-              ></a-input>
-              <a-select
-                :label="t('views.neUser.sub.imsiMode')"
-                style="width: 30%"
-                v-model:value="queryParams.imsiMatch"
-                v-show="queryParams.imsi"
-                :options="[
-                  { label: t('views.neUser.sub.fuzzyMatch'), value: 'fuzzy' },
-                  { label: t('views.neUser.sub.prefixMatch'), value: 'prefix' },
-                ]"
-              />
+              <a-input-group compact>
+                <a-input
+                  v-model:value="queryParams.imsi"
+                  allow-clear
+                  :maxlength="15"
+                  style="width: 70%"
+                  :placeholder="t('common.inputPlease')"
+                ></a-input>
+                <a-select
+                  :label="t('views.neUser.sub.imsiMode')"
+                  style="width: 30%"
+                  v-model:value="queryParams.imsiMatch"
+                  :options="[
+                    { label: t('views.neUser.sub.fuzzyMatch'), value: 'fuzzy' },
+                    {
+                      label: t('views.neUser.sub.prefixMatch'),
+                      value: 'prefix',
+                    },
+                  ]"
+                ></a-select>
+              </a-input-group>
             </a-form-item>
           </a-col>
 
@@ -1358,7 +1326,7 @@ onMounted(() => {
             </a-button>
           </a-popconfirm>
         </a-flex>
-        </template>
+      </template>
 
       <!-- 插槽-卡片右侧 -->
       <template #extra>
@@ -1430,1144 +1398,6 @@ onMounted(() => {
       >
       </a-table>
     </a-card>
-
-    <!-- 新增框或修改框 -->
-    <ProModal
-      style="top: 0px"
-      width="800px"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
-      :keyboard="false"
-      :mask-closable="false"
-      :visible="modalState.visibleByEdit"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnModalOk"
-      @cancel="fnModalCancel"
-    >
-      <a-form
-        name="modalStateFrom"
-        layout="horizontal"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
-        <a-row :gutter="16">
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="IMSI"
-              name="imsi"
-              :label-col="{ span: 5 }"
-              v-bind="modalStateFrom.validateInfos.imsi"
-            >
-              <a-input v-model:value="modalState.from.imsi" allow-clear>
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.imsiTip') }}<br />
-                      {{ t('views.neUser.sub.imsiTip1') }}<br />
-                      {{ t('views.neUser.sub.imsiTip2') }}<br />
-                      {{ t('views.neUser.sub.imsiTip3') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="MSISDN"
-              name="msisdn"
-              v-bind="modalStateFrom.validateInfos.msisdn"
-            >
-              <a-input
-                v-model:value="modalState.from.msisdn"
-                allow-clear
-                :maxlength="32"
-              >
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.msisdnTip', { num: '32' }) }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-divider orientation="left"
-          >Subscribed SM Data
-          <a-tooltip title="Add SM Data">
-            <a-button
-              shape="circle"
-              @click="addBigRow"
-              style="margin-left: 10px"
-            >
-              <template #icon><plus-outlined /></template>
-            </a-button> </a-tooltip
-        ></a-divider>
-        <!-- 大数组布局 -->
-        <div v-for="(row, index) in bigRows" :key="String(row.id)">
-          <a-row :gutter="16">
-            <a-col :lg="6" :md="6" :xs="24">
-              <a-form-item
-                label="SST"
-                name="row.sst"
-                :label-col="{ span: 12 }"
-                :validateTrigger="[]"
-                :required="true"
-              >
-                <a-input-number
-                  v-model:value="row.sst"
-                  :min="1"
-                  :max="3"
-                  :step="1"
-                />
-              </a-form-item>
-            </a-col>
-
-            <a-col :lg="8" :md="8" :xs="24">
-              <a-form-item label="SD" name="row.sst" :label-col="{ span: 5 }">
-                <a-input v-model:value="row.sd" :maxlength="6" />
-              </a-form-item>
-            </a-col>
-            <a-col :lg="10" :md="10" :xs="24">
-              <a-row :gutter="8">
-                <a-col :span="4">
-                  <a-tooltip title="Add DNN">
-                    <a-button shape="circle" @click="addSmallRow(row.id)">
-                      <template #icon><plus-square-outlined /></template>
-                    </a-button>
-                  </a-tooltip>
-                </a-col>
-                <a-col :span="4">
-                  <a-tooltip title="Delete SM Data" v-if="index !== 0">
-                    <a-button danger shape="circle" @click="delBigRow(index)">
-                      <template #icon><minus-outlined /></template>
-                    </a-button>
-                  </a-tooltip>
-                </a-col>
-              </a-row>
-            </a-col>
-          </a-row>
-
-          <!-- 小数组布局 -->
-          <div
-            v-for="(smallRow, smallIndex) in row.smallRows"
-            :key="String(smallRow.id)"
-          >
-            <a-row :gutter="16">
-              <a-col :lg="6" :md="7" :xs="24">
-                <a-form-item
-                  label="DNN/APN"
-                  name="dnn"
-                  :validateTrigger="[]"
-                  :required="true"
-                  :label-col="{ span: 12 }"
-                >
-                  <a-input v-model:value="smallRow.dnn" allow-clear></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="8" :md="6" :xs="24">
-                <a-form-item
-                  label="Static IP"
-                  name="smStaticIp"
-                  :label-col="{ span: 5 }"
-                >
-                  <a-input
-                    v-model:value="smallRow.smStaticIp"
-                    allow-clear
-                  ></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="8" :md="8" :xs="24">
-                <a-form-item label="Routing Behind MS IP" name="msIp">
-                  <a-input v-model:value="smallRow.msIp" allow-clear></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="1" :md="1" :xs="24" v-if="smallIndex !== 0">
-                <a-tooltip title="Delete DNN">
-                  <a-button
-                    danger
-                    shape="circle"
-                    @click="delDNN(smallIndex, row.id)"
-                  >
-                    <template #icon><close-square-outlined /></template>
-                  </a-button>
-                </a-tooltip>
-              </a-col>
-            </a-row>
-          </div>
-        </div>
-        <a-collapse :bordered="false" ghost>
-          <a-collapse-panel key="5G">
-            <template #header>
-              <a-divider orientation="left" style="margin: -2px">5G</a-divider>
-            </template>
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed UE AMBR Template"
-                  name="ambr"
-                  v-bind="modalStateFrom.validateInfos.ambr"
-                >
-                  <a-input
-                    v-model:value="modalState.from.ambr"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SNSSAIs Template"
-                  name="nssai"
-                  v-bind="modalStateFrom.validateInfos.nssai"
-                >
-                  <a-input
-                    v-model:value="modalState.from.nssai"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SMF Selection Data Template"
-                  name="smfSel"
-                >
-                  <a-input
-                    v-model:value="modalState.from.smfSel"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item label="5G Forbidden Areas Template" name="arfb">
-                  <a-input
-                    v-model:value="modalState.from.arfb"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.arfbTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Service Area Restriction Template"
-                  name="sar"
-                >
-                  <a-input
-                    v-model:value="modalState.from.sar"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.sarTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item label="5G RFSP Index" name="rfsp">
-                  <a-input-number
-                    v-model:value="modalState.from.rfsp"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.rfspTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input-number>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G MICO Mode"
-                  name="mico"
-                  :help="t('views.neUser.sub.micoTip')"
-                >
-                  <a-select value="1">
-                    <a-select-option value="1">
-                      {{ t('views.neUser.sub.enable') }}
-                    </a-select-option>
-                    <a-select-option value="0">
-                      {{ t('views.neUser.sub.disable') }}
-                    </a-select-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item label="5G UE Usage Type" name="ueType">
-                  <a-input-number
-                    v-model:value="modalState.from.ueType"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.ueTypeTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input-number>
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </a-collapse-panel>
-
-          <a-collapse-panel key="4G">
-            <template #header>
-              <a-divider orientation="left" style="margin: -2px">4G</a-divider>
-            </template>
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS Flag"
-                  name="epsFlag"
-                  :help="t('views.neUser.sub.epsFlagTip')"
-                >
-                  <a-select v-model:value="modalState.from.epsFlag">
-                    <a-select-option value="1">
-                      {{ t('views.neUser.sub.enable') }}
-                    </a-select-option>
-                    <a-select-option value="0">
-                      {{ t('views.neUser.sub.disable') }}
-                    </a-select-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS User Template Name"
-                  name="epstpl"
-                  v-bind="modalStateFrom.validateInfos.epstpl"
-                >
-                  <a-input
-                    v-model:value="modalState.from.epstpl"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G Static IP"
-                  v-bind="modalStateFrom.validateInfos.staticIp"
-                  name="staticIp"
-                >
-                  <a-input v-model:value="modalState.from.staticIp" allow-clear>
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.staticIpTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-form-item label="4G Context ID" name="contextId">
-              <a-input v-model:value="modalState.from.contextId" allow-clear>
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.contextIdTip') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-
-            <a-form-item
-              label="4G APN Context List"
-              name="apnContext"
-              :help="t('views.neUser.sub.apnContextTip')"
-            >
-              <a-input-group compact>
-                <a-input-number
-                  v-for="(_, i) in modalState.from.apnContext"
-                  :key="i"
-                  :title="i"
-                  style="width: 16.5%"
-                  :min="0"
-                  :max="99"
-                  v-model:value="modalState.from.apnContext[i]"
-                ></a-input-number>
-              </a-input-group>
-            </a-form-item>
-
-            <a-form-item
-              label="4G EPS ODB"
-              name="epsOdb"
-              v-bind="modalStateFrom.validateInfos.epsOdb"
-            >
-              <a-tooltip
-                :title="t('views.neUser.sub.epsOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.epsOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  placeholder="Please select"
-                  :options="modalStateFromOption.odbJson"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-
-            <a-form-item label="4G HPLMN ODB" name="hplmnOdb">
-              <a-tooltip
-                :title="t('views.neUser.sub.hplmnOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.hplmnOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.hplmnOdb"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-
-            <a-form-item label="4G Access Restriction Data" name="ard">
-              <a-tooltip
-                :title="t('views.neUser.sub.ardTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.from.ard"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.ardJson"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-          </a-collapse-panel>
-        </a-collapse>
-      </a-form>
-    </ProModal>
-
-    <!-- 批量增加框 -->
-    <ProModal
-      style="top: 0px"
-      width="800px"
-      :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
-      :keyboard="false"
-      :mask-closable="false"
-      :visible="modalState.visibleByBatch"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnBatchModalOk"
-      @cancel="fnBatchModalCancel"
-    >
-      <a-form
-        name="modalStateBatchFrom"
-        layout="horizontal"
-        :labelWrap="true"
-        :label-col="{ span: 6 }"
-      >
-        <a-row :gutter="16">
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.numAdd')"
-              name="num"
-              v-bind="modalStateBatchFrom.validateInfos.num"
-            >
-              <a-input-number
-                v-model:value="modalState.BatchForm.num"
-                style="width: 100%"
-                :min="1"
-                :max="100000"
-                placeholder="<=100000"
-              ></a-input-number>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="16">
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="IMSI"
-              name="imsi"
-              v-bind="modalStateBatchFrom.validateInfos.imsi"
-            >
-              <a-input v-model:value="modalState.BatchForm.imsi" allow-clear>
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.imsiTip') }}<br />
-                      {{ t('views.neUser.sub.imsiTip1') }}<br />
-                      {{ t('views.neUser.sub.imsiTip2') }}<br />
-                      {{ t('views.neUser.sub.imsiTip3') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item
-              label="MSISDN"
-              name="msisdn"
-              v-bind="modalStateBatchFrom.validateInfos.msisdn"
-            >
-              <a-input
-                v-model:value="modalState.BatchForm.msisdn"
-                allow-clear
-                max
-              >
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.msisdnTip', { num: '32' }) }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-divider orientation="left"
-          >Subscribed SM Data
-          <a-tooltip title="Add SM Data">
-            <a-button
-              shape="circle"
-              @click="addBigRow"
-              style="margin-left: 10px"
-            >
-              <template #icon><plus-outlined /></template>
-            </a-button> </a-tooltip
-        ></a-divider>
-        <!-- 大数组布局 -->
-        <div v-for="(row, index) in bigRows" :key="String(row.id)">
-          <a-row :gutter="16">
-            <a-col :lg="6" :md="6" :xs="24">
-              <a-form-item
-                label="SST"
-                name="row.sst"
-                :label-col="{ span: 12 }"
-                :validateTrigger="[]"
-                :required="true"
-              >
-                <a-input-number
-                  v-model:value="row.sst"
-                  :min="1"
-                  :max="3"
-                  :step="1"
-                />
-              </a-form-item>
-            </a-col>
-
-            <a-col :lg="8" :md="8" :xs="24">
-              <a-form-item label="SD" name="row.sst" :label-col="{ span: 5 }">
-                <a-input v-model:value="row.sd" :maxlength="6" />
-              </a-form-item>
-            </a-col>
-            <a-col :lg="10" :md="10" :xs="24">
-              <a-row :gutter="8">
-                <a-col :span="4">
-                  <a-tooltip title="Add DNN">
-                    <a-button shape="circle" @click="addSmallRow(row.id)">
-                      <template #icon><plus-square-outlined /></template>
-                    </a-button>
-                  </a-tooltip>
-                </a-col>
-                <a-col :span="4">
-                  <a-tooltip title="Delete SM Data" v-if="index !== 0">
-                    <a-button danger shape="circle" @click="delBigRow(index)">
-                      <template #icon><minus-outlined /></template>
-                    </a-button>
-                  </a-tooltip>
-                </a-col>
-              </a-row>
-            </a-col>
-          </a-row>
-
-          <!-- 小数组布局 -->
-          <div
-            v-for="(smallRow, smallIndex) in row.smallRows"
-            :key="String(smallRow.id)"
-          >
-            <a-row :gutter="16">
-              <a-col :lg="6" :md="7" :xs="24">
-                <a-form-item
-                  label="DNN/APN"
-                  name="dnn"
-                  :validateTrigger="[]"
-                  :required="true"
-                  :label-col="{ span: 12 }"
-                >
-                  <a-input v-model:value="smallRow.dnn" allow-clear></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="8" :md="6" :xs="24">
-                <a-form-item
-                  label="Static IP"
-                  name="smStaticIp"
-                  :label-col="{ span: 5 }"
-                >
-                  <a-input
-                    v-model:value="smallRow.smStaticIp"
-                    allow-clear
-                  ></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="8" :md="8" :xs="24">
-                <a-form-item label="Routing Behind MS IP" name="msIp">
-                  <a-input v-model:value="smallRow.msIp" allow-clear></a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="1" :md="1" :xs="24" v-if="smallIndex !== 0">
-                <a-tooltip title="Delete DNN">
-                  <a-button
-                    danger
-                    shape="circle"
-                    @click="delDNN(smallIndex, row.id)"
-                  >
-                    <template #icon><close-square-outlined /></template>
-                  </a-button>
-                </a-tooltip>
-              </a-col>
-            </a-row>
-          </div>
-        </div>
-
-        <a-collapse :bordered="false" ghost>
-          <a-collapse-panel key="5G">
-            <template #header>
-              <a-divider orientation="left" style="margin: -2px">5G</a-divider>
-            </template>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed UE AMBR Template"
-                  name="ambr"
-                  v-bind="modalStateBatchFrom.validateInfos.ambr"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.ambr"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SNSSAIs Template"
-                  name="nssai"
-                  v-bind="modalStateBatchFrom.validateInfos.nssai"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.nssai"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Subscribed SMF Selection Data Template"
-                  name="smfSel"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.smfSel"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Forbidden Areas Template"
-                  name="arfb"
-                  :maxlength="16"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.arfb"
-                    allow-clear
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.arfbTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G Service Area Restriction Template"
-                  name="sar"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.sar"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.sarTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item label="5G RFSP Index" name="rfsp">
-                  <a-input-number
-                    v-model:value="modalState.BatchForm.rfsp"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.rfspTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input-number>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="5G MICO Mode"
-                  name="mico"
-                  :help="t('views.neUser.sub.micoTip')"
-                >
-                  <a-select value="1">
-                    <a-select-option value="1">
-                      {{ t('views.neUser.sub.enable') }}
-                    </a-select-option>
-                    <a-select-option value="0">
-                      {{ t('views.neUser.sub.disable') }}
-                    </a-select-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item label="5G UE Usage Type" name="ueType">
-                  <a-input-number
-                    v-model:value="modalState.BatchForm.ueType"
-                    style="width: 100%"
-                    :min="0"
-                    :max="127"
-                    placeholder="0 ~ 127"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.ueTypeTip') }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input-number>
-                </a-form-item>
-              </a-col>
-            </a-row>
-          </a-collapse-panel>
-          <a-collapse-panel key="4G">
-            <template #header>
-              <a-divider orientation="left" style="margin: -2px">4G</a-divider>
-            </template>
-
-            <a-row :gutter="16">
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS Flag"
-                  name="epsFlag"
-                  :help="t('views.neUser.sub.epsFlagTip')"
-                >
-                  <a-select v-model:value="modalState.BatchForm.epsFlag">
-                    <a-select-option value="1">
-                      {{ t('views.neUser.sub.enable') }}
-                    </a-select-option>
-                    <a-select-option value="0">
-                      {{ t('views.neUser.sub.disable') }}
-                    </a-select-option>
-                  </a-select>
-                </a-form-item>
-              </a-col>
-              <a-col :lg="24" :md="24" :xs="24">
-                <a-form-item
-                  label="4G EPS User Template Name"
-                  name="epstpl"
-                  v-bind="modalStateFrom.validateInfos.epstpl"
-                >
-                  <a-input
-                    v-model:value="modalState.BatchForm.epstpl"
-                    allow-clear
-                    :maxlength="16"
-                  >
-                    <template #prefix>
-                      <a-tooltip placement="topLeft">
-                        <template #title>
-                          {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
-                        </template>
-                        <InfoCircleOutlined
-                          style="color: rgba(0, 0, 0, 0.45)"
-                        />
-                      </a-tooltip>
-                    </template>
-                  </a-input>
-                </a-form-item>
-              </a-col>
-            </a-row>
-
-            <a-form-item
-              label="4G Static IP"
-              v-bind="modalStateFrom.validateInfos.staticIp"
-              name="staticIp"
-            >
-              <a-input
-                v-model:value="modalState.BatchForm.staticIp"
-                allow-clear
-              >
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.staticIpTip') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-
-            <a-form-item label="4G Context ID" name="contextId">
-              <a-input
-                v-model:value="modalState.BatchForm.contextId"
-                allow-clear
-              >
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.contextIdTip') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-
-            <a-form-item
-              label="4G APN Context List"
-              name="apnContext"
-              :help="t('views.neUser.sub.apnContextTip')"
-            >
-              <a-input-group compact>
-                <a-input-number
-                  v-for="(_, i) in modalState.BatchForm.apnContext"
-                  :key="i"
-                  :title="i"
-                  style="width: 16.5%"
-                  :min="0"
-                  :max="99"
-                  v-model:value="modalState.BatchForm.apnContext[i]"
-                ></a-input-number>
-              </a-input-group>
-            </a-form-item>
-
-            <a-form-item
-              label="4G EPS ODB"
-              name="epsOdb"
-              v-bind="modalStateFrom.validateInfos.epsOdb"
-            >
-              <a-tooltip
-                :title="t('views.neUser.sub.epsOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.BatchForm.epsOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  placeholder="Please select"
-                  :options="modalStateFromOption.odbJson"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-
-            <a-form-item label="4G HPLMN ODB" name="hplmnOdb">
-              <a-tooltip
-                :title="t('views.neUser.sub.hplmnOdbTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.BatchForm.hplmnOdb"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.hplmnOdb"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-
-            <a-form-item label="4G Access Restriction Data" name="ard">
-              <a-tooltip
-                :title="t('views.neUser.sub.ardTip')"
-                placement="topLeft"
-              >
-                <a-select
-                  v-model:value="modalState.BatchForm.ard"
-                  mode="multiple"
-                  style="width: 100%"
-                  :options="modalStateFromOption.ardJson"
-                  @change=""
-                >
-                </a-select>
-              </a-tooltip>
-            </a-form-item>
-          </a-collapse-panel>
-        </a-collapse>
-      </a-form>
-    </ProModal>
-
-    <!-- 批量删除框 -->
-    <ProModal
-      style="top: 0px"
-      width="500px"
-      :keyboard="false"
-      :mask-closable="false"
-      :visible="modalState.visibleByBatchDel"
-      :title="modalState.title"
-      :confirm-loading="modalState.confirmLoading"
-      @ok="fnBatchDelModalOk"
-      @cancel="fnBatchDelModalCancel"
-    >
-      <a-form
-        name="modalStateBatchDelFrom"
-        layout="horizontal"
-        :label-col="{ span: 6 }"
-        :labelWrap="true"
-      >
-        <a-row :gutter="16">
-          <a-col :lg="24" :md="24" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.startIMSI')"
-              name="imsi"
-              v-bind="modalStateBatchDelFrom.validateInfos.imsi"
-            >
-              <a-input v-model:value="modalState.BatchDelForm.imsi" allow-clear>
-                <template #prefix>
-                  <a-tooltip placement="topLeft">
-                    <template #title>
-                      {{ t('views.neUser.sub.imsiTip') }}<br />
-                      {{ t('views.neUser.sub.imsiTip1') }}<br />
-                      {{ t('views.neUser.sub.imsiTip2') }}<br />
-                      {{ t('views.neUser.sub.imsiTip3') }}
-                    </template>
-                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
-                  </a-tooltip>
-                </template>
-              </a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="24" :md="24" :xs="24">
-            <a-form-item
-              :label="t('views.neUser.sub.numDel')"
-              name="num"
-              v-bind="modalStateBatchDelFrom.validateInfos.num"
-            >
-              <a-input-number
-                v-model:value="modalState.BatchDelForm.num"
-                style="width: 100%"
-                :min="1"
-                :max="100000"
-                placeholder="<=100000"
-              ></a-input-number>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-    </ProModal>
-
-    <!-- 上传导入表格数据文件框 -->
-    <UploadModal
-      :title="uploadImportState.title"
-      :loading="uploadImportState.loading"
-      @upload="fnModalUploadImportUpload"
-      @close="fnModalUploadImportClose"
-      v-model:visible="uploadImportState.visible"
-      :ext="['.txt']"
-    >
-      <template #default>
-        <a-textarea
-          :disabled="true"
-          :hidden="!uploadImportState.msg"
-          :value="uploadImportState.msg"
-          :auto-size="{ minRows: 2, maxRows: 8 }"
-          style="background-color: transparent; color: rgba(0, 0, 0, 0.85)"
-        />
-      </template>
-    </UploadModal>
   </PageContainer>
 </template>
 
diff --git a/src/views/tenant/ue/index.vue b/src/views/tenant/ue/index.vue
index c9e1b212..8e5141aa 100644
--- a/src/views/tenant/ue/index.vue
+++ b/src/views/tenant/ue/index.vue
@@ -38,7 +38,6 @@ let queryParams = reactive({
 /**查询参数重置 */
 function fnQueryReset() {
   queryParams = Object.assign(queryParams, {
-    totalType: [],
     imsi: '',
     msisdn: '',
     pageNum: 1,
@@ -67,7 +66,7 @@ type TabeStateType = {
 let tableState: TabeStateType = reactive({
   loading: false,
   size: 'middle',
-  seached: false,
+  seached: true,
   data: [],
   selectedRowKeys: [],
 });
@@ -443,13 +442,13 @@ onMounted(() => {
     <!-- 详情框 -->
     <ProModal
       :width="800"
-      :visible="modalState.visibleByView"
+      :open="modalState.visibleByView"
       :title="modalState.title"
       @cancel="fnModalCancel"
       :footer="null"
     >
       <a-form layout="horizontal" labelAlign="left" :labelWrap="false">
-        <a-row >
+        <a-row>
           <a-col :lg="8" :md="8" :xs="24">
             <a-form-item label="IMSI" name="imsi">
               {{ modalState.from.imsi }}