You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.9 KiB
69 lines
2.9 KiB
import React, { useEffect, useRef, useState } from 'react';
|
|
import { connect } from "react-redux";
|
|
import { Modal, Button, Row, Col, Input } from "@douyinfe/semi-ui";
|
|
const DetailModal = (props) => {
|
|
const { dispatch, actions, user, onCancel, dataToDetail, close } = props;
|
|
const { humanAffairs } = actions;
|
|
const [options, setOptions] = useState([]);
|
|
//初始化
|
|
useEffect(() => {
|
|
|
|
}, []);
|
|
|
|
return (
|
|
<Modal title='员工沟通详情'
|
|
visible={true}
|
|
width={800}
|
|
destroyOnClose
|
|
onCancel={onCancel}
|
|
footer={
|
|
<Button type="primary" onClick={onCancel}>
|
|
关闭
|
|
</Button>
|
|
}
|
|
>
|
|
<Row style={{ marginBottom: '30px' }}>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >被沟通人：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >岗位：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
</Row>
|
|
<Row style={{ marginBottom: '30px' }}>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >部门：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通截止时间：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
</Row>
|
|
<Row style={{ marginBottom: '30px' }}>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通主题：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
<Col span={12}>
|
|
<span style={{ float: 'left', textAlign: 'right', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }} >沟通背景：</span>
|
|
<Input style={{ width: '70%', float: 'left' }} disabled />
|
|
</Col>
|
|
</Row>
|
|
<div style={{ fontWeight: 'bold' }}>面谈的主要内容</div>
|
|
</Modal >
|
|
)
|
|
}
|
|
|
|
function mapStateToProps(state) {
|
|
const { auth, global } = state;
|
|
return {
|
|
user: auth.user,
|
|
actions: global.actions,
|
|
apiRoot: global.apiRoot
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps)(DetailModal);
|