44 lines
1.5 KiB
JavaScript
44 lines
1.5 KiB
JavaScript
import React from "react";
|
|
import { WeaFormItem, WeaInput, WeaSearchGroup } from "ecCom";
|
|
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 }, record } = this.props;
|
|
const { username, department, position, telephone, hiredate, dimissionDate } = baseFormData;
|
|
const { paymentOrganizationName } = record;
|
|
const baseItems = [
|
|
{ com: Input("姓名", username) },
|
|
{ com: Input("部门", department) },
|
|
{ com: Input("岗位", position) },
|
|
{ com: Input("手机号", telephone) },
|
|
{ com: Input("入职日期", hiredate) },
|
|
// { com: Input("合同到期日期", dimissionDate) }
|
|
];
|
|
const taxagentItems = [
|
|
{ com: Input("个税扣缴义务人", paymentOrganizationName) }
|
|
];
|
|
return (
|
|
<div className="socialFormWrapper">
|
|
<WeaSearchGroup title="基本信息" items={baseItems} col={1} showGroup/>
|
|
<WeaSearchGroup title="个税扣缴义务人" items={taxagentItems} col={1} showGroup/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
const Input = (label, value) => {
|
|
return (
|
|
<WeaFormItem label={label} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
|
|
<WeaInput value={value} viewAttr={1}/>
|
|
</WeaFormItem>
|
|
);
|
|
};
|