style: 优化系统管理中账号、角色和部门表单样式 (#1992)

Co-authored-by: 发光的卤蛋 <zdxndy@qq.com>

src/views/demo/system/account/AccountModal.vue

@@ -20,6 +20,7 @@
 
       const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
         labelWidth: 100,
+        baseColProps: { span: 24 },
         schemas: accountFormSchema,
         showActionButtonGroup: false,
         actionColOptions: {

src/views/demo/system/dept/DeptModal.vue

@@ -19,6 +19,7 @@
 
       const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
         labelWidth: 100,
+        baseColProps: { span: 24 },
         schemas: formSchema,
         showActionButtonGroup: false,
       });

src/views/demo/system/password/index.vue

@@ -21,6 +21,7 @@
     setup() {
       const [register, { validate, resetFields }] = useForm({
         size: 'large',
+        baseColProps: { span: 24 },
         labelWidth: 100,
         showActionButtonGroup: false,
         schemas: formSchema,

src/views/demo/system/role/RoleDrawer.vue

@@ -40,6 +40,7 @@
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 90,
+        baseColProps: { span: 24 },
         schemas: formSchema,
         showActionButtonGroup: false,
       });