116 lines
4.2 KiB
JavaScript
116 lines
4.2 KiB
JavaScript
import React, { Component } from "react";
|
||
import { Col, Row } from "antd";
|
||
import {
|
||
WeaBrowser,
|
||
WeaButtonIcon,
|
||
WeaFormItem,
|
||
WeaHelpfulTip,
|
||
WeaInput,
|
||
WeaLocaleProvider,
|
||
WeaSearchGroup,
|
||
WeaTab
|
||
} from "ecCom";
|
||
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
class RegTop extends Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
name: "",
|
||
workcode: "",
|
||
departmentIds: "",
|
||
subCompanyIds: "",
|
||
showSearchAd: false
|
||
};
|
||
}
|
||
|
||
renderTopBtns = () => {
|
||
const { onChange, selectKey, regtopType, type } = this.props;
|
||
let dom = [
|
||
<WeaHelpfulTip
|
||
title={
|
||
<div>
|
||
<div>提示：</div>
|
||
<div>个人合计=社保个人合计+公积金个人合计+其他福利个人合计</div>
|
||
<div>单位合计=社保单位合计+公积金单位合计+其他福利单位合计</div>
|
||
<div>社保合计=社保个人合计+社保单位合计</div>
|
||
<div>公积金合计=公积金个人合计+公积金单位合计</div>
|
||
<div>其他福利合计=其他福利个人合计+其他福利单位合计</div>
|
||
<div>合计=社保合计+公积金合计+其他福利合计</div>
|
||
</div>
|
||
}
|
||
placement="bottomRight"
|
||
width={250}
|
||
/>,
|
||
<i className="iconfont icon-export" onClick={() => onChange("export")} title={getLabel(111, "导出")}/>
|
||
];
|
||
if (!type) {
|
||
const [dom1, ...extra] = dom;
|
||
const domBtn = [<WeaButtonIcon buttonType="add" type="primary" title={getLabel(111, "添加")}
|
||
onClick={() => onChange("add")}/>];
|
||
dom = regtopType === "regression" ? [
|
||
dom1, ...extra,
|
||
<WeaButtonIcon buttonType="del" type="primary" title={getLabel(111, "删除")} disabled={_.isEmpty(selectKey)}
|
||
onClick={() => onChange("delete")}/>, ...domBtn
|
||
] : [
|
||
dom1,
|
||
<i className="iconfont icon-import" onClick={() => onChange("import")} title={getLabel(111, "导入")}/>,
|
||
...extra,
|
||
<WeaButtonIcon buttonType="del" type="primary" title={getLabel(111, "删除")} disabled={_.isEmpty(selectKey)}
|
||
onClick={() => onChange("delete")}/>, ...domBtn
|
||
];
|
||
}
|
||
return dom;
|
||
};
|
||
getSearchs = () => {
|
||
return <WeaSearchGroup needTigger showGroup title="其他条件">
|
||
<Row>
|
||
<Col span={12}><WeaFormItem label="工号" labelCol={{ span: 4 }} wrapperCol={{ span: 18 }}>
|
||
<WeaInput
|
||
value={this.state.workcode}
|
||
onChange={v => this.setState({ workcode: v })}
|
||
/>
|
||
</WeaFormItem></Col>
|
||
<Col span={12}><WeaFormItem label={getLabel(27511, "部门")} labelCol={{ span: 4 }} wrapperCol={{ span: 18 }}>
|
||
<WeaBrowser
|
||
isSingle={false} value={this.state.departmentIds} type={57}
|
||
onChange={v => this.setState({ departmentIds: v })}/>
|
||
</WeaFormItem></Col>
|
||
<Col span={12}><WeaFormItem label={getLabel(33553, "分部")} labelCol={{ span: 4 }} wrapperCol={{ span: 18 }}>
|
||
<WeaBrowser
|
||
isSingle={false} value={this.state.subCompanyIds} type={164}
|
||
onChange={v => this.setState({ subCompanyIds: v })}/>
|
||
</WeaFormItem></Col>
|
||
</Row>
|
||
</WeaSearchGroup>;
|
||
};
|
||
|
||
render() {
|
||
const { showSearchAd } = this.state;
|
||
const { billMonth, onChange } = this.props;
|
||
return (
|
||
<WeaTab
|
||
datas={[
|
||
{
|
||
title: `账单月份: ${billMonth}`,
|
||
viewcondition: "1"
|
||
}
|
||
]}
|
||
keyParam="viewcondition" selectedKey="" advanceHeight={200} searchsAd={this.getSearchs()}
|
||
searchType={["base", "advanced"]} showSearchAd={showSearchAd}
|
||
setShowSearchAd={bool => this.setState({ showSearchAd: bool })}
|
||
onSearchChange={name => this.setState({ name })}
|
||
buttons={this.renderTopBtns()} onSearch={() => onChange("search")} onAdSearch={() => onChange("search")}
|
||
onAdReset={() => this.setState({ workcode: "" })} searchsBasePlaceHolder="请输入员工姓名"
|
||
/>
|
||
// <WeaTop
|
||
// title={<span><span style={{ paddingRight: 10 }}>账单月份</span><span>{billMonth}</span></span>}
|
||
// buttons={this.renderTopBtns()}
|
||
// />
|
||
);
|
||
}
|
||
}
|
||
|
||
export default RegTop;
|