租户管理界面

src/views/system/dept/index.vue

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