--新增UDM鉴权 签约用户

src/api/neUser/auth.ts

@@ -125,9 +125,9 @@ export function delAuth(neId: string, data: Record<string, any>) {
  * @param data 鉴权对象
  * @returns object
  */
-export function batchDelAuth(neId:string,data: Record<string, any>) {
+export function batchDelAuth(data: Record<string, any>) {
   return request({
-    url: `/udmUserManage/v1/auth/${neId}/${data.imsi}/${data.num}`,
+    url: `/udmUserManage/v1/auth/${data.neID}/${data.imsi}/${data.num}`,
     method: 'delete',
   });
 }

src/api/neUser/sub.ts

@@ -71,11 +71,12 @@ export function getSub(neId: string, imsi: string) {
 /**
  * 修改签约
  * @param data 签约对象 
+ * @param neId 网元ID 
  * @returns object
  */
-export function updateSub(data: Record<string, any>) {
+export function updateSub(neId:string,data: Record<string, any>) {
   return request({
-    url: `/udmUserManage/v1/sub/${data.neId}`,
+    url: `/udmUserManage/v1/sub/${neId}`,
     method: 'put',
     data: data,
   });
@@ -87,27 +88,6 @@ export function updateSub(data: Record<string, any>) {
  * @returns object
  */
 export function addSub(neID: string, data: Record<string, any>) {
-  console.log(data);
-  let ardArr = [0, 0, 0, 0, 0, 0, 0, 0];
-  let hplmnArr = [0, 0, 0, 0, 0, 0, 0, 0];
-  let odbArr = [0, 0, 0, 0, 0, 0, 0, 0];
-
-  data.ard.forEach((item: any) => {
-    ardArr[item] = 1;
-  });
-
-  data.hplmnOdb.forEach((item: any) => {
-    hplmnArr[item] = 1;
-  });
-
-  data.epsOdb.forEach((item: any) => {
-    odbArr[item] = 1;
-  });
-
-  data.epsOdb = '' + parseInt(odbArr.join(''), 2);
-  data.hplmnOdb = '' + parseInt(hplmnArr.join(''), 2);
-  data.ard = '' + parseInt(ardArr.join(''), 2);
-  data.cn = '3';
   return request({
     url: `/udmUserManage/v1/sub/${neID}`,
     method: 'post',
@@ -115,6 +95,19 @@ export function addSub(neID: string, data: Record<string, any>) {
   });
 }
 
+/**
+ * 批量新增新增签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function batchAddSub(data: Record<string, any>) {
+  return request({
+    url: `/udmUserManage/v1/sub/${data.neID}/${data.num}`,
+    method: 'post',
+    data: data,
+  });
+}
+
 /**
  * 删除签约
  * @param data 签约对象
@@ -126,3 +119,15 @@ export function delSub(neId: string, imsi: string) {
     method: 'delete',
   });
 }
+
+/**
+ * 批量删除签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function batchDelSub(data: Record<string, any>) {
+  return request({
+    url: `/udmUserManage/v1/sub/${data.neID}/${data.imsi}/${data.num}`,
+    method: 'delete',
+  });
+}

src/i18n/locales/en-US.ts

@@ -144,6 +144,8 @@ export default {
         loadDataConfirm: "Are you sure you want to reload the data?",
         loadData: "LoadData",
         loadDataTip: 'Successfully obtained updated data: {num} items. The system is updating the data internally. Please do not click repeatedly to obtain updates!!!',
+        num:'Number of deletions',
+        startIMSI:'start IMSI',
       },
       base5G: {
         neTypePlease: 'Query network element type',

src/i18n/locales/zh-CN.ts

@@ -144,6 +144,8 @@ export default {
         loadDataConfirm: '确认要重新加载数据吗?',
         loadData: '更新数据',
         loadDataTip: '成功获取更新数据：{num}条，系统内部进行数据更新，请勿重复点击获取更新!!!',
+        num:'删除个数',
+        startIMSI:'起始IMSI',
       },
       base5G: {
         neTypePlease: '查询网元类型',

src/views/index.vue

@@ -326,9 +326,6 @@ const closeDrawer = () => {
 function rowClick(record:any, index:any) {
   return {
     onClick: (event:any) => {
-      console.log(toRaw(record), "666");
-/*      console.log( index,  "666");
-      console.log( event,  "666");*/
       if (toRaw(record).status=='异常'){
         message.error(`网元状态异常`, 2);
         return false;

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: '放号数不能为空' },
+      { required: true, message: '删除个数不能为空' },
-      { min: 1, max: 100, message: '放号数必须小于等于100' },
+      { 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"

src/views/neUser/sub/index.vue

@@ -16,6 +16,8 @@ import {
   delSub,
   importSubData,
   exportSub,
+  batchAddSub,
+  batchDelSub,
 } from '@/api/neUser/sub';
 import useNeInfoStore from '@/store/modules/neinfo';
 import useI18n from '@/hooks/useI18n';
@@ -181,10 +183,18 @@ type ModalStateType = {
   visibleByView: boolean;
   /**新增框或修改框是否显示 */
   visibleByEdit: boolean;
+  /**批量新增否显示 */
+  visibleByBatch: boolean;
+  /**批量删除否显示 */
+  visibleByBatchDel: boolean;
   /**标题 */
   title: string;
   /**表单数据 */
   from: Record<string, any>;
+  /**表单数据 */
+  BatchForm: Record<string, any>;
+  /**表单数据 */
+  BatchDelForm: Record<string, any>;
   /**确定按钮 loading */
   confirmLoading: boolean;
   /**更新加载数据按钮 loading */
@@ -195,6 +205,8 @@ type ModalStateType = {
 let modalState: ModalStateType = reactive({
   visibleByView: false,
   visibleByEdit: false,
+  visibleByBatch: false,
+  visibleByBatchDel: false,
   title: 'UDM签约用户',
   from: {
     msisdn: '',
@@ -218,6 +230,33 @@ let modalState: ModalStateType = reactive({
     apnContext: '',
     staticIp: '',
   },
+  BatchForm: {
+    num: '',
+    msisdn: '',
+    imsi: '',
+    ambr: 'def_ambr',
+    nssai: 'def_nssai',
+    rat: '',
+    arfb: 'def_arfb',
+    sar: 'def_sar',
+    cn: '',
+    smData: '',
+    smfSel: 'def_snssai',
+    epsDat: '',
+    neId: '',
+    epsFlag: '1',
+    epsOdb: [],
+    hplmnOdb: [],
+    ard: [],
+    epstpl: '',
+    contextId: '',
+    apnContext: '',
+    staticIp: '',
+  },
+  BatchDelForm:{
+    num:'',
+    imsi:'',
+  },
   confirmLoading: false,
   loadDataLoading: false,
 });
@@ -281,6 +320,55 @@ const modalStateFrom = Form.useForm(
   })
 );
 
+/**对话框内批量添加表单属性和校验规则 */
+const modalStateBatchFrom = Form.useForm(
+  modalState.BatchForm,
+  reactive({
+    num: [
+      { required: true, message: '放号数不能为空' },
+      { min: 1, max: 100, message: '放号数必须小于等于100' },
+    ],
+    imsi: [{ required: true, message: 'IMSI不能为空' }],
+    msisdn: [{ required: true, message: 'MSISDN不能为空' }],
+  })
+);
+
+/**对话框内批量添加表单属性和校验规则 */
+const modalStateBatchDelFrom = Form.useForm(
+  modalState.BatchDelForm,
+  reactive({
+    num: [
+      { required: true, message: '放号数不能为空' },
+      { min: 1, max: 100, message: '放号数必须小于等于100' },
+    ],
+    imsi: [{ required: true, message: 'IMSI不能为空' }],
+  })
+);
+
+/**
+ * 针对修改框的截取每位数值
+ * @param num 二进制值: 10001 n:长度有几位
+ */
+function PrefixZero(num: any, n: any) {
+  return (Array(n).join('0') + num).slice(-n);
+}
+
+/**
+ * 对话框弹出显示为 批量新增,批量删除
+ * @param noticeId 网元id, 不传为新增
+ */
+function fnModalVisibleByBatch(batchFlag?: number) {
+  if (batchFlag) {
+    modalStateBatchFrom.resetFields(); //重置表单
+    modalState.title = '批量添加鉴权信息';
+    modalState.visibleByBatch = true;
+  } else {
+    modalStateBatchFrom.resetFields(); //重置表单
+    modalState.title = '批量删除鉴权信息';
+    modalState.visibleByBatchDel = true;
+  }
+}
+
 /**
  * 对话框弹出显示为 新增或者修改
  * @param noticeId 网元id, 不传为新增
@@ -299,6 +387,32 @@ function fnModalVisibleByEdit(imsi?: string) {
       modalState.confirmLoading = false;
       hide();
       if (res.code === RESULT_CODE_SUCCESS) {
+        let ardAll = parseInt(res.data.ard).toString(2).padStart(8, '0');
+        let hplAll = parseInt(res.data.hplmnOdb).toString(2).padStart(8, '0');
+        let odbAll = parseInt(res.data.epsOdb).toString(2).padStart(9, '0');
+        const ardArray: any[] = [];
+        const hplmnArray: any[] = [];
+        const epsOdbArray: any[] = [];
+        for (let i = 0; i < ardAll.length; i++) {
+          if (PrefixZero(ardAll, ardAll.length).charAt(i) === '1') {
+            ardArray.push(i);
+          }
+        }
+
+        for (let i = 0; i < hplAll.length; i++) {
+          if (PrefixZero(hplAll, hplAll.length).charAt(i) === '1') {
+            hplmnArray.push(i);
+          }
+        }
+        for (let i = 0; i < odbAll.length; i++) {
+          if (PrefixZero(odbAll, odbAll.length).charAt(i) === '1') {
+            epsOdbArray.push(i);
+          }
+        }
+        res.data.ard = ardArray;
+        res.data.hplmnOdb = hplmnArray;
+        res.data.epsOdb = epsOdbArray;
+
         modalState.from = Object.assign(modalState.from, res.data);
         modalState.title = '修改签约信息';
         modalState.visibleByEdit = true;
@@ -319,8 +433,28 @@ function fnModalOk() {
     .then(e => {
       modalState.confirmLoading = true;
       const from = toRaw(modalState.from);
+      let ardArr = [0, 0, 0, 0, 0, 0, 0, 0];
+      let hplmnArr = [0, 0, 0, 0, 0, 0, 0, 0];
+      let odbArr = [0, 0, 0, 0, 0, 0, 0, 0];
+
+      from.ard.forEach((item: any) => {
+        ardArr[item] = 1;
+      });
+
+      from.hplmnOdb.forEach((item: any) => {
+        hplmnArr[item] = 1;
+      });
+
+      from.epsOdb.forEach((item: any) => {
+        odbArr[item] = 1;
+      });
+
+      from.epsOdb = '' + parseInt(odbArr.join(''), 2);
+      from.hplmnOdb = '' + parseInt(hplmnArr.join(''), 2);
+      from.ard = '' + parseInt(ardArr.join(''), 2);
+      from.cn = '3';
       const neID = queryParams.neId || '-';
-      const result = from.id ? updateSub(from) : addSub(neID, from);
+      const result = from.id ? updateSub(neID, from) : addSub(neID, from);
       const hide = message.loading({ content: t('common.loading') });
       result
         .then(res => {
@@ -349,6 +483,111 @@ function fnModalOk() {
     });
 }
 
+/**
+ * 对话框弹出 批量新增操作确认执行函数
+ * 进行表达规则校验
+ */
+function fnBatchModalOk() {
+  modalStateBatchFrom
+    .validate()
+    .then(e => {
+      modalState.confirmLoading = true;
+      const from = toRaw(modalState.BatchForm);
+      let ardArr = [0, 0, 0, 0, 0, 0, 0, 0];
+      let hplmnArr = [0, 0, 0, 0, 0, 0, 0, 0];
+      let odbArr = [0, 0, 0, 0, 0, 0, 0, 0];
+
+      from.ard.forEach((item: any) => {
+        ardArr[item] = 1;
+      });
+
+      from.hplmnOdb.forEach((item: any) => {
+        hplmnArr[item] = 1;
+      });
+
+      from.epsOdb.forEach((item: any) => {
+        odbArr[item] = 1;
+      });
+
+      from.epsOdb = '' + parseInt(odbArr.join(''), 2);
+      from.hplmnOdb = '' + parseInt(hplmnArr.join(''), 2);
+      from.ard = '' + parseInt(ardArr.join(''), 2);
+      from.cn = '3';
+      const neID = queryParams.neId || '-';
+      // const result = from.id ? updateAuth(from) : addAuth(neID, from);
+      from.neID = neID;
+      const result = batchAddSub(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.visibleByBatch = false;
+            modalStateBatchFrom.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);
+    });
+}
+
+/**
+ * 对话框弹出 批量删除确认执行函数
+ * 进行表达规则校验
+ */
+ 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 = batchDelSub(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);
+    });
+}
+
 /**
  * 对话框弹出关闭执行函数
  * 进行表达规则校验
@@ -359,6 +598,26 @@ function fnModalCancel() {
   modalStateFrom.resetFields();
 }
 
+/**
+ * 批量添加对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+function fnBatchModalCancel() {
+  modalState.visibleByBatch = false;
+  modalState.visibleByView = false;
+  modalStateBatchFrom.resetFields();
+}
+
+/**
+ * 批量删除对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+ function fnBatchDelModalCancel() {
+  modalState.visibleByBatchDel = false;
+  modalState.visibleByView = false;
+  modalStateBatchDelFrom.resetFields();
+}
+
 /**
  * UDM签约用户删除
  * @param imsi 网元编号ID
@@ -616,6 +875,23 @@ onMounted(() => {
             {{ t('common.addText') }}
           </a-button>
 
+          <a-button type="primary" @click.prevent="fnModalVisibleByBatch(1)">
+            <template #icon>
+              <PlusOutlined />
+            </template>
+            {{ t('views.neUser.auth.batchAddText') }}
+          </a-button>
+          <a-button
+            type="primary"
+            danger
+            ghost
+            @click.prevent="fnModalVisibleByBatch(0)"
+          >
+            <template #icon>
+              <DeleteOutlined />
+            </template>
+            {{ t('views.neUser.auth.batchDelText') }}
+          </a-button>
           <a-popconfirm
             :title="t('views.neUser.sub.loadDataConfirm')"
             :ok-text="t('common.ok')"
@@ -1088,6 +1364,398 @@ onMounted(() => {
       </a-form>
     </a-modal>
 
+    <!-- 批量增加框 -->
+    <a-modal
+      width="1000px"
+      :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"
+        :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.auth.num')"
+              name="num"
+              v-bind="modalStateBatchFrom.validateInfos.num"
+            >
+              <a-input
+                v-model:value="modalState.BatchForm.num"
+                allow-clear
+                placeholder="请输入放号数"
+              ></a-input>
+            </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
+                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-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="cn"
+              name="cn"
+              v-bind="modalStateBatchFrom.validateInfos.cn"
+            >
+              <a-input
+                v-model:value="modalState.from.cn"
+                allow-clear
+                placeholder="请输入cn"
+              ></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
+                placeholder="请输入msisdn"
+              >
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title> 参数最大长度32 </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="12" :md="12" :xs="24">
+            <a-form-item label="5G Subscribed UE AMBR template" name="ambr">
+              <a-input v-model:value="modalState.BatchForm.ambr" allow-clear>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :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>
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="5G UE Usage Type" name="ueType">
+              <a-input value="1" allow-clear> </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="5G Forbidden Areas template" name="arfb">
+              <a-input v-model:value="modalState.BatchForm.arfb" allow-clear>
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title>
+                      限制区域模板,在模板指定的限制区域中,UE 不允许与网络通信
+                    </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="12" :md="12" :xs="24">
+            <a-form-item
+              label="5G Service Area Restriction template"
+              name="sar"
+            >
+              <a-input v-model:value="modalState.BatchForm.sar" allow-clear>
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title>
+                      服务区域限制模板,定义允许的区域,UE
+                      在这些区域中可以和网络通信;定义不允许的区,UE
+                      和网络在这些区域中,不允许发起Service Request 或 SM
+                      信令来获取用户服务
+                    </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="5G RFSP Index" name="rfsp">
+              <a-input value="1" allow-clear>
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title>
+                      RFSP 索引,在 NG-RAN中,特定RRM配置的索引,参数介于0到127之间
+                    </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="12" :md="12" :xs="24">
+            <a-form-item label="5G MICO mode" name="mico">
+              <a-tooltip title="签约的MICO业务标志位">
+                <a-select value="1">
+                  <a-select-option value="1">Enable</a-select-option>
+                  <a-select-option value="0">Disable</a-select-option>
+                </a-select>
+              </a-tooltip>
+            </a-form-item>
+          </a-col>
+
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              label="5G Subscribed SMF Selection Data template"
+              name="smfSel"
+            >
+              <a-input v-model:value="modalState.BatchForm.smfSel" allow-clear>
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title> 参数最大长度为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="12" :md="12" :xs="24">
+            <a-form-item label="Subscribed SM Data" name="smData">
+              <a-input v-model:value="modalState.BatchForm.smData" allow-clear>
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title> 参数最大长度为128 </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="4G EPS flag" name="epsFlag">
+              <a-tooltip title="是否开启4G EPS 服务,0=不开启,1=开启">
+                <a-select v-model:value="modalState.BatchForm.epsFlag">
+                  <a-select-option value="1">Enable</a-select-option>
+                  <a-select-option value="0">Disable</a-select-option>
+                </a-select>
+              </a-tooltip>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item label="4G EPS ODB" name="epsOdb">
+          <a-tooltip
+            title="ODB(Operator-Determined Barring)运营商决定的闭锁,即用户接入EPS网络的业务能力由运营商决定.选中 ---对应服务被允许 未选 --- 对应服务被禁止"
+          >
+            <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="HPLMN-ODB
+                归属运营商决定的闭锁,即用户接入EPS网络的业务能力由用户归宿运营商决定.选中 --- 对应服务被允许 未选 -- 对应服务被禁止"
+          >
+            <a-select
+              v-model:value="modalState.BatchForm.hplmnOdb"
+              mode="multiple"
+              style="width: 100%"
+              placeholder="Please select"
+              :options="modalStateFromOption.hplmnOdb"
+              @change=""
+            >
+            </a-select>
+          </a-tooltip>
+        </a-form-item>
+
+        <a-form-item label="4G Access Restriction Data" name="ard">
+          <a-tooltip
+            title="接入控制标志(Access-Restriction-Data),可用于区分2G/3G/LTE用户,便于为2G/3G/LTE网络共存时,对不同类型用户进行区分服务"
+          >
+            <a-select
+              v-model:value="modalState.BatchForm.ard"
+              mode="multiple"
+              style="width: 100%"
+              placeholder="Please select"
+              :options="modalStateFromOption.ardJson"
+              @change=""
+            >
+              <template #suffixIcon>
+                <a-tooltip placement="topLeft">
+                  <template #title>
+                    指定手机用户上网时使用的静态IP地址,为空时表示使用动态IP地址
+                  </template>
+                  <InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
+                </a-tooltip>
+              </template>
+            </a-select>
+          </a-tooltip>
+        </a-form-item>
+
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="4G EPS User Template Name" name="epstpl">
+              <a-tooltip title="参数最大长度为16">
+                <a-input
+                  v-model:value="modalState.BatchForm.epstpl"
+                  allow-clear
+                  placeholder="请输入4G EPS User Template Name"
+                >
+                </a-input>
+              </a-tooltip>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="4G Context ID" name="contextId">
+              <a-tooltip title="签约APN 上下文ID,必须从APN Context list 中选择">
+                <a-input
+                  v-model:value="modalState.BatchForm.contextId"
+                  allow-clear
+                  placeholder="请输入4G Context ID"
+                >
+                </a-input>
+              </a-tooltip>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="4G Static IP" name="staticIp">
+              <a-input
+                v-model:value="modalState.BatchForm.staticIp"
+                allow-clear
+                placeholder="静态IP地址"
+              >
+                <template #prefix>
+                  <a-tooltip placement="topLeft">
+                    <template #title>
+                      指定手机用户上网时使用的静态IP地址,为空时表示使用动态IP地址
+                    </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>
+
+        <!-- 批量删除框 -->
+        <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"