style: 优化UDM用户数据操作排版布局

This commit is contained in:
TsMask
2023-11-07 19:49:38 +08:00
parent 21c702ce9b
commit 8e467b95a2
2 changed files with 245 additions and 255 deletions

View File

@@ -1054,19 +1054,6 @@ onMounted(() => {
:label-col="{ span: 7 }"
>
<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-col :lg="12" :md="12" :xs="24">
<a-form-item
label="IMSI"
@@ -1078,15 +1065,25 @@ onMounted(() => {
allow-clear
placeholder="请输入IMSI"
>
<!-- <template #prefix>
<a-tooltip placement="topLeft">
<template #title> 填写创建的网元类型,:SMF </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="t('views.neUser.auth.num')"
name="num"
v-bind="modalStateBatchFrom.validateInfos.num"
>
<a-input-number
v-model:value="modalState.BatchForm.num"
placeholder="请输入放号数"
style="width: 100%"
></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="AMF"
@@ -1100,23 +1097,6 @@ onMounted(() => {
></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="KI"
name="ki"
v-bind="modalStateBatchFrom.validateInfos.ki"
>
<a-input
v-model:value="modalState.BatchForm.ki"
allow-clear
placeholder="请输入KI"
>
</a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="Algo Index"
@@ -1134,6 +1114,20 @@ onMounted(() => {
</a-row>
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="KI"
name="ki"
v-bind="modalStateBatchFrom.validateInfos.ki"
>
<a-input
v-model:value="modalState.BatchForm.ki"
allow-clear
placeholder="请输入KI"
>
</a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
label="OPC"
@@ -1153,7 +1147,7 @@ onMounted(() => {
<!-- 批量删除框 -->
<a-modal
width="1000px"
width="500px"
:keyboard="false"
:mask-closable="false"
:visible="modalState.visibleByBatchDel"
@@ -1169,21 +1163,7 @@ onMounted(() => {
: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-col :lg="24" :md="24" :xs="24">
<a-form-item
:label="t('views.neUser.sub.startIMSI')"
name="imsi"
@@ -1207,6 +1187,19 @@ onMounted(() => {
</a-input>
</a-form-item>
</a-col>
<a-col :lg="24" :md="24" :xs="24">
<a-form-item
:label="t('views.neUser.sub.num')"
name="num"
v-bind="modalStateBatchDelFrom.validateInfos.num"
>
<a-input-number
v-model:value="modalState.BatchDelForm.num"
placeholder="请输入删号个数"
style="width: 100%"
></a-input-number>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-modal>