42 lines
1.7 KiB
JavaScript
42 lines
1.7 KiB
JavaScript
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>
|
|
)
|
|
}
|
|
} |