Browse Source

fix(disability-person-ui): 调整表单布局,让大字段独占一行

- 身份证地址字段调整为col-span-3独占一行
- 居住地址字段调整为col-span-3独占一行
- 照片上传字段调整为col-span-3独占一行
- 编辑表单同步调整相同字段布局
- 保持表单视觉一致性,提升用户体验

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 2 days ago
parent
commit
dae4320942

+ 5 - 5
allin-packages/disability-person-management-ui/src/components/DisabilityPersonManagement.tsx

@@ -467,7 +467,7 @@ const DisabilityPersonManagement: React.FC = () => {
                     control={createForm.control}
                     name="idAddress"
                     render={({ field }) => (
-                      <FormItem className="col-span-1 md:col-span-2">
+                      <FormItem className="col-span-3">
                         <FormLabel>身份证地址 *</FormLabel>
                         <FormControl>
                           <Input placeholder="请输入身份证地址" {...field} />
@@ -477,7 +477,7 @@ const DisabilityPersonManagement: React.FC = () => {
                     )}
                   />
 
-                  <div className="col-span-1 md:col-span-2">
+                  <div className="col-span-3">
                     <FormLabel>居住地址 *</FormLabel>
                     <div className="space-y-4">
                       <AreaSelect
@@ -544,7 +544,7 @@ const DisabilityPersonManagement: React.FC = () => {
                     )}
                   />
 
-                  <div className="col-span-1 md:col-span-2">
+                  <div className="col-span-3">
                     <FormLabel>照片上传</FormLabel>
                     <FileSelector
                       value={null}
@@ -696,7 +696,7 @@ const DisabilityPersonManagement: React.FC = () => {
                     control={updateForm.control}
                     name="idAddress"
                     render={({ field }) => (
-                      <FormItem className="col-span-1 md:col-span-2">
+                      <FormItem className="col-span-3">
                         <FormLabel>身份证地址 *</FormLabel>
                         <FormControl>
                           <Input placeholder="请输入身份证地址" {...field} />
@@ -706,7 +706,7 @@ const DisabilityPersonManagement: React.FC = () => {
                     )}
                   />
 
-                  <div className="col-span-1 md:col-span-2">
+                  <div className="col-span-3">
                     <FormLabel>居住地址 *</FormLabel>
                     <div className="space-y-4">
                       <AreaSelect