产品-社保福利档案、薪资档案、薪资核算列表添加工号查询功能

This commit is contained in:
黎永顺 2023-05-31 16:31:44 +08:00
parent f644249e14
commit 5a2897bf70
1 changed files with 130 additions and 120 deletions

View File

@ -55,7 +55,8 @@ export default class NormalIndex extends Component {
visible: false
},
showSum: false,
siaccountSum: {}
siaccountSum: {},
showSearchAd: false
};
this.timer = null;
this.timerDelete = null;
@ -438,10 +439,14 @@ export default class NormalIndex extends Component {
}
});
};
getSearchs=()=> {
let group = [];
return group;
}
render() {
const { remarks, billMonth, selectedKey, paymentOrganization, standingBookStore } = this.props;
const { addProps, adjustSlide, importParams, returnEditPersonSlide } = this.state;
const { addProps, adjustSlide, importParams, returnEditPersonSlide, showSearchAd } = this.state;
const { loading } = standingBookStore;
return (
<div className="normalWapper">
@ -467,125 +472,130 @@ export default class NormalIndex extends Component {
</div>
</div>
}
<div className="tabOption">
{this.props.type !== "detail" && this.props.selectedKey == "3"
? <span style={{ display: "flex", alignItems: "center" }}>
<Tooltip title="批量删除">
<i
style={{ color: "#2db7f5", fontSize: 18 }}
className="icon-coms-Batch-delete"
onClick={this.handleBatchDelete}
/>
</Tooltip>
<Tooltip title="添加该月正常缴纳人员">
<i className="icon-coms-Add-to" onClick={this.handleAdd} style={{ color: "#2db7f5", fontSize: 18 }}/>
</Tooltip>
</span>
: <span/>}
<SupplementarySlide
{...addProps}
billMonth={billMonth} paymentOrganization={paymentOrganization}
onCancel={(isRefresh) => {
this.setState({
addProps: {
...addProps,
visible: false
}
}, () => {
isRefresh && this.getSupplementaryList({
billMonth,
current: this.state.current,
paymentOrganization
});
});
}}
/>
{
selectedKey === "1" && this.props.type !== "detail" &&
<React.Fragment>
<Button type="primary" onClick={() => {
this.handleCommonAccountClick();
}}>核算</Button>
<Button type="ghost" onClick={() => {
this.setState({
adjustSlide: {
...adjustSlide,
visible: true
}
});
}}>调差</Button>
</React.Fragment>
}
{
selectedKey === "1" &&
<React.Fragment>
<Button type="primary" onClick={() => {
window.open(`/spa/hrmSalary/static/index.html#/main/hrmSalary/socialSecurityBenefits/sbofflineComparison?billMonth=${billMonth}&paymentOrganization=${paymentOrganization}`);
}}>线下对比</Button>
</React.Fragment>
}
{/*核算进度条*/}
<ProgressModal
title={selectedKey === "3" ? "正在删除请稍后" : "正在核算请稍后"}
visible={this.state.progressVisible}
onCancel={() => {
this.setState({ progressVisible: false, progress: 0 });
}}
progress={this.state.progress}
/>
{
this.props.type !== "detail" &&
<Tooltip title="导入数据">
<i
className="icon-coms02-Import"
style={{ color: "#2db7f5", fontSize: 18, marginRight: 10, cursor: "pointer" }}
onClick={() => this.setState({ importParams: { ...importParams, visible: true } })}
/>
</Tooltip>
}
{/*导入弹框*/}
{
importParams.visible &&
<AcctResultImportModal
visiable={importParams.visible}
fieldData={this.state.fieldData}
onAdd={fieldData => {
this.setState({
fieldData
});
}}
onCancel={() => {
this.setState({ importParams: { ...importParams, visible: false }, fieldData: {} }, () => {
const { billMonth, selectedKey, paymentOrganization } = this.props;
const { current } = this.state;
selectedKey === "1"
? this.getNormalList({ billMonth, current, paymentOrganization })
: this.getSupplementaryList({ billMonth, current, paymentOrganization });
});
}}
isStandingBook
standingBookTabKey={selectedKey}
/>
}
<WeaTab
datas={[]} selectedKey="" advanceHeight={200} searchsAd={this.getSearchs()}
searchType={["base", "advanced"]} showSearchAd={showSearchAd}
setShowSearchAd={bool => this.setState({ showSearchAd: bool })}
/>
{/*<div className="tabOption">*/}
{/* {this.props.type !== "detail" && this.props.selectedKey == "3"*/}
{/* ? <span style={{ display: "flex", alignItems: "center" }}>*/}
{/* <Tooltip title="批量删除">*/}
{/* <i*/}
{/* style={{ color: "#2db7f5", fontSize: 18 }}*/}
{/* className="icon-coms-Batch-delete"*/}
{/* onClick={this.handleBatchDelete}*/}
{/* />*/}
{/* </Tooltip>*/}
{/* <Tooltip title="添加该月正常缴纳人员">*/}
{/* <i className="icon-coms-Add-to" onClick={this.handleAdd} style={{ color: "#2db7f5", fontSize: 18 }}/>*/}
{/* </Tooltip>*/}
{/* </span>*/}
{/* : <span/>}*/}
{/* <SupplementarySlide*/}
{/* {...addProps}*/}
{/* billMonth={billMonth} paymentOrganization={paymentOrganization}*/}
{/* onCancel={(isRefresh) => {*/}
{/* this.setState({*/}
{/* addProps: {*/}
{/* ...addProps,*/}
{/* visible: false*/}
{/* }*/}
{/* }, () => {*/}
{/* isRefresh && this.getSupplementaryList({*/}
{/* billMonth,*/}
{/* current: this.state.current,*/}
{/* paymentOrganization*/}
{/* });*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* {*/}
{/* selectedKey === "1" && this.props.type !== "detail" &&*/}
{/* <React.Fragment>*/}
{/* <Button type="primary" onClick={() => {*/}
{/* this.handleCommonAccountClick();*/}
{/* }}>核算</Button>*/}
{/* <Button type="ghost" onClick={() => {*/}
{/* this.setState({*/}
{/* adjustSlide: {*/}
{/* ...adjustSlide,*/}
{/* visible: true*/}
{/* }*/}
{/* });*/}
{/* }}>调差</Button>*/}
{/* </React.Fragment>*/}
{/* }*/}
{/* {*/}
{/* selectedKey === "1" &&*/}
{/* <React.Fragment>*/}
{/* <Button type="primary" onClick={() => {*/}
{/* window.open(`/spa/hrmSalary/static/index.html#/main/hrmSalary/socialSecurityBenefits/sbofflineComparison?billMonth=${billMonth}&paymentOrganization=${paymentOrganization}`);*/}
{/* }}>线下对比</Button>*/}
{/* </React.Fragment>*/}
{/* }*/}
{/* /!*核算进度条*!/*/}
{/* <ProgressModal*/}
{/* title={selectedKey === "3" ? "正在删除请稍后" : "正在核算请稍后"}*/}
{/* visible={this.state.progressVisible}*/}
{/* onCancel={() => {*/}
{/* this.setState({ progressVisible: false, progress: 0 });*/}
{/* }}*/}
{/* progress={this.state.progress}*/}
{/* />*/}
{/* {*/}
{/* this.props.type !== "detail" &&*/}
{/* <Tooltip title="导入数据">*/}
{/* <i*/}
{/* className="icon-coms02-Import"*/}
{/* style={{ color: "#2db7f5", fontSize: 18, marginRight: 10, cursor: "pointer" }}*/}
{/* onClick={() => this.setState({ importParams: { ...importParams, visible: true } })}*/}
{/* />*/}
{/* </Tooltip>*/}
{/* }*/}
{/* /!*导入弹框*!/*/}
{/* {*/}
{/* importParams.visible &&*/}
{/* <AcctResultImportModal*/}
{/* visiable={importParams.visible}*/}
{/* fieldData={this.state.fieldData}*/}
{/* onAdd={fieldData => {*/}
{/* this.setState({*/}
{/* fieldData*/}
{/* });*/}
{/* }}*/}
{/* onCancel={() => {*/}
{/* this.setState({ importParams: { ...importParams, visible: false }, fieldData: {} }, () => {*/}
{/* const { billMonth, selectedKey, paymentOrganization } = this.props;*/}
{/* const { current } = this.state;*/}
{/* selectedKey === "1"*/}
{/* ? this.getNormalList({ billMonth, current, paymentOrganization })*/}
{/* : this.getSupplementaryList({ billMonth, current, paymentOrganization });*/}
{/* });*/}
{/* }}*/}
{/* isStandingBook*/}
{/* standingBookTabKey={selectedKey}*/}
{/* />*/}
{/* }*/}
<Tooltip title="导出全部">
<i
className="icon-coms02-coms2-export"
style={{ color: "#2db7f5", fontSize: 18, marginRight: 10, cursor: "pointer" }}
onClick={this.handleExport}
/>
</Tooltip>
<WeaInputSearch
value={this.state.searchValue}
onChange={value => {
this.setState({ searchValue: value });
}}
placeholder={"请输入姓名"}
onSearch={value => {
this.handleSearch(value);
}}
/>
</div>
{/* <Tooltip title="导出全部">*/}
{/* <i*/}
{/* className="icon-coms02-coms2-export"*/}
{/* style={{ color: "#2db7f5", fontSize: 18, marginRight: 10, cursor: "pointer" }}*/}
{/* onClick={this.handleExport}*/}
{/* />*/}
{/* </Tooltip>*/}
{/* <WeaInputSearch*/}
{/* value={this.state.searchValue}*/}
{/* onChange={value => {*/}
{/* this.setState({ searchValue: value });*/}
{/* }}*/}
{/* placeholder={"请输入姓名"}*/}
{/* onSearch={value => {*/}
{/* this.handleSearch(value);*/}
{/* }}*/}
{/* />*/}
{/*</div>*/}
{/* table */}
<div className="tableWrapper">
<Spin spinning={loading}>