调整租户管理的界面

src/views/system/tenant/index.vue

@@ -88,12 +88,6 @@ let tableColumns: ColumnsType = [
     align: 'left',
     width: 300,
   },
-  {
-    title: t('views.system.dept.key'),
-    dataIndex: 'tenancyKey',
-    align: 'left',
-    width: 200,
-  },
   {
     title: t('views.system.dept.type'),
     dataIndex: 'tenancyType',
@@ -101,6 +95,13 @@ let tableColumns: ColumnsType = [
     align: 'center',
     width: 150,
   },
+  {
+    title: t('views.system.dept.key'),
+    dataIndex: 'tenancyKey',
+    align: 'left',
+    width: 200,
+  },
+
   {
     title: t('views.system.dept.status'),
     dataIndex: 'status',
@@ -716,14 +717,14 @@ onMounted(() => {
       <a-form
         name="modalStateFrom"
         layout="horizontal"
-        :label-col="{ span: 6 }"
+        :label-col="{ span: 8 }"
         :labelWrap="true"
       >
         <a-form-item
           :label="t('views.system.dept.highClass')"
           name="parentId"
           v-bind="modalStateFrom.validateInfos.parentId"
-          :label-col="{ span: 3 }"
+          :label-col="{ span: 4 }"
           :labelWrap="true"
         >
           <a-tree-select
@@ -748,7 +749,7 @@ onMounted(() => {
           :label="t('views.system.dept.className')"
           name="tenantName"
           v-bind="modalStateFrom.validateInfos.tenantName"
-          :label-col="{ span: 3 }"
+          :label-col="{ span: 4 }"
           :labelWrap="true"
         >
           <a-input
@@ -758,6 +759,35 @@ onMounted(() => {
           ></a-input>
         </a-form-item>
 
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item
+              :label="t('views.system.dept.type')"
+              name="type"
+
+              :labelWrap="true"
+            >
+              <a-select
+                v-model:value="modalState.from.tenancyType"
+                allow-clear
+                :options="dict.sysTenancyType"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="24" :md="24" :xs="24">
+            <a-form-item
+              :label="t('views.system.dept.key')"
+              name="key"
+              :label-col="{ span: 4 }"
+            >
+              <a-input
+                v-model:value="modalState.from.tenancyKey"
+                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="t('views.system.dept.status')" name="status">
@@ -783,35 +813,6 @@ onMounted(() => {
             </a-form-item>
           </a-col>
         </a-row>
-
-        <a-row :gutter="16">
-          <a-col :span="12">
-            <a-form-item
-              :label="t('views.system.dept.type')"
-              name="type"
-              :labelWrap="true"
-            >
-              <a-select
-                v-model:value="modalState.from.tenancyType"
-                allow-clear
-                :options="dict.sysTenancyType"
-              >
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :lg="24" :md="24" :xs="24">
-            <a-form-item
-              :label="t('views.system.dept.key')"
-              name="key"
-              :label-col="{ span: 3 }"
-            >
-              <a-input
-                v-model:value="modalState.from.tenancyKey"
-                allow-clear
-              ></a-input>
-            </a-form-item>
-          </a-col>
-        </a-row>
       </a-form>
     </a-modal>
   </PageContainer>