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

租户管理界面

Browse Source
This commit is contained in:
lai
2024-06-06 15:51:59 +08:00
parent 5c31093c28
commit faa3fa546b
3 changed files with 58 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/views/system/dept/index.vue
View File

@@ -103,6 +103,13 @@ let tableColumns: ColumnsType = [
align: 'center',
width: 150,
},
{
title: t('views.system.dept.type'),
dataIndex: 'type',
key: 'type',
align: 'center',
width: 150,
},
{
title: t('views.system.dept.createTime'),
dataIndex: 'createTime',
@@ -120,6 +127,14 @@ let tableColumns: ColumnsType = [
},
];
const modalStateFromOption = reactive({
tenantType: [
{ label: t('views.system.dept.SDSST'), value: 'SD-SST' },
{ label: t('views.system.dept.APN'), value: 'APN' },
{ label: t('views.system.dept.IMSI'), value: 'IMSI' },
]
})
/**表格紧凑型变更操作 */
function fnTableSize({ key }: MenuInfo) {
tableState.size = key as SizeType;
@@ -169,6 +184,8 @@ let modalState: ModalStateType = reactive({
ancestors: '',
parentName: null,
phone: '',
key: '',
type: '',
status: '0',
},
confirmLoading: false,
@@ -193,20 +210,6 @@ const modalStateFrom = Form.useForm(
message: t('views.system.dept.className') + t('common.unableNull'),
},
],
email: [
{
required: false,
pattern: regExpEmail,
message: t('views.system.dept.emailTip'),
},
],
phone: [
{
required: false,
pattern: regExpMobile,
message: t('views.system.dept.phoneTip'),
},
],
})
);
@@ -666,22 +669,12 @@ onMounted(() => {
<a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24">
<a-form-item
:label="t('views.system.dept.admin')"
name="leader"
:label="t('views.system.dept.type')"
name="type"
:label-col="{ span: 3 }"
:labelWrap="true"
>
{{ modalState.from.leader }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.system.dept.phone')" name="phone">
{{ modalState.from.phone }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.system.dept.email')" name="email">
{{ modalState.from.email }}
{{ modalState.from.type }}
</a-form-item>
</a-col>
</a-row>
@@ -776,43 +769,29 @@ onMounted(() => {
</a-row>
<a-row :gutter="16">
<a-col :span="24">
<a-col :span="12">
<a-form-item
:label="t('views.system.dept.admin')"
name="leader"
v-bind="modalStateFrom.validateInfos.leader"
:label-col="{ span: 3 }"
:label="t('views.system.dept.type')"
name="type"
:labelWrap="true"
>
<a-input
v-model:value="modalState.from.leader"
<a-select
v-model:value="modalState.from.type"
allow-clear
></a-input>
:options="modalStateFromOption.tenantType"
>
</a-select>
</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.system.dept.phone')"
name="phone"
v-bind="modalStateFrom.validateInfos.phone"
:label="t('views.system.dept.key')"
name="key"
:label-col="{ span: 3 }"
>
<a-input
v-model:value="modalState.from.phone"
v-model:value="modalState.from.key"
allow-clear
:maxlength="11"
></a-input>
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.system.dept.email')"
name="email"
v-bind="modalStateFrom.validateInfos.email"
>
<a-input
v-model:value="modalState.from.email"
allow-clear
:maxlength="40"
></a-input>
</a-form-item>
</a-col>
@@ -822,5 +801,4 @@ onMounted(() => {
</PageContainer>
</template>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>