90 lines
3.8 KiB
JavaScript
90 lines
3.8 KiB
JavaScript
import React from "react"
|
|
import { Row, Col } from 'antd'
|
|
import { WeaHelpfulTip } from 'ecCom'
|
|
import GroupCard from "../../components/groupCard"
|
|
import { inject, observer } from 'mobx-react';
|
|
|
|
@inject('salaryFileStore')
|
|
@observer
|
|
export default class SalaryFileViewSlide extends React.Component {
|
|
componentWillMount() {
|
|
const { salaryFileStore: {getArchiveForm} } = this.props;
|
|
getArchiveForm(this.props.id)
|
|
}
|
|
|
|
render() {
|
|
const { salaryFileStore: {detailForm} } = this.props;
|
|
const { baseInfo, adjustSalaryItems } = detailForm;
|
|
return (
|
|
<div>
|
|
<GroupCard title="基本信息" >
|
|
<Row className="formRow">
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">姓名</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.username}</Col>
|
|
</Row>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">部门</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.department}</Col>
|
|
</Row>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">岗位</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.position}</Col>
|
|
</Row>
|
|
</Col>
|
|
</Row>
|
|
|
|
<Row className="formRow">
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">入职时间</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.hiredate}</Col>
|
|
</Row>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">手机号</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.mobile}</Col>
|
|
</Row>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Row>
|
|
<Col span={6} className="formTitle">个税扣缴义务人</Col>
|
|
<Col span={18}>{baseInfo && baseInfo.employee && baseInfo.employee.taxAgent}</Col>
|
|
</Row>
|
|
</Col>
|
|
</Row>
|
|
</GroupCard>
|
|
|
|
<GroupCard title="薪资档案" tips={
|
|
<WeaHelpfulTip
|
|
width={200}
|
|
title="提示：显示已生效的最新数据"
|
|
placement="topLeft"
|
|
/>
|
|
}>
|
|
<div style={{lineHeight: '40px'}}>
|
|
{
|
|
|
|
adjustSalaryItems && adjustSalaryItems.map(item => (
|
|
<div style={{display: "inline-block", width: '50%' }}>
|
|
<div style={{display:'inline-block', width: '50%'}}>{item.name}</div>
|
|
<div style={{display:'inline-block', width: '50%'}}>{item.value}</div>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</GroupCard>
|
|
|
|
<div>
|
|
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
} |