From c26ac51c21ce2f9f219e6c4356714b58588f3871 Mon Sep 17 00:00:00 2001
From: dkp <daikunping@xiaotiai.com>
Date: Fri, 20 Jun 2025 15:16:15 +0800
Subject: [PATCH] =?UTF-8?q?refactor(person):=20=E4=BC=98=E5=8C=96=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整个人信息表格单元格内内容的垂直居中方式
- 优化用户信息表单布局，调整标签和输入框的宽度比例
- 统一表单样式，增加外边距和对齐方式- 调整手机号修改表单的标签和输入框宽度比例
- 优化表单项样式，添加内边距和对齐方式
---
 .../components/management/person/index.vue    | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index 5957f4c..95f90eb 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -2,9 +2,11 @@
   <Container title="个人信息" class="container mt-24px">
     <a-table :columns="columns" :data="data" :pagination="false" class="mt-16px">
       <template #info="{ record }">
-        <a-avatar :image-url="record.head_image" :size="32" />
-        {{ record.name }}
-        <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+        <div class="pt-3px pb-3px">
+          <a-avatar :image-url="record.head_image" :size="32" />
+          {{ record.name }}
+          <icon-edit size="13" class="ml-8px" @click="openEditInfoModal" />
+        </div>
       </template>
       <template #mobile="{ record }">
         {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
@@ -12,7 +14,12 @@
       </template>
     </a-table>
     <Modal v-model:visible="infoVisible" title="修改用户信息" @ok="handleSubmitUserInfo">
-      <a-form :model="userInfoForm">
+      <a-form
+        class="form"
+        :model="userInfoForm"
+        :label-col-props="{ span: 3, offset: 0 }"
+        :wrapper-col-props="{ span: 21, offset: 0 }"
+      >
         <a-form-item field="head_image" label="头像">
           <div class="flex item-center">
             <a-avatar :image-url="userInfoForm.file_url" :size="48" />
@@ -42,8 +49,8 @@
         :model="form"
         class="form"
         :rules="formRules"
-        :label-col-props="{ span: 6, offset: 0 }"
-        :wrapper-col-props="{ span: 18, offset: 0 }"
+        :label-col-props="{ span: 5, offset: 0 }"
+        :wrapper-col-props="{ span: 19, offset: 0 }"
         label-align="left"
       >
         <a-form-item required field="mobile" label="新手机号">
@@ -241,6 +248,10 @@ function getFileExtension(filename: string): string {
 </script>
 <style scoped lang="less">
 .form {
+  margin-top: 13px;
+  :deep(.arco-row) {
+    align-items: center;
+  }
   :deep(.arco-form-item-label) {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
@@ -253,6 +264,7 @@ function getFileExtension(filename: string): string {
     font-family: Alibaba PuHuiTi, serif;
     font-weight: 400;
     font-size: 14px;
+    padding: 4px 12px;
     input::placeholder {
       font-family: Alibaba PuHuiTi, serif;
       font-weight: 400;