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

修改签约用户表单排版以及修复分页器异常

Browse Source
This commit is contained in:
lai
2024-01-16 15:53:52 +08:00
parent 7e8c57a127
commit e130abe364
1 changed files with 726 additions and 641 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -888,8 +888,13 @@ function fnGetList(pageNum?: number) {
if (tableState.selectedRowKeys.length > 0) { if (tableState.selectedRowKeys.length > 0) {
tableState.selectedRowKeys = []; tableState.selectedRowKeys = [];
} }
tablePagination.total = res.total; tablePagination.total = res.total;
tableState.data = res.rows; tableState.data = res.rows;
if(tablePagination.total<=(queryParams.pageNum-1)*tablePagination.pageSize&&queryParams.pageNum!==1) {
tableState.loading = false;
fnGetList(queryParams.pageNum-1)
}
} }
tableState.loading = false; tableState.loading = false;
}); });
@@ -1316,8 +1321,56 @@ onMounted(() => {
</a-col> </a-col>
</a-row> </a-row>
<a-divider orientation="left">5G</a-divider> <a-form-item
v-if="!modalState.from.id"
label="Subscribed SM Data"
:label-col="{ span: 3 }"
name="smData"
v-bind="modalStateFrom.validateInfos.smData"
>
<a-input
v-model:value="modalState.from.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
<a-form-item
label="Subscribed SM Data"
:label-col="{ span: 3 }"
name="smData"
v-else
>
<a-input
v-model:value="modalState.from.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
<a-collapse :bordered="false" ghost>
<a-collapse-panel key="5G">
<template #header>
<a-divider orientation="left" style="margin: -2px">5G</a-divider>
</template>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24"> <a-col :lg="24" :md="24" :xs="24">
<a-form-item <a-form-item
@@ -1335,7 +1388,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1357,7 +1412,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1381,7 +1438,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1399,7 +1458,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.arfbTip') }} {{ t('views.neUser.sub.arfbTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1423,7 +1484,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.sarTip') }} {{ t('views.neUser.sub.sarTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1443,7 +1506,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.rfspTip') }} {{ t('views.neUser.sub.rfspTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input-number> </a-input-number>
@@ -1483,61 +1548,21 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.ueTypeTip') }} {{ t('views.neUser.sub.ueTypeTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input-number> </a-input-number>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-collapse-panel>
<a-row :gutter="16" v-if="!modalState.from.id"> <a-collapse-panel key="4G">
<a-col :lg="24" :md="24" :xs="24"> <template #header>
<a-form-item <a-divider orientation="left" style="margin: -2px">4G</a-divider>
label="Subscribed SM Data"
name="smData"
v-bind="modalStateFrom.validateInfos.smData"
>
<a-input
v-model:value="modalState.from.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template> </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" v-else>
<a-col :lg="24" :md="24" :xs="24">
<a-form-item label="Subscribed SM Data" name="smData">
<a-input
v-model:value="modalState.from.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
</a-col>
</a-row>
<a-divider orientation="left">4G</a-divider>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24"> <a-col :lg="24" :md="24" :xs="24">
<a-form-item <a-form-item
@@ -1571,14 +1596,15 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24"> <a-col :lg="24" :md="24" :xs="24">
<a-form-item <a-form-item
@@ -1592,14 +1618,15 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.staticIpTip') }} {{ t('views.neUser.sub.staticIpTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-form-item label="4G Context ID" name="contextId"> <a-form-item label="4G Context ID" name="contextId">
<a-input v-model:value="modalState.from.contextId" allow-clear> <a-input v-model:value="modalState.from.contextId" allow-clear>
<template #prefix> <template #prefix>
@@ -1669,7 +1696,10 @@ onMounted(() => {
</a-form-item> </a-form-item>
<a-form-item label="4G Access Restriction Data" name="ard"> <a-form-item label="4G Access Restriction Data" name="ard">
<a-tooltip :title="t('views.neUser.sub.ardTip')" placement="topLeft"> <a-tooltip
:title="t('views.neUser.sub.ardTip')"
placement="topLeft"
>
<a-select <a-select
v-model:value="modalState.from.ard" v-model:value="modalState.from.ard"
mode="multiple" mode="multiple"
@@ -1680,6 +1710,8 @@ onMounted(() => {
</a-select> </a-select>
</a-tooltip> </a-tooltip>
</a-form-item> </a-form-item>
</a-collapse-panel>
</a-collapse>
</a-form> </a-form>
</DraggableModal> </DraggableModal>
@@ -1764,8 +1796,36 @@ onMounted(() => {
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row :gutter="16">
<a-divider orientation="left">5G</a-divider> <a-col :lg="24" :md="24" :xs="24">
<a-form-item
label="Subscribed SM Data"
name="smData"
:label-col="{ span: 3 }"
v-bind="modalStateBatchFrom.validateInfos.smData"
>
<a-input
v-model:value="modalState.BatchForm.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
</a-col>
</a-row>
<a-collapse :bordered="false" ghost>
<a-collapse-panel key="5G">
<template #header>
<a-divider orientation="left" style="margin: -2px">5G</a-divider>
</template>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24"> <a-col :lg="24" :md="24" :xs="24">
@@ -1784,7 +1844,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1806,7 +1868,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1830,7 +1894,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1842,13 +1908,18 @@ onMounted(() => {
name="arfb" name="arfb"
:maxlength="16" :maxlength="16"
> >
<a-input v-model:value="modalState.BatchForm.arfb" allow-clear> <a-input
v-model:value="modalState.BatchForm.arfb"
allow-clear
>
<template #prefix> <template #prefix>
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft">
<template #title> <template #title>
{{ t('views.neUser.sub.arfbTip') }} {{ t('views.neUser.sub.arfbTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1872,7 +1943,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.sarTip') }} {{ t('views.neUser.sub.sarTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -1892,7 +1965,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.rfspTip') }} {{ t('views.neUser.sub.rfspTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input-number> </a-input-number>
@@ -1932,40 +2007,20 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.ueTypeTip') }} {{ t('views.neUser.sub.ueTypeTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input-number> </a-input-number>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-collapse-panel>
<a-row :gutter="16"> <a-collapse-panel key="4G">
<a-col :lg="24" :md="24" :xs="24"> <template #header>
<a-form-item <a-divider orientation="left" style="margin: -2px">4G</a-divider>
label="Subscribed SM Data"
name="smData"
v-bind="modalStateBatchFrom.validateInfos.smData"
>
<a-input
v-model:value="modalState.BatchForm.smData"
allow-clear
:maxlength="128"
>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.inputTip', { num: '128' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
</a-col>
</a-row>
<a-divider orientation="left">4G</a-divider>
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24"> <a-col :lg="24" :md="24" :xs="24">
@@ -2000,7 +2055,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.inputTip', { num: '16' }) }} {{ t('views.neUser.sub.inputTip', { num: '16' }) }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -2024,7 +2081,9 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.neUser.sub.staticIpTip') }} {{ t('views.neUser.sub.staticIpTip') }}
</template> </template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" /> <InfoCircleOutlined
style="color: rgba(0, 0, 0, 0.45)"
/>
</a-tooltip> </a-tooltip>
</template> </template>
</a-input> </a-input>
@@ -2033,7 +2092,10 @@ onMounted(() => {
</a-row> </a-row>
<a-form-item label="4G Context ID" name="contextId"> <a-form-item label="4G Context ID" name="contextId">
<a-input v-model:value="modalState.BatchForm.contextId" allow-clear> <a-input
v-model:value="modalState.BatchForm.contextId"
allow-clear
>
<template #prefix> <template #prefix>
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft">
<template #title> <template #title>
@@ -2101,7 +2163,10 @@ onMounted(() => {
</a-form-item> </a-form-item>
<a-form-item label="4G Access Restriction Data" name="ard"> <a-form-item label="4G Access Restriction Data" name="ard">
<a-tooltip :title="t('views.neUser.sub.ardTip')" placement="topLeft"> <a-tooltip
:title="t('views.neUser.sub.ardTip')"
placement="topLeft"
>
<a-select <a-select
v-model:value="modalState.BatchForm.ard" v-model:value="modalState.BatchForm.ard"
mode="multiple" mode="multiple"
@@ -2112,6 +2177,26 @@ onMounted(() => {
</a-select> </a-select>
</a-tooltip> </a-tooltip>
</a-form-item> </a-form-item>
<a-form-item
label="4G Static IP"
:label-col="{ span: 3 }"
v-bind="modalStateFrom.validateInfos.staticIp"
name="staticIp"
>
<a-input v-model:value="modalState.from.staticIp" allow-clear>
<template #prefix>
<a-tooltip placement="topLeft">
<template #title>
{{ t('views.neUser.sub.staticIpTip') }}
</template>
<InfoCircleOutlined style="color: rgba(0, 0, 0, 0.45)" />
</a-tooltip>
</template>
</a-input>
</a-form-item>
</a-collapse-panel>
</a-collapse>
</a-form> </a-form>
</DraggableModal> </DraggableModal>