263 lines
9.6 KiB
JavaScript
263 lines
9.6 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 新增编辑薪资账套
|
|
* Description:
|
|
* Date: 2022/12/8
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { inject, observer } from "mobx-react";
|
|
import { WeaLocaleProvider, WeaSlideModal, WeaSteps } from "ecCom";
|
|
import { Button, message, Modal } from "antd";
|
|
import LedgerBaseSetting from "./ledgerBaseSetting";
|
|
import LedgerAssociatedPersonnel from "./ledgerAssociatedPersonnel";
|
|
import LedgerSalaryAdjustmentRules from "./ledgerSalaryAdjustmentRules";
|
|
import LedgerBackCalculatedSalaryItem from "./ledgerBackCalculatedSalaryItem";
|
|
import LedgerSalaryItem from "./ledgerSalaryItem";
|
|
import WeaTopTitle from "../../../components/custom-title/weaTopTitle";
|
|
import WeaReqTitle from "../../../components/custom-title/weaReqTitle";
|
|
import { saveAdjustmentRule, saveLedgerBasic, saveLedgerItem } from "../../../apis/ledger";
|
|
import "./index.less";
|
|
|
|
const { getLabel } = WeaLocaleProvider;
|
|
const Step = WeaSteps.Step;
|
|
|
|
@inject("taxAgentStore", "ledgerStore")
|
|
@observer
|
|
class LedgerSlide extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
current: 0, loading: false, baseSettingInfo: {}, adjustRules: [],
|
|
empFields: [], itemGroups: [], saveSalarySobId: ""
|
|
};
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
this.setState({
|
|
saveSalarySobId: ""
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description: 保存基本信息
|
|
* Params:
|
|
* Date: 2022/12/12
|
|
*/
|
|
saveLedgerBasic = () => {
|
|
const { baseSettingInfo, current } = this.state;
|
|
const { editId } = this.props;
|
|
const { description, canEdit, ...extra } = baseSettingInfo;
|
|
const bool = _.every(Object.keys(extra), key => !!extra[key]);
|
|
if (!bool || _.isEmpty(baseSettingInfo)) {
|
|
Modal.warning({
|
|
title: "信息确认",
|
|
content: "必要信息不完整，红色*为必填项！"
|
|
});
|
|
return false;
|
|
}
|
|
this.setState({ loading: true });
|
|
saveLedgerBasic({ ...extra, description, id: editId }).then(({ status, data, errormsg }) => {
|
|
this.setState({ loading: false });
|
|
if (status) {
|
|
const { onRefreshList } = this.props;
|
|
message.success("保存成功");
|
|
onRefreshList();
|
|
!editId && this.setState({ current: current + 1, saveSalarySobId: data });
|
|
} else {
|
|
message.error(errormsg || "保存失败");
|
|
}
|
|
}).catch(() => this.setState({ loading: false }));
|
|
};
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description: 保存调薪计薪规则
|
|
* Params:
|
|
* Date: 2022/12/12
|
|
*/
|
|
saveLedgerAdjustRule = () => {
|
|
const { adjustRules, saveSalarySobId } = this.state;
|
|
const payload = {
|
|
salarySobId: this.props.editId || saveSalarySobId,
|
|
ruleParams: adjustRules
|
|
};
|
|
this.setState({ loading: true });
|
|
saveAdjustmentRule(payload).then(({ status, errormsg }) => {
|
|
this.setState({ loading: false });
|
|
if (status) {
|
|
message.success("保存成功");
|
|
this.handleClose();
|
|
} else {
|
|
message.success(errormsg || "保存失败");
|
|
}
|
|
}).catch(() => this.setState({ loading: false }));
|
|
};
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description: 薪资项目保存
|
|
* Params:
|
|
* Date: 2022/12/14
|
|
*/
|
|
saveLedgerItem = () => {
|
|
const { empFields, itemGroups, saveSalarySobId } = this.state;
|
|
const { editId: salarySobId } = this.props;
|
|
const payload = {
|
|
empFields: _.map(empFields, it => {
|
|
if (!it.salarySobId) delete it.id;
|
|
return { ...it };
|
|
}),
|
|
itemGroups: _.map(_.filter(itemGroups, it => it.name !== "未分类"), item => {
|
|
return {
|
|
...item,
|
|
items: _.map(item.items, it => {
|
|
delete it.originFormulaContent;
|
|
delete it.originSqlContent;
|
|
// if (it.id && it.id.length > 4) delete it.id;
|
|
return { ...it };
|
|
})
|
|
};
|
|
}),
|
|
items: _.map(_.find(itemGroups, it => it.name === "未分类").items, child => {
|
|
// if (child.id && child.id.length > 4) delete child.id;
|
|
delete child.originFormulaContent;
|
|
delete child.originSqlContent;
|
|
return { ...child };
|
|
}) || [],
|
|
salarySobId: salarySobId || saveSalarySobId
|
|
};
|
|
this.setState({ loading: true });
|
|
saveLedgerItem(payload).then(({ status, errormsg }) => {
|
|
this.setState({ loading: false });
|
|
if (status) {
|
|
message.success("保存成功");
|
|
} else {
|
|
message.error(errormsg || "保存失败");
|
|
}
|
|
}).catch(() => this.setState({ loading: false }));
|
|
};
|
|
handleClose = () => this.setState({ current: 0, baseSettingInfo: {} }, () => this.props.onCancel());
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description: 基础信息字段切换
|
|
* Params:
|
|
* Date: 2022/12/9
|
|
*/
|
|
handleChangeSaveParams = (baseSettingInfo) => this.setState({ baseSettingInfo });
|
|
/*
|
|
* Author: 黎永顺
|
|
* Description: 薪资项目保存数据
|
|
* Params:
|
|
* Date: 2022/12/14
|
|
*/
|
|
handleSaveSalaryItemParams = (empFields, itemGroups) => this.setState({ empFields, itemGroups });
|
|
|
|
render() {
|
|
const { visible, editId, taxAgentStore: { showOperateBtn } } = this.props;
|
|
const { current, saveSalarySobId, loading } = this.state;
|
|
let tabs = [
|
|
{
|
|
key: 0, title: getLabel(82751, "基础设置"),
|
|
createBtns: [
|
|
<Button type="primary" loading={loading}
|
|
onClick={this.saveLedgerBasic}>{getLabel(111, "保存并进入下一步")}</Button>
|
|
],
|
|
editBtns: [
|
|
<Button type="primary" loading={loading} onClick={this.saveLedgerBasic}>{getLabel(111, "保存")}</Button>
|
|
],
|
|
children: <LedgerBaseSetting
|
|
{...this.props} onSaveParams={this.handleChangeSaveParams}
|
|
onTaxableItemsChange={(val) => this.setState({ taxableItems: val })}
|
|
/>
|
|
},
|
|
{
|
|
key: 1, title: getLabel(543467, "关联人员"),
|
|
createBtns: [
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(111, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="primary"
|
|
onClick={() => this.setState({ current: current + 1 })}>{getLabel(111, "下一步")}</Button>
|
|
],
|
|
editBtns: [],
|
|
children: <LedgerAssociatedPersonnel {...this.props} saveSalarySobId={saveSalarySobId}/>
|
|
},
|
|
{
|
|
key: 2, title: getLabel(542362, "薪资项目"),
|
|
createBtns: [
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(111, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(111, "上一步")}</Button>,
|
|
<Button type="primary" loading={loading} onClick={() => {
|
|
this.setState({ current: current + 1 }, () => this.saveLedgerItem());
|
|
}}>{getLabel(111, "保存并进入下一步")}</Button>
|
|
],
|
|
editBtns: [
|
|
<Button type="primary" loading={loading} onClick={this.saveLedgerItem}>{getLabel(111, "保存")}</Button>
|
|
],
|
|
children: <LedgerSalaryItem {...this.props} saveSalarySobId={saveSalarySobId}
|
|
onSaveSalaryItem={this.handleSaveSalaryItemParams}/>
|
|
},
|
|
{
|
|
key: 3, title: getLabel(543468, "回算薪资项目"),
|
|
createBtns: [
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(111, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(111, "上一步")}</Button>,
|
|
<Button type="primary"
|
|
onClick={() => this.setState({ current: current + 1 })}>{getLabel(111, "下一步")}</Button>
|
|
],
|
|
editBtns: [],
|
|
children: <LedgerBackCalculatedSalaryItem {...this.props} saveSalarySobId={saveSalarySobId}/>
|
|
},
|
|
{
|
|
key: 4, title: getLabel(543469, "调薪计薪规则"),
|
|
createBtns: [
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(111, "上一步")}</Button>,
|
|
<Button type="primary" loading={loading} onClick={this.saveLedgerAdjustRule}>{getLabel(111, "完成")}</Button>
|
|
],
|
|
editBtns: [
|
|
<Button type="primary" loading={loading}
|
|
onClick={this.saveLedgerAdjustRule}>{getLabel(111, "保存")}</Button>
|
|
],
|
|
children: <LedgerSalaryAdjustmentRules {...this.props} saveSalarySobId={saveSalarySobId}
|
|
onSaveParams={(adjustRules) => this.setState({ adjustRules })}/>
|
|
}
|
|
];
|
|
return (
|
|
<WeaSlideModal
|
|
className="ledgerSlideLayout slideOuterWrapper"
|
|
visible={visible}
|
|
top={0}
|
|
width={100}
|
|
height={100}
|
|
direction="right"
|
|
measure="%"
|
|
title={
|
|
!editId ? <WeaTopTitle buttons={_.find(tabs, o => current === o.key).createBtns}/> :
|
|
<WeaReqTitle buttons={showOperateBtn ? _.find(tabs, o => current === o.key).editBtns : []}
|
|
tabDatas={tabs} selectedKey={String(current)}
|
|
onChange={cur => this.setState({ current: parseInt(cur) })}/>
|
|
}
|
|
content={
|
|
<div className="ledgerSlideContent">
|
|
{
|
|
!editId &&
|
|
<WeaSteps current={current} style={{ margin: "20px 0" }}>
|
|
{
|
|
_.map(tabs, item => {
|
|
const { key, title } = item;
|
|
return <Step description={title} key={key}/>;
|
|
})
|
|
}
|
|
</WeaSteps>
|
|
}
|
|
{_.find(tabs, o => current === o.key).children}
|
|
</div>
|
|
}
|
|
onClose={this.handleClose}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default LedgerSlide;
|