fix: optimize label layout

suyuan32 · Dec 3, 2023 · 27b9f08 · 27b9f08
1 parent a75c131
commit 27b9f08
Show file tree

Hide file tree

Showing 22 changed files with 39 additions and 18 deletions.
diff --git a/src/views/fms/cloudFile/CloudFileDrawer.vue b/src/views/fms/cloudFile/CloudFileDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 100,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue b/src/views/fms/cloudFileTag/CloudFileTagDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/fms/file/FileDrawer.vue b/src/views/fms/file/FileDrawer.vue
@@ -27,8 +27,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/fms/fileTag/TagDrawer.vue b/src/views/fms/fileTag/TagDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/fms/storageProvider/StorageProviderDrawer.vue b/src/views/fms/storageProvider/StorageProviderDrawer.vue
@@ -30,6 +30,7 @@
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 110,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mcms/emailProvider/EmailProviderDrawer.vue b/src/views/mcms/emailProvider/EmailProviderDrawer.vue
@@ -30,6 +30,7 @@
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 140,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mcms/emailProvider/index.vue b/src/views/mcms/emailProvider/index.vue
@@ -128,7 +128,7 @@
       const [registerModal, { openModal }] = useModal();
 
       const [registerForm, { validate }] = useForm({
-        labelWidth: 100,
+        labelWidth: 160,
         baseColProps: { span: 18 },
         schemas: formSchema,
         showActionButtonGroup: false,

diff --git a/src/views/mcms/smsProvider/SmsProviderDrawer.vue b/src/views/mcms/smsProvider/SmsProviderDrawer.vue
@@ -30,6 +30,7 @@
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 140,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mcms/smsProvider/index.vue b/src/views/mcms/smsProvider/index.vue
@@ -124,9 +124,10 @@
       const [registerModal, { openModal }] = useModal();
 
       const [registerForm, { validate }] = useForm({
-        labelWidth: 100,
+        labelWidth: 160,
         labelAlign: 'right',
         baseColProps: { span: 18 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mms/member/MemberDrawer.vue b/src/views/mms/member/MemberDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mms/memberRank/MemberRankDrawer.vue b/src/views/mms/memberRank/MemberRankDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/mms/oauth/OauthDrawer.vue b/src/views/mms/oauth/OauthDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/api/ApiDrawer.vue b/src/views/sys/api/ApiDrawer.vue
@@ -27,8 +27,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/department/DepartmentDrawer.vue b/src/views/sys/department/DepartmentDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/dictionary/DictionaryDrawer.vue b/src/views/sys/dictionary/DictionaryDrawer.vue
@@ -36,8 +36,9 @@
       const go = useGo();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue b/src/views/sys/dictionaryDetail/DictionaryDetailDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/menu/MenuDrawer.vue b/src/views/sys/menu/MenuDrawer.vue
@@ -34,6 +34,7 @@
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 160,
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/oauth/OauthDrawer.vue b/src/views/sys/oauth/OauthDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/position/PositionDrawer.vue b/src/views/sys/position/PositionDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/role/RoleDrawer.vue b/src/views/sys/role/RoleDrawer.vue
@@ -163,8 +163,9 @@
       });
 
       const [registerForm, { resetFields, setFieldsValue, validate, getFieldsValue }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/task/TaskDrawer.vue b/src/views/sys/task/TaskDrawer.vue
@@ -28,8 +28,9 @@
       const { t } = useI18n();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });

diff --git a/src/views/sys/user/UserDrawer.vue b/src/views/sys/user/UserDrawer.vue
@@ -29,8 +29,9 @@
       const { createMessage } = useMessage();
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-        labelWidth: 90,
+        labelWidth: 160,
         baseColProps: { span: 24 },
+        layout: 'vertical',
         schemas: formSchema,
         showActionButtonGroup: false,
       });