From 95c99151f55314d6f14abc5fce90e008ca628674 Mon Sep 17 00:00:00 2001 From: wangyunfei <1224056307@qq,com> Date: Mon, 13 Oct 2025 16:47:46 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=91=98=E7=AE=A1=E7=90=86=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../EnvironmentalPersonnelManagement.js | 460 ++++++++---------- .../EnvironmentalPersonnelManagement.less | 19 + 2 files changed, 230 insertions(+), 249 deletions(-) diff --git a/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.js b/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.js index 37cbdf4..ee14763 100644 --- a/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.js +++ b/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.js @@ -552,7 +552,7 @@ const EnvironmentalPersonnelManagement = () => { onClose={handleCloseDrawer} open={drawerVisible} width={600} - closable={true} + closable={false} bodyStyle={{ fontSize: '12px' }} > {selectedRecord && ( @@ -675,13 +675,15 @@ const EnvironmentalPersonnelManagement = () => { , @@ -692,45 +694,103 @@ const EnvironmentalPersonnelManagement = () => { form={form} layout="vertical" style={{ marginTop: '20px' }} + className={styles.formInput} > - - {/* 左侧列 */} - + {/* 第一行：姓名 + 出生日期 */} +
+
+ 姓名 姓名} name="name" rules={[{ required: true, message: '请输入姓名' }]} + style={{ margin: 0, flex: 1 }} > - + +
+
+ 出生日期 + + + +
+
+ {/* 第二行：工号 + 入职时间 */} +
+
+ 工号 工号} name="employeeId" rules={[{ required: true, message: '请输入工号' }]} + style={{ margin: 0, flex: 1 }} > - + +
+
+ 入职时间 + + + +
+
+ {/* 第三行：部门 + 身份证号 */} +
+
+ 部门 部门} name="department" rules={[{ required: true, message: '请选择部门' }]} + style={{ margin: 0, flex: 1 }} > - 环保管理 技术部 生产部 质量部 +
+
+ 身份证号 + + + +
+
+ {/* 第四行：岗位 + 联系方式 */} +
+
+ 岗位 岗位} name="position" rules={[{ required: true, message: '请选择岗位' }]} + style={{ margin: 0, flex: 1 }} > - 污水运行 污水化验 环境监测 @@ -738,96 +798,60 @@ const EnvironmentalPersonnelManagement = () => { 安全员 +
+
+ 联系方式 + + + +
+
+ {/* 第五行：性别 + 照片 */} +
+
+ 性别 性别} name="gender" rules={[{ required: true, message: '请选择性别' }]} + style={{ margin: 0, flex: 1 }} > - 男 女 - - 住址} - name="address" - rules={[{ required: true, message: '请输入住址' }]} - > - - - - - {/* 右侧列 */} - - 出生日期} - name="birthDate" - rules={[{ required: true, message: '请选择出生日期' }]} - > - - - - 入职时间} - name="joinDate" - rules={[{ required: true, message: '请选择入职时间' }]} - > - - - - 身份证号} - name="idCard" - rules={[{ required: true, message: '请输入身份证号' }]} - > - - - - 联系方式} - name="contact" - rules={[{ required: true, message: '请输入联系方式' }]} +
+
+ 照片 + +
+
- {/* 照片上传 */} - 照片} - name="photo" - > - false} - > -
- -
上传
-
- - - - + {/* 第六行：住址 */} +
+ 住址 + + + +
{/* 岗位职责 */} { @@ -850,7 +874,7 @@ const EnvironmentalPersonnelManagement = () => { @@ -858,203 +882,141 @@ const EnvironmentalPersonnelManagement = () => { {/* 编辑抽屉 */} 编辑} placement="right" onClose={handleCloseEditDrawer} open={editDrawerVisible} width={600} - closable={true} + closable={false} destroyOnClose={true} + bodyStyle={{ fontSize: '12px' }} footer={[ , ]} > -
- {console.log('编辑抽屉状态:', editDrawerVisible, '选中记录:', selectedRecord)} + {selectedRecord && ( +
{/* 姓名和头像区域 */}
- - - +

+ {selectedRecord.name} +

{/* 基本信息 - 两列布局 */} - - - 工号} - name="employeeId" - rules={[{ required: true, message: '请输入工号' }]} - > - - - - 部门} - name="department" - rules={[{ required: true, message: '请选择部门' }]} - > - - - - 岗位} - name="position" - rules={[{ required: true, message: '请选择岗位' }]} - > - - - - 性别} - name="gender" - rules={[{ required: true, message: '请选择性别' }]} - > - - - - 住址} - name="address" - rules={[{ required: true, message: '请输入住址' }]} - > - - - - - - 出生日期} - name="birthDate" - rules={[{ required: true, message: '请选择出生日期' }]} - > - - - - 入职时间} - name="joinDate" - rules={[{ required: true, message: '请选择入职时间' }]} - > - - - - 身份证号} - name="idCard" - rules={[{ required: true, message: '请输入身份证号' }]} - > - - - - 联系方式} - name="contact" - rules={[{ required: true, message: '请输入联系方式' }]} - > - - - - +
+
+
+ 工号： + {selectedRecord.employeeId} +
+
+ 部门： + {selectedRecord.department} +
+
+ 岗位： + {selectedRecord.position} +
+
+ 性别： + {selectedRecord.gender} +
+
+ 住址： + {selectedRecord.address} +
+
+ +
+
+ 出生日期： + {selectedRecord.birthDate} +
+
+ 入职时间： + {selectedRecord.joinDate} +
+
+ 身份证号： + {selectedRecord.idCard} +
+
+ 联系方式： + {selectedRecord.contact} +
+
+
{/* 头像上传区域 */} +
-
👤
-
上传
+ personnel +
+
上传
{/* 岗位职责 */} - 岗位职责} - name="responsibility" - rules={[{ required: true, message: '请输入岗位职责' }]} - > +
+
+ 岗位职责 +
- + value={selectedRecord.responsibility} + rows={3} + readOnly + style={{ backgroundColor: '#f9f9f9' }} + /> +
{/* 其他 */} - 其他} - name="other" - > +
+
+ 其他 +
- - +
+
+ )} ); diff --git a/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.less b/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.less index 3c7d3cd..744c04b 100644 --- a/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.less +++ b/src/pages/business_envInformation/module/EnvironmentalPersonnelManagement.less @@ -1,6 +1,25 @@ +// 表单输入框样式 +.formInput { + :global(.ant-input) { + color: #333333 !important; + font-size: 12px !important; + } + + :global(.ant-select-selector) { + color: #333333 !important; + font-size: 12px !important; + } + + :global(.ant-picker-input input) { + color: #333333 !important; + font-size: 12px !important; + } +} + + .Rcontainer { padding: 8px 6px 0px 6px; height: 100%;