|
|
|
@ -2,7 +2,7 @@
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
import moment from 'moment';
|
|
|
|
import moment from 'moment';
|
|
|
|
import { Card, Result, Select, Button, Drawer, Upload, Input, Modal, Form, DatePicker, Row, Col } from 'antd';
|
|
|
|
import { Card, Result, Select, Button, Drawer, Upload, Input, Modal, Form, DatePicker, Row, Col } from 'antd';
|
|
|
|
import { CheckCircleOutlined, ExportOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
|
|
|
|
import { CheckCircleOutlined, ExportOutlined, PlusOutlined, UploadOutlined, UserOutlined } from '@ant-design/icons';
|
|
|
|
import StandardTable from '@/components/StandardTable';
|
|
|
|
import StandardTable from '@/components/StandardTable';
|
|
|
|
import styles from './EnvironmentalPersonnelManagement.less';
|
|
|
|
import styles from './EnvironmentalPersonnelManagement.less';
|
|
|
|
// import './EnvironmentalPersonnelManagement.less';
|
|
|
|
// import './EnvironmentalPersonnelManagement.less';
|
|
|
|
@ -21,6 +21,7 @@ import eqicon4 from '@/assets/business_basic/eqicon4.png';
|
|
|
|
import viewIcon from '@/assets/business_envinformation/viewicon.svg';
|
|
|
|
import viewIcon from '@/assets/business_envinformation/viewicon.svg';
|
|
|
|
import editIcon from '@/assets/business_envinformation/editicon.svg';
|
|
|
|
import editIcon from '@/assets/business_envinformation/editicon.svg';
|
|
|
|
import deleteIcon from '@/assets/business_envinformation/deleteicon.svg';
|
|
|
|
import deleteIcon from '@/assets/business_envinformation/deleteicon.svg';
|
|
|
|
|
|
|
|
import personnelIcon from '@/assets/business_envinformation/personnel.svg';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -388,8 +389,10 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
|
|
|
|
|
|
|
|
// 打开编辑抽屉
|
|
|
|
// 打开编辑抽屉
|
|
|
|
const handleEdit = (record) => {
|
|
|
|
const handleEdit = (record) => {
|
|
|
|
|
|
|
|
console.log('点击编辑按钮,记录:', record);
|
|
|
|
setSelectedRecord(record);
|
|
|
|
setSelectedRecord(record);
|
|
|
|
setEditDrawerVisible(true);
|
|
|
|
setEditDrawerVisible(true);
|
|
|
|
|
|
|
|
console.log('设置编辑抽屉可见:', true);
|
|
|
|
// 设置表单初始值
|
|
|
|
// 设置表单初始值
|
|
|
|
editForm.setFieldsValue({
|
|
|
|
editForm.setFieldsValue({
|
|
|
|
name: record.name,
|
|
|
|
name: record.name,
|
|
|
|
@ -444,7 +447,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 块2 */}
|
|
|
|
{/* 块2 */}
|
|
|
|
<div className={`${styles.blockItem} ${styles.block2}`}>
|
|
|
|
<div className={`${styles.blockItem} ${styles.block2}`}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockTitle}>环保总人数</div>
|
|
|
|
<div className={styles.blockTitle}>管理岗人数</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number58}`}>58</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number58}`}>58</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -453,7 +456,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 块3 */}
|
|
|
|
{/* 块3 */}
|
|
|
|
<div className={`${styles.blockItem} ${styles.block3}`}>
|
|
|
|
<div className={`${styles.blockItem} ${styles.block3}`}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockTitle}>需要维护</div>
|
|
|
|
<div className={styles.blockTitle}>污水运行人数</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number51}`}>51</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number51}`}>51</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -462,7 +465,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 块4 */}
|
|
|
|
{/* 块4 */}
|
|
|
|
<div className={`${styles.blockItem} ${styles.block4}`}>
|
|
|
|
<div className={`${styles.blockItem} ${styles.block4}`}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockTitle}>环保总人数</div>
|
|
|
|
<div className={styles.blockTitle}>污水化验人数</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number28}`}>28</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number28}`}>28</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -471,7 +474,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 块5 */}
|
|
|
|
{/* 块5 */}
|
|
|
|
<div className={`${styles.blockItem} ${styles.block5}`}>
|
|
|
|
<div className={`${styles.blockItem} ${styles.block5}`}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockTitle}>环保总人数</div>
|
|
|
|
<div className={styles.blockTitle}>危废管理人员</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number50}`}>50</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number50}`}>50</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -480,7 +483,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 块6 */}
|
|
|
|
{/* 块6 */}
|
|
|
|
<div className={`${styles.blockItem} ${styles.block6}`}>
|
|
|
|
<div className={`${styles.blockItem} ${styles.block6}`}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockLeft}>
|
|
|
|
<div className={styles.blockTitle}>环保总人数</div>
|
|
|
|
<div className={styles.blockTitle}>一般固体废物管理人员</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number58Second}`}>58</div>
|
|
|
|
<div className={`${styles.blockNumber} ${styles.number58Second}`}>58</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
<div className={styles.blockTime}>截止到 2025-09-11 07:35</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -544,15 +547,16 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
|
|
|
|
|
|
|
|
{/* 侧边抽屉 */}
|
|
|
|
{/* 侧边抽屉 */}
|
|
|
|
<Drawer
|
|
|
|
<Drawer
|
|
|
|
title="查看"
|
|
|
|
title={<span style={{ color: '#C3C3C3', fontWeight: 500, fontSize: '16px' }}>查看</span>}
|
|
|
|
placement="right"
|
|
|
|
placement="right"
|
|
|
|
onClose={handleCloseDrawer}
|
|
|
|
onClose={handleCloseDrawer}
|
|
|
|
open={drawerVisible}
|
|
|
|
open={drawerVisible}
|
|
|
|
width={600}
|
|
|
|
width={600}
|
|
|
|
closable={true}
|
|
|
|
closable={true}
|
|
|
|
|
|
|
|
bodyStyle={{ fontSize: '12px' }}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{selectedRecord && (
|
|
|
|
{selectedRecord && (
|
|
|
|
<div style={{ padding: '20px 0' }}>
|
|
|
|
<div style={{ padding: '10px 0' }}>
|
|
|
|
{/* 姓名和头像区域 */}
|
|
|
|
{/* 姓名和头像区域 */}
|
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '30px' }}>
|
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '30px' }}>
|
|
|
|
<div style={{ flex: 1 }}>
|
|
|
|
<div style={{ flex: 1 }}>
|
|
|
|
@ -607,20 +611,20 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{/* 头像上传区域 */}
|
|
|
|
{/* 头像上传区域 */}
|
|
|
|
|
|
|
|
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', marginTop: '20px' }}>
|
|
|
|
<div style={{
|
|
|
|
<div style={{
|
|
|
|
width: '120px',
|
|
|
|
width: '90px',
|
|
|
|
height: '120px',
|
|
|
|
height: '90px',
|
|
|
|
backgroundColor: '#f0f0f0',
|
|
|
|
backgroundColor: '#D7FED2',
|
|
|
|
border: '2px dashed #d9d9d9',
|
|
|
|
borderRadius: '4px',
|
|
|
|
borderRadius: '8px',
|
|
|
|
|
|
|
|
display: 'flex',
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
flexDirection: 'column',
|
|
|
|
alignItems: 'center',
|
|
|
|
alignItems: 'center',
|
|
|
|
justifyContent: 'center',
|
|
|
|
justifyContent: 'center'
|
|
|
|
marginLeft: '20px'
|
|
|
|
|
|
|
|
}}>
|
|
|
|
}}>
|
|
|
|
<div style={{ fontSize: '24px', color: '#999', marginBottom: '8px' }}>👤</div>
|
|
|
|
<img src={personnelIcon} style={{ width: '45px', height: '51px' }} alt="personnel" />
|
|
|
|
<div style={{ fontSize: '12px', color: '#999' }}>上传</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style={{ fontSize: '12px', color: '#3AD327', fontWeight: 500, marginTop: '5px' }}>上传</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@ -629,7 +633,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
<div style={{
|
|
|
|
<div style={{
|
|
|
|
fontWeight: 'bold',
|
|
|
|
fontWeight: 'bold',
|
|
|
|
marginBottom: '10px',
|
|
|
|
marginBottom: '10px',
|
|
|
|
fontSize: '14px'
|
|
|
|
fontSize: '12px'
|
|
|
|
}}>
|
|
|
|
}}>
|
|
|
|
岗位职责
|
|
|
|
岗位职责
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -646,7 +650,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
<div style={{
|
|
|
|
<div style={{
|
|
|
|
fontWeight: 'bold',
|
|
|
|
fontWeight: 'bold',
|
|
|
|
marginBottom: '10px',
|
|
|
|
marginBottom: '10px',
|
|
|
|
fontSize: '14px'
|
|
|
|
fontSize: '12px'
|
|
|
|
}}>
|
|
|
|
}}>
|
|
|
|
其他
|
|
|
|
其他
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -693,7 +697,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 左侧列 */}
|
|
|
|
{/* 左侧列 */}
|
|
|
|
<Col span={12}>
|
|
|
|
<Col span={12}>
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>姓名</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>姓名</span>}
|
|
|
|
name="name"
|
|
|
|
name="name"
|
|
|
|
rules={[{ required: true, message: '请输入姓名' }]}
|
|
|
|
rules={[{ required: true, message: '请输入姓名' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -701,7 +705,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>工号</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>工号</span>}
|
|
|
|
name="employeeId"
|
|
|
|
name="employeeId"
|
|
|
|
rules={[{ required: true, message: '请输入工号' }]}
|
|
|
|
rules={[{ required: true, message: '请输入工号' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -709,7 +713,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>部门</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>部门</span>}
|
|
|
|
name="department"
|
|
|
|
name="department"
|
|
|
|
rules={[{ required: true, message: '请选择部门' }]}
|
|
|
|
rules={[{ required: true, message: '请选择部门' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -722,7 +726,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>岗位</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>岗位</span>}
|
|
|
|
name="position"
|
|
|
|
name="position"
|
|
|
|
rules={[{ required: true, message: '请选择岗位' }]}
|
|
|
|
rules={[{ required: true, message: '请选择岗位' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -736,7 +740,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>性别</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>性别</span>}
|
|
|
|
name="gender"
|
|
|
|
name="gender"
|
|
|
|
rules={[{ required: true, message: '请选择性别' }]}
|
|
|
|
rules={[{ required: true, message: '请选择性别' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -747,7 +751,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>住址</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>住址</span>}
|
|
|
|
name="address"
|
|
|
|
name="address"
|
|
|
|
rules={[{ required: true, message: '请输入住址' }]}
|
|
|
|
rules={[{ required: true, message: '请输入住址' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -758,7 +762,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
{/* 右侧列 */}
|
|
|
|
{/* 右侧列 */}
|
|
|
|
<Col span={12}>
|
|
|
|
<Col span={12}>
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>出生日期</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>出生日期</span>}
|
|
|
|
name="birthDate"
|
|
|
|
name="birthDate"
|
|
|
|
rules={[{ required: true, message: '请选择出生日期' }]}
|
|
|
|
rules={[{ required: true, message: '请选择出生日期' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -770,7 +774,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>入职时间</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>入职时间</span>}
|
|
|
|
name="joinDate"
|
|
|
|
name="joinDate"
|
|
|
|
rules={[{ required: true, message: '请选择入职时间' }]}
|
|
|
|
rules={[{ required: true, message: '请选择入职时间' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -782,7 +786,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>身份证号</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>身份证号</span>}
|
|
|
|
name="idCard"
|
|
|
|
name="idCard"
|
|
|
|
rules={[{ required: true, message: '请输入身份证号' }]}
|
|
|
|
rules={[{ required: true, message: '请输入身份证号' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -790,7 +794,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>联系方式</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>联系方式</span>}
|
|
|
|
name="contact"
|
|
|
|
name="contact"
|
|
|
|
rules={[{ required: true, message: '请输入联系方式' }]}
|
|
|
|
rules={[{ required: true, message: '请输入联系方式' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -799,7 +803,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
|
|
|
|
|
|
|
|
{/* 照片上传 */}
|
|
|
|
{/* 照片上传 */}
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>照片</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500' }}>照片</span>}
|
|
|
|
name="photo"
|
|
|
|
name="photo"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Upload
|
|
|
|
<Upload
|
|
|
|
@ -818,7 +822,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
color: '#52c41a',
|
|
|
|
color: '#52c41a',
|
|
|
|
marginBottom: '8px'
|
|
|
|
marginBottom: '8px'
|
|
|
|
}} />
|
|
|
|
}} />
|
|
|
|
<div style={{ fontSize: '14px', color: '#666' }}>上传</div>
|
|
|
|
<div style={{ fontSize: '12px', color: '#666' }}>上传</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Upload>
|
|
|
|
</Upload>
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
@ -827,26 +831,26 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
|
|
|
|
|
|
|
|
{/* 岗位职责 */}
|
|
|
|
{/* 岗位职责 */}
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>岗位职责</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#999999' }}>岗位职责</span>}
|
|
|
|
name="responsibility"
|
|
|
|
name="responsibility"
|
|
|
|
rules={[{ required: true, message: '请输入岗位职责' }]}
|
|
|
|
rules={[{ required: true, message: '请输入岗位职责' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input.TextArea
|
|
|
|
<Input.TextArea
|
|
|
|
rows={4}
|
|
|
|
rows={4}
|
|
|
|
placeholder="请输入岗位职责"
|
|
|
|
placeholder="请输入岗位职责"
|
|
|
|
style={{ fontSize: '14px' }}
|
|
|
|
style={{ fontSize: '12px', color: '#333333' }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
{/* 其他 */}
|
|
|
|
{/* 其他 */}
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500' }}>其他</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#999999' }}>其他</span>}
|
|
|
|
name="other"
|
|
|
|
name="other"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input.TextArea
|
|
|
|
<Input.TextArea
|
|
|
|
rows={3}
|
|
|
|
rows={3}
|
|
|
|
placeholder="暂无"
|
|
|
|
placeholder="暂无"
|
|
|
|
style={{ fontSize: '14px' }}
|
|
|
|
style={{ fontSize: '12px', color: '#333333' }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
</Form>
|
|
|
|
</Form>
|
|
|
|
@ -860,6 +864,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
open={editDrawerVisible}
|
|
|
|
open={editDrawerVisible}
|
|
|
|
width={600}
|
|
|
|
width={600}
|
|
|
|
closable={true}
|
|
|
|
closable={true}
|
|
|
|
|
|
|
|
destroyOnClose={true}
|
|
|
|
footer={[
|
|
|
|
footer={[
|
|
|
|
<Button key="cancel" onClick={handleCloseEditDrawer} style={{
|
|
|
|
<Button key="cancel" onClick={handleCloseEditDrawer} style={{
|
|
|
|
backgroundColor: '#f5f5f5',
|
|
|
|
backgroundColor: '#f5f5f5',
|
|
|
|
@ -882,6 +887,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
layout="vertical"
|
|
|
|
layout="vertical"
|
|
|
|
style={{ padding: '20px 0' }}
|
|
|
|
style={{ padding: '20px 0' }}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
|
|
|
|
{console.log('编辑抽屉状态:', editDrawerVisible, '选中记录:', selectedRecord)}
|
|
|
|
{/* 姓名和头像区域 */}
|
|
|
|
{/* 姓名和头像区域 */}
|
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '30px' }}>
|
|
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '30px' }}>
|
|
|
|
<div style={{ flex: 1 }}>
|
|
|
|
<div style={{ flex: 1 }}>
|
|
|
|
@ -908,15 +914,15 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
<Row gutter={24}>
|
|
|
|
<Row gutter={24}>
|
|
|
|
<Col span={12}>
|
|
|
|
<Col span={12}>
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>工号</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>工号</span>}
|
|
|
|
name="employeeId"
|
|
|
|
name="employeeId"
|
|
|
|
rules={[{ required: true, message: '请输入工号' }]}
|
|
|
|
rules={[{ required: true, message: '请输入工号' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '14px' }} />
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '12px' }} />
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>部门</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>部门</span>}
|
|
|
|
name="department"
|
|
|
|
name="department"
|
|
|
|
rules={[{ required: true, message: '请选择部门' }]}
|
|
|
|
rules={[{ required: true, message: '请选择部门' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -929,7 +935,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>岗位</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>岗位</span>}
|
|
|
|
name="position"
|
|
|
|
name="position"
|
|
|
|
rules={[{ required: true, message: '请选择岗位' }]}
|
|
|
|
rules={[{ required: true, message: '请选择岗位' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -943,7 +949,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>性别</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>性别</span>}
|
|
|
|
name="gender"
|
|
|
|
name="gender"
|
|
|
|
rules={[{ required: true, message: '请选择性别' }]}
|
|
|
|
rules={[{ required: true, message: '请选择性别' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -954,17 +960,17 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>住址</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>住址</span>}
|
|
|
|
name="address"
|
|
|
|
name="address"
|
|
|
|
rules={[{ required: true, message: '请输入住址' }]}
|
|
|
|
rules={[{ required: true, message: '请输入住址' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '14px' }} />
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '12px' }} />
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
|
|
|
|
<Col span={12}>
|
|
|
|
<Col span={12}>
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>出生日期</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>出生日期</span>}
|
|
|
|
name="birthDate"
|
|
|
|
name="birthDate"
|
|
|
|
rules={[{ required: true, message: '请选择出生日期' }]}
|
|
|
|
rules={[{ required: true, message: '请选择出生日期' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -976,7 +982,7 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>入职时间</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>入职时间</span>}
|
|
|
|
name="joinDate"
|
|
|
|
name="joinDate"
|
|
|
|
rules={[{ required: true, message: '请选择入职时间' }]}
|
|
|
|
rules={[{ required: true, message: '请选择入职时间' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@ -988,19 +994,19 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>身份证号</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>身份证号</span>}
|
|
|
|
name="idCard"
|
|
|
|
name="idCard"
|
|
|
|
rules={[{ required: true, message: '请输入身份证号' }]}
|
|
|
|
rules={[{ required: true, message: '请输入身份证号' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '14px' }} />
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '12px' }} />
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>联系方式</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>联系方式</span>}
|
|
|
|
name="contact"
|
|
|
|
name="contact"
|
|
|
|
rules={[{ required: true, message: '请输入联系方式' }]}
|
|
|
|
rules={[{ required: true, message: '请输入联系方式' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '14px' }} />
|
|
|
|
<Input placeholder="请输入" style={{ height: '32px', fontSize: '12px' }} />
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
</Row>
|
|
|
|
</Row>
|
|
|
|
@ -1026,26 +1032,26 @@ const EnvironmentalPersonnelManagement = () => {
|
|
|
|
|
|
|
|
|
|
|
|
{/* 岗位职责 */}
|
|
|
|
{/* 岗位职责 */}
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>岗位职责</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#666' }}>岗位职责</span>}
|
|
|
|
name="responsibility"
|
|
|
|
name="responsibility"
|
|
|
|
rules={[{ required: true, message: '请输入岗位职责' }]}
|
|
|
|
rules={[{ required: true, message: '请输入岗位职责' }]}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input.TextArea
|
|
|
|
<Input.TextArea
|
|
|
|
rows={4}
|
|
|
|
rows={4}
|
|
|
|
placeholder="请输入岗位职责"
|
|
|
|
placeholder="请输入岗位职责"
|
|
|
|
style={{ fontSize: '14px' }}
|
|
|
|
style={{ fontSize: '12px', color: '#333333' }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
{/* 其他 */}
|
|
|
|
{/* 其他 */}
|
|
|
|
<Form.Item
|
|
|
|
<Form.Item
|
|
|
|
label={<span style={{ fontSize: '14px', fontWeight: '500', color: '#666' }}>其他</span>}
|
|
|
|
label={<span style={{ fontSize: '12px', fontWeight: '500', color: '#999999' }}>其他</span>}
|
|
|
|
name="other"
|
|
|
|
name="other"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Input.TextArea
|
|
|
|
<Input.TextArea
|
|
|
|
rows={3}
|
|
|
|
rows={3}
|
|
|
|
placeholder="暂无"
|
|
|
|
placeholder="暂无"
|
|
|
|
style={{ fontSize: '14px' }}
|
|
|
|
style={{ fontSize: '12px', color: '#333333' }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</Form.Item>
|
|
|
|
</Form.Item>
|
|
|
|
</Form>
|
|
|
|
</Form>
|
|
|
|
|