OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

--新增UDM鉴权 签约用户

Browse Source
This commit is contained in:
lai
2023-09-25 17:45:05 +08:00
parent 21a4ad986d
commit 98a13ca691
7 changed files with 824 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/neUser/auth.ts
View File

@@ -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',
});
}

51
src/api/neUser/sub.ts
View File

@@ -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',
});
}

2
src/i18n/locales/en-US.ts
View File

@@ -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',

2
src/i18n/locales/zh-CN.ts
View File

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

3
src/views/index.vue
View File

@@ -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;

124
src/views/neUser/auth/index.vue
View File

@@ -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"

670
src/views/neUser/sub/index.vue
View File

@@ -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"