[Improve] upload-page drawer layout improvement

apache · Sep 18, 2024 · bf2503c · bf2503c
1 parent f97a45b
commit bf2503c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/streampark-console/streampark-console-webapp/src/assets/icons/spark.svg b/streampark-console/streampark-console-webapp/src/assets/icons/spark.svg
diff --git a/...k-console/streampark-console-webapp/src/views/resource/upload/components/UploadDrawer.vue b/...k-console/streampark-console-webapp/src/views/resource/upload/components/UploadDrawer.vue
@@ -28,11 +28,13 @@
       <SvgIcon name="resource" />
       {{ getTitle }}
     </template>
-    <BasicForm @register="registerForm" :schemas="getResourceFormSchema">
-      <template #resource="{ model, field }">
-        <Upload ref="resourceRef" v-model:value="model[field]" :form-model="model" />
-      </template>
-    </BasicForm>
+    <div class="mt-3">
+      <BasicForm @register="registerForm" :schemas="getResourceFormSchema">
+        <template #resource="{ model, field }">
+          <Upload ref="resourceRef" v-model:value="model[field]" :form-model="model" />
+        </template>
+      </BasicForm>
+    </div>
   </BasicDrawer>
 </template>
 <script lang="ts">
@@ -146,12 +148,11 @@
   });
 
   const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-    name: 'ResourceForm',
     colon: true,
+    layout: 'vertical',
+    name: 'upload_form',
+    baseColProps: { span: 22, offset: 1 },
     showActionButtonGroup: false,
-    baseColProps: { span: 24 },
-    labelCol: { lg: { span: 5, offset: 0 }, sm: { span: 7, offset: 0 } },
-    wrapperCol: { lg: { span: 16, offset: 0 }, sm: { span: 17, offset: 0 } },
   });
 
   const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(

diff --git a/streampark-console/streampark-console-webapp/src/views/system/role/components/RoleDrawer.vue b/streampark-console/streampark-console-webapp/src/views/system/role/components/RoleDrawer.vue
@@ -116,7 +116,7 @@
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         layout: 'vertical',
         name: 'role_form',
-        baseColProps: { span: 20, offset: 2 },
+        baseColProps: { span: 22, offset: 1 },
         colon: true,
         showActionButtonGroup: false,
       });

diff --git a/streampark-console/streampark-console-webapp/src/views/system/user/components/UserDrawer.vue b/streampark-console/streampark-console-webapp/src/views/system/user/components/UserDrawer.vue
@@ -58,7 +58,7 @@
           schemas: formSchema(unref(formType)),
           showActionButtonGroup: false,
           layout: 'vertical',
-          baseColProps: { span: 20, offset: 2 },
+          baseColProps: { span: 22, offset: 1 },
         });
 
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {