From 58919ad4d4c8283bab29a6841155170bc6bd75f1 Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Fri, 11 Apr 2025 15:43:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:IMSSUB=E7=95=8C=E9=9D=A2=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/imsUDM/index.vue | 354 ++++++++++++++++--------------
 1 file changed, 187 insertions(+), 167 deletions(-)

diff --git a/src/views/neUser/imsUDM/index.vue b/src/views/neUser/imsUDM/index.vue
index 231b5c01..5ccad1df 100644
--- a/src/views/neUser/imsUDM/index.vue
+++ b/src/views/neUser/imsUDM/index.vue
@@ -43,6 +43,8 @@ let queryParams = reactive({
   tenantName: '',
   /**移动号 */
   msisdn: '',
+  /**TAG */
+  tag: undefined,
   /**排序字段 */
   sortField: 'imsi',
   /**排序方式 */
@@ -60,6 +62,7 @@ function fnQueryReset() {
     imsiMatch: 'fuzzy',
     msisdn: '',
     tenantName: '',
+    tag: undefined,
     sortField: 'imsi',
     sortOrder: 'asc',
     pageNum: 1,
@@ -121,6 +124,13 @@ let tableColumns = ref<ColumnsType>([
     sorter: true,
     width: 100,
   },
+  {
+    title: 'TAG',
+    dataIndex: 'tag',
+    align: 'center',
+    width: 150,
+    key: 'tag'
+  },
   {
     title: 'TenantID',
     dataIndex: 'tenantID',
@@ -140,12 +150,6 @@ let tableColumns = ref<ColumnsType>([
     align: 'center',
     width: 150,
   },
-  {
-    title: 'TAG',
-    dataIndex: 'tag',
-    align: 'center',
-    width: 150,
-  },
   {
     title: t('common.operate'),
     key: 'imsi',
@@ -367,7 +371,7 @@ const modalStateFrom = Form.useForm(
     ],
     imsi: [
       {
-        required: computed(() => modalState.from.tag === '0'),
+        required: computed(() => modalState.from.tag === '1'),
         message: 'IMSI' + t('common.unableNull')
       },
       { min: 15, max: 15, message: t('views.neUser.auth.imsiConfirm') },
@@ -1076,7 +1080,7 @@ onMounted(() => {
         if (res.data.length > 0) {
           let arr: Record<string, any>[] = [];
           res.data.forEach(i => {
-            if (i.neType === 'IMS') {
+            if (i.neType === 'UDM') {
               arr.push({ value: i.neId, label: i.neName });
             }
           });
@@ -1110,7 +1114,7 @@ onMounted(() => {
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
           <a-col :lg="6" :md="12" :xs="24">
-            <a-form-item :label="t('views.neUser.sub.imsType')" name="neId ">
+            <a-form-item :label="t('views.neUser.sub.neType')" name="neId">
               <a-select
                 v-model:value="queryParams.neId"
                 :options="neOtions"
@@ -1148,6 +1152,19 @@ onMounted(() => {
                        :placeholder="t('common.inputPlease')"></a-input>
             </a-form-item>
           </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item label="TAG" name="tag">
+              <a-select
+                v-model:value="queryParams.tag"
+                :options="[
+                  { label: 'VoIP', value: '0' },
+                  { label: 'VoLTE', value: '1' }
+                ]"
+                :placeholder="t('common.selectPlease')"
+                allow-clear
+              />
+            </a-form-item>
+          </a-col>
           <a-col :lg="6" :md="12" :xs="24">
             <a-form-item
               :label="t('views.neUser.sub.tenantName')"
@@ -1205,25 +1222,25 @@ onMounted(() => {
             {{ t('views.neUser.auth.batchDelText') }}
           </a-button>
 
-                    <a-popconfirm
-                      :title="t('views.neUser.sub.loadDataConfirm')"
-                      :ok-text="t('common.ok')"
-                      :cancel-text="t('common.cancel')"
-                      :disabled="modalState.loadDataLoading"
-                      @confirm="fnLoadData"
-                    >
-                      <a-button
-                        type="dashed"
-                        danger
-                        :disabled="modalState.loadDataLoading"
-                        :loading="modalState.loadDataLoading"
-                      >
-                        <template #icon>
-                          <SyncOutlined />
-                        </template>
-                        {{ t('views.neUser.sub.loadData') }}
-                      </a-button>
-                    </a-popconfirm>
+          <a-popconfirm
+            :title="t('views.neUser.sub.loadDataConfirm')"
+            :ok-text="t('common.ok')"
+            :cancel-text="t('common.cancel')"
+            :disabled="modalState.loadDataLoading"
+            @confirm="fnLoadData"
+          >
+            <a-button
+              type="dashed"
+              danger
+              :disabled="modalState.loadDataLoading"
+              :loading="modalState.loadDataLoading"
+            >
+              <template #icon>
+                <SyncOutlined />
+              </template>
+              {{ t('views.neUser.sub.loadData') }}
+            </a-button>
+          </a-popconfirm>
 
           <a-button type="dashed" @click.prevent="fnModalUploadImportOpen">
             <template #icon>
@@ -1232,52 +1249,52 @@ onMounted(() => {
             {{ t('views.neUser.sub.import') }}
           </a-button>
 
-                    <a-popconfirm
-                      :title="t('views.neUser.sub.exportConfirm')"
-                      placement="topRight"
-                      ok-text="TXT"
-                      ok-type="default"
-                      @confirm="fnExportList('txt')"
-                    >
-                      <a-button type="dashed">
-                        <template #icon>
-                          <ExportOutlined />
-                        </template>
-                        {{ t('views.neUser.sub.export') }}
-                      </a-button>
-                    </a-popconfirm>
+          <a-popconfirm
+            :title="t('views.neUser.sub.exportConfirm')"
+            placement="topRight"
+            ok-text="TXT"
+            ok-type="default"
+            @confirm="fnExportList('txt')"
+          >
+            <a-button type="dashed">
+              <template #icon>
+                <ExportOutlined />
+              </template>
+              {{ t('views.neUser.sub.export') }}
+            </a-button>
+          </a-popconfirm>
 
-                    <a-button
-                      type="default"
-                      danger
-                      :disabled="tableState.selectedRowKeys.length <= 0"
-                      :loading="modalState.loadDataLoading"
-                      @click.prevent="fnRecordDelete('0')"
-                    >
-                      <template #icon>
-                        <DeleteOutlined />
-                      </template>
-                      {{ t('views.neUser.sub.checkDel') }}
-                    </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            :loading="modalState.loadDataLoading"
+            @click.prevent="fnRecordDelete('0')"
+          >
+            <template #icon>
+              <DeleteOutlined />
+            </template>
+            {{ t('views.neUser.sub.checkDel') }}
+          </a-button>
 
-                    <a-popconfirm
-                      :title="t('views.neUser.sub.checkExportConfirm')"
-                      placement="topRight"
-                      ok-text="TXT"
-                      ok-type="default"
-                      @confirm="fnRecordExport('txt')"
-                      :disabled="tableState.selectedRowKeys.length <= 0"
-                    >
-                      <a-button
-                        type="default"
-                        :disabled="tableState.selectedRowKeys.length <= 0"
-                      >
-                        <template #icon>
-                          <ExportOutlined />
-                        </template>
-                        {{ t('views.neUser.sub.checkExport') }}
-                      </a-button>
-                    </a-popconfirm>
+          <a-popconfirm
+            :title="t('views.neUser.sub.checkExportConfirm')"
+            placement="topRight"
+            ok-text="TXT"
+            ok-type="default"
+            @confirm="fnRecordExport('txt')"
+            :disabled="tableState.selectedRowKeys.length <= 0"
+          >
+            <a-button
+              type="default"
+              :disabled="tableState.selectedRowKeys.length <= 0"
+            >
+              <template #icon>
+                <ExportOutlined />
+              </template>
+              {{ t('views.neUser.sub.checkExport') }}
+            </a-button>
+          </a-popconfirm>
         </a-flex>
       </template>
 
@@ -1369,6 +1386,9 @@ onMounted(() => {
                 : t('views.neUser.sub.disable')
             }}
           </template>
+          <template v-if="column.key === 'tag'">
+            {{ record.tag === '0' || record.tag === 0 ? 'VoIP' : 'VoLTE' }}
+          </template>
           <template v-if="column.key === 'imsi'">
             <a-space :size="8" align="center">
               <a-tooltip>
@@ -1388,7 +1408,7 @@ onMounted(() => {
       </a-table>
     </a-card>
 
-    新增框或修改框
+    <!--    新增框或修改框-->
     <ProModal
       :drag="true"
       :width="800"
@@ -1489,8 +1509,8 @@ onMounted(() => {
               <a-select
                 v-model:value="modalState.from.tag"
                 :options="[
-                  { label: '0', value: '0' },
-                  { label: '1', value: '1' }
+                  { label: 'VoIP', value: '0' },
+                  { label: 'VoLTE', value: '1' }
                 ]"
                 :placeholder="t('common.selectPlease')"
               >
@@ -1526,100 +1546,100 @@ onMounted(() => {
         </a-form-item>
       </a-form>
     </ProModal>
-<!--    批量删除-->
-        <ProModal
-          :drag="true"
-          :destroyOnClose="true"
-          style="top: 0px"
-          :keyboard="false"
-          :mask-closable="false"
-          :open="modalState.openByBatchDel"
-          :title="modalState.title"
-          :confirm-loading="modalState.confirmLoading"
-          @ok="fnBatchDelModalOk"
-          @cancel="fnBatchDelModalCancel"
-        >
-          <a-form
-            name="modalStateBatchDelFrom"
-            layout="horizontal"
-            :label-col="{ span: 8 }"
-            :labelWrap="true"
-          >
-            <a-row>
-              <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
-                    :maxlength="15"
-                  >
-                    <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="opacity: 0.45; color: inherit" />
-                      </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="10000"
-                    placeholder="<=10000"
-                  ></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:open="uploadImportState.open"
-          :ext="['.txt']"
-          :size="10"
-        >
-          <template #default>
-            <a-alert
-              :message="uploadImportState.msg"
-              :type="uploadImportState.hasFail ? 'warning' : 'info'"
-              v-show="uploadImportState.msg.length > 0"
+    <!--    批量删除-->
+    <ProModal
+      :drag="true"
+      :destroyOnClose="true"
+      style="top: 0px"
+      :keyboard="false"
+      :mask-closable="false"
+      :open="modalState.openByBatchDel"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      @ok="fnBatchDelModalOk"
+      @cancel="fnBatchDelModalCancel"
+    >
+      <a-form
+        name="modalStateBatchDelFrom"
+        layout="horizontal"
+        :label-col="{ span: 8 }"
+        :labelWrap="true"
+      >
+        <a-row>
+          <a-col :lg="24" :md="24" :xs="24">
+            <a-form-item
+              :label="t('views.neUser.sub.startIMSI')"
+              name="imsi"
+              v-bind="modalStateBatchDelFrom.validateInfos.imsi"
             >
-              <template #action>
-                <a-button
-                  size="small"
-                  type="link"
-                  danger
-                  @click="fnModalUploadImportFailReason"
-                  v-if="uploadImportState.hasFail"
-                >
-                  {{ t('views.neUser.auth.importFail') }}
-                </a-button>
-              </template>
-            </a-alert>
+              <a-input
+                v-model:value="modalState.BatchDelForm.imsi"
+                allow-clear
+                :maxlength="15"
+              >
+                <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="opacity: 0.45; color: inherit" />
+                  </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="10000"
+                placeholder="<=10000"
+              ></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:open="uploadImportState.open"
+      :ext="['.txt']"
+      :size="10"
+    >
+      <template #default>
+        <a-alert
+          :message="uploadImportState.msg"
+          :type="uploadImportState.hasFail ? 'warning' : 'info'"
+          v-show="uploadImportState.msg.length > 0"
+        >
+          <template #action>
+            <a-button
+              size="small"
+              type="link"
+              danger
+              @click="fnModalUploadImportFailReason"
+              v-if="uploadImportState.hasFail"
+            >
+              {{ t('views.neUser.auth.importFail') }}
+            </a-button>
           </template>
-        </UploadModal>
+        </a-alert>
+      </template>
+    </UploadModal>
   </PageContainer>
 </template>