import React from 'react'
import GroupCard from '../../../components/groupCard'
import { Row, Col } from 'antd'
import { inject, observer } from 'mobx-react';
import "./index.less"

@inject('archivesStore')
@observer
export default class BaseForm extends React.Component {

    componentWillMount() {
        const {archivesStore: {getBaseForm}} = this.props;
        getBaseForm(this.props.employeeId)
    }
    
    render() {
        const { archivesStore: {baseFormData}} = this.props;
        return (
            <div className="socialFormWrapper">
                <GroupCard title="基本信息" >
                    <Row>
                        <Col span={4} className="formItem">姓名</Col>
                        <Col span={4} className="formItem">{baseFormData.username}</Col>
                        <Col span={4} className="formItem">部门</Col>
                        <Col span={4} className="formItem">{baseFormData.department}</Col>
                        <Col span={4} className="formItem">岗位</Col>
                        <Col span={4} className="formItem">{baseFormData.position}</Col>
                    </Row>
                    
                    <Row>
                        <Col span={4} className="formItem">入职日期</Col>
                        <Col span={4} className="formItem">{baseFormData.hiredate}</Col>
                        <Col span={4} className="formItem">手机号</Col>
                        <Col span={4} className="formItem">{baseFormData.telephone}</Col>
                        <Col span={4} className="formItem">离职时间</Col>
                        <Col span={4} className="formItem">{baseFormData.dimissionDate}</Col>
                    </Row>
                </GroupCard>
            </div>
        )
    }
}