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);