--新增UDM鉴权 签约用户

src/views/neUser/auth/index.vue

@@ -17,6 +17,7 @@ import {
   exportAuth,
   importAuthData,
   batchAuth,
+  batchDelAuth,
 } from '@/api/neUser/auth';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useI18n from '@/hooks/useI18n';
@@ -241,10 +242,10 @@ const modalStateBatchDelFrom = Form.useForm(
   modalState.BatchDelForm,
   reactive({
     num: [
-      { required: true, message: '放号数不能为空' },
-      { min: 1, max: 100, message: '放号数必须小于等于100' },
+      { required: true, message: '删除个数不能为空' },
+      { min: 1, max: 100, message: '删除个数必须小于等于100' },
     ],
-    imsi: [{ required: true, message: 'IMSI不能为空' }],
+    imsi: [{ required: true, message: '起始IMSI不能为空' }],
   })
 );
 
@@ -335,7 +336,7 @@ function fnModalOk() {
 }
 
 /**
- * 对话框弹出 批量操作确认执行函数
+ * 对话框弹出 批量新增操作确认执行函数
  * 进行表达规则校验
  */
 function fnBatchModalOk() {
@@ -376,6 +377,49 @@ function fnBatchModalOk() {
     });
 }
 
+/**
+ * 对话框弹出 批量删除确认执行函数
+ * 进行表达规则校验
+ */
+ function fnBatchDelModalOk() {
+  modalStateBatchDelFrom
+    .validate()
+    .then(e => {
+      modalState.confirmLoading = true;
+      const from = toRaw(modalState.BatchDelForm);
+
+      const neID = queryParams.neId || '-';
+      // const result = from.id ? updateAuth(from) : addAuth(neID, from);
+      from.neID = neID;
+      const result = batchDelAuth(from);
+      const hide = message.loading({ content: t('common.loading') });
+      result
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.msgSuccess', { msg: modalState.title }),
+              duration: 3,
+            });
+            modalState.visibleByBatchDel = false;
+            modalStateBatchDelFrom.resetFields();
+            fnGetList();
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+        });
+    })
+    .catch(e => {
+      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
+    });
+}
+
 /**
  * 批量添加对话框弹出关闭执行函数
  * 进行表达规则校验
@@ -386,6 +430,16 @@ function fnBatchModalCancel() {
   modalStateBatchFrom.resetFields();
 }
 
+/**
+ * 批量删除对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+ function fnBatchDelModalCancel() {
+  modalState.visibleByBatchDel = false;
+  modalState.visibleByView = false;
+  modalStateBatchDelFrom.resetFields();
+}
+
 /**
  * 对话框弹出关闭执行函数
  * 进行表达规则校验
@@ -1004,6 +1058,68 @@ onMounted(() => {
       </a-form>
     </a-modal>
 
+    
+        <!-- 批量删除框 -->
+        <a-modal
+      width="1000px"
+      :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: 7.5 }"
+        :labelWrap="true"
+      >
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.neUser.sub.num')"
+              name="num"
+              v-bind="modalStateBatchDelFrom.validateInfos.num"
+            >
+              <a-input
+                v-model:value="modalState.BatchDelForm.num"
+                allow-clear
+                placeholder="请输入删号个数"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+    
+          <a-col :lg="12" :md="12" :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
+                placeholder="请输入起始IMSI"
+              >
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title>
+                      SUPI=MCC+MNC+MSIN MCC=移动国家号码, 由三位数字组成
+                      MNC=移动网络号，由两位数字组成
+                      MSIN=移动客户识别码,采用等长10位数字构成
+                    </template>
+                    <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                  </a-tooltip>
+                </template>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          </a-row>
+
+      </a-form>
+    </a-modal>
+
     <!-- 上传导入表格数据文件框 -->
     <UploadModal
       :title="uploadImportState.title"