chore: 调整页面样式

src/views/system/user/sso/SsoModal.vue

@@ -1,7 +1,8 @@
 <template>
   <BasicModal
     v-bind="$attrs"
-    width="720px"
+    width="988px"
+    class="user-modal"
     @ok="handleSubmit"
     @register="registerModal"
   >
@@ -10,13 +11,13 @@
         <BasicForm @register="registerForm"/>
       </ACol>
       <ACol :span="10">
-        <div class="change-avatar">
+        <div class="user-modal-avatar">
           <CropperAvatar
             :uploadApi="commonUpload"
             :value="state.avatar"
             btnText="更换头像"
             :btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
-            :width="150"
+            :width="250"
             @change="handleAvatarChange"
           />
         </div>
@@ -164,8 +165,10 @@
   });
 </script>
 <style lang="less" scoped>
-.change-avatar {
+.user-modal {
-  margin-top: 35px;
+  &-avatar {
-  text-align: center;
+    margin-top: 45px;
+    text-align: center;
+  }
 }
 </style>

src/views/system/user/sso/sso.data.ts

@@ -87,6 +87,12 @@ export const userFormSchema: FormSchema[] = [
     component: 'Input',
     show: false
   },
+  {
+    field: 'nickName',
+    label: '昵称',
+    component: 'Input',
+    required: true
+  },
   {
     field: 'userName',
     label: '用户名',
@@ -97,10 +103,16 @@ export const userFormSchema: FormSchema[] = [
     }
   },
   {
-    field: 'nickName',
+    field: 'sex',
-    label: '用户昵称',
+    label: '性别',
-    component: 'Input',
+    component: 'Select',
     required: true,
+    componentProps: {
+      options: [
+        { label: '男', value: '0' },
+        { label: '女', value: '1' }
+      ]
+    },
     colProps: {
       span: 12
     }
@@ -109,9 +121,6 @@ export const userFormSchema: FormSchema[] = [
     field: 'password',
     label: '密码',
     component: 'InputPassword',
-    colProps: {
-      span: 12
-    },
     rules: [
       {
         required: true,
@@ -162,30 +171,12 @@ export const userFormSchema: FormSchema[] = [
       }
     ]
   },
-  {
-    field: 'sex',
-    label: '性别',
-    component: 'Select',
-    required: true,
-    componentProps: {
-      options: [
-        { label: '男', value: '0' },
-        { label: '女', value: '1' }
-      ]
-    },
-    colProps: {
-      span: 12
-    }
-  },
   {
     field: 'remarks',
     label: '备注',
     component: 'InputTextArea',
     componentProps: {
       rows: 6
-    },
-    colProps: {
-      span: 24
     }
   }
 ];