501 lines
18 KiB
JavaScript
501 lines
18 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 SlideModalTitle from "../../../components/slideModalTitle";
|
||
import LedgerBaseSetting from "./ledgerBaseSetting";
|
||
import LedgerAssociatedPersonnel from "./ledgerAssociatedPersonnel";
|
||
import LedgerSalaryAdjustmentRules from "./ledgerSalaryAdjustmentRules";
|
||
import LedgerBackCalculatedSalaryItem from "./ledgerBackCalculatedSalaryItem";
|
||
import LedgerSalaryItem from "./ledgerSalaryItem";
|
||
import IncomeTaxFields from "./incomeTaxFields";
|
||
import CumulativeFields from "./cumulativeFields";
|
||
import {
|
||
addupruleSave,
|
||
saveAdjustmentRule,
|
||
saveLedgerBasic,
|
||
saveLedgerItem,
|
||
taxreportruleSave
|
||
} 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: [],
|
||
incomeTaxFields: [], incomeTaxKeys: "", //个税申报字段对应
|
||
addupruleFields: [], addupruleKeys: "", //累计字段对应
|
||
saveSalarySobId: "",
|
||
taxableItems: "" //薪资类型 1||489 对应显示个税设置-累计字段对应
|
||
};
|
||
}
|
||
|
||
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 (Object.prototype.toString.call(it.id) === "[object Number]") delete it.id;
|
||
return { ...it };
|
||
}),
|
||
itemGroups: _.map(_.filter(itemGroups, it => it.name !== "未分类"), item => {
|
||
return {
|
||
...item,
|
||
items: _.map(item.items, it => {
|
||
// delete it.formulaContent;
|
||
// 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.formulaContent;
|
||
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 }));
|
||
};
|
||
/*
|
||
* Author: 黎永顺
|
||
* Description:个税申报字段对应-保存
|
||
* Params:
|
||
* Date: 2023/8/16
|
||
*/
|
||
taxreportruleSave = () => {
|
||
const { taxableItems, incomeTaxKeys, incomeTaxFields, saveSalarySobId } = this.state;
|
||
const { editId } = this.props;
|
||
if ((!editId && taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489")) {
|
||
this.saveLedgerAdjustRule();
|
||
} else {
|
||
const payload = {
|
||
salarySobId: editId || saveSalarySobId,
|
||
incomeCategoryParams: _.map(incomeTaxFields, it => {
|
||
if (it.incomeCategoryId === incomeTaxKeys) {
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
taxReportRuleParams: _.map(it.taxReportRules, child => {
|
||
return {
|
||
reportColumnDataIndex: child.reportColumnDataIndex,
|
||
salaryItemId: _.map(child.salaryItem, o => o.id).join(",")
|
||
};
|
||
})
|
||
};
|
||
}
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
taxReportRuleParams: []
|
||
};
|
||
})
|
||
};
|
||
this.saveTaxreportrule(payload);
|
||
}
|
||
};
|
||
saveTaxreportrule = (payload) => {
|
||
this.setState({ loading: true });
|
||
taxreportruleSave(payload).then(({ status, errormsg }) => {
|
||
this.setState({ loading: false });
|
||
if (status) {
|
||
message.success(getLabel(22619, "保存成功！"));
|
||
} else {
|
||
message.error(errormsg || getLabel(22620, "保存失败！"));
|
||
}
|
||
}).catch(() => this.setState({ loading: false }));
|
||
};
|
||
/*
|
||
* Author: 黎永顺
|
||
* Description:保存薪资账套下的累计字段对应关系
|
||
* Params:
|
||
* Date: 2023/8/17
|
||
*/
|
||
addupruleSave = () => {
|
||
const { taxableItems, incomeTaxFields, incomeTaxKeys, addupruleFields, addupruleKeys, saveSalarySobId } = this.state;
|
||
const { editId } = this.props;
|
||
if ((!editId && taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489")) {
|
||
const payload = {
|
||
salarySobId: editId || saveSalarySobId,
|
||
incomeCategoryParams: _.map(incomeTaxFields, it => {
|
||
if (it.incomeCategoryId === incomeTaxKeys) {
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
taxReportRuleParams: _.map(it.taxReportRules, child => {
|
||
return {
|
||
reportColumnDataIndex: child.reportColumnDataIndex,
|
||
salaryItemId: _.map(child.salaryItem, o => o.id).join(",")
|
||
};
|
||
})
|
||
};
|
||
}
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
taxReportRuleParams: []
|
||
};
|
||
})
|
||
};
|
||
this.saveTaxreportrule(payload);
|
||
} else {
|
||
const payload = {
|
||
salarySobId: editId || saveSalarySobId,
|
||
incomeCategoryParams: _.map(addupruleFields, it => {
|
||
if (it.incomeCategoryId === addupruleKeys) {
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
addUpRuleParams: _.map(it.addUpRules, child => {
|
||
return {
|
||
addUpColumnDataIndex: child.addUpColumnDataIndex,
|
||
salaryItemId: _.map(child.salaryItem, o => o.id).join(",")
|
||
};
|
||
})
|
||
};
|
||
}
|
||
return {
|
||
incomeCategory: it.incomeCategoryId,
|
||
taxReportRuleParams: []
|
||
};
|
||
})
|
||
};
|
||
this.setState({ loading: true });
|
||
addupruleSave(payload).then(({ status, errormsg }) => {
|
||
this.setState({ loading: false });
|
||
if (status) {
|
||
message.success(getLabel(22619, "保存成功！"));
|
||
} else {
|
||
message.error(errormsg || getLabel(22620, "保存失败！"));
|
||
}
|
||
}).catch(() => this.setState({ loading: false }));
|
||
}
|
||
};
|
||
handleChangeSlideTab = (current) => {
|
||
this.setState({ current: Number(current) });
|
||
};
|
||
handleClose = () => {
|
||
this.setState({ current: 0 }, () => 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 });
|
||
};
|
||
renderChildren = () => {
|
||
const { editId } = this.props;
|
||
const { current, saveSalarySobId, taxableItems } = this.state;
|
||
let CurrentDom = null;
|
||
switch (current) {
|
||
case 0:
|
||
CurrentDom = <LedgerBaseSetting
|
||
{...this.props} onSaveParams={this.handleChangeSaveParams}
|
||
onTaxableItemsChange={(val) => this.setState({ taxableItems: val })}
|
||
/>;
|
||
break;
|
||
case 1:
|
||
CurrentDom = <LedgerAssociatedPersonnel {...this.props} saveSalarySobId={saveSalarySobId}/>;
|
||
break;
|
||
case 2:
|
||
CurrentDom = <LedgerSalaryItem {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSaveSalaryItem={this.handleSaveSalaryItemParams}/>;
|
||
break;
|
||
case 3:
|
||
CurrentDom = <LedgerBackCalculatedSalaryItem {...this.props} saveSalarySobId={saveSalarySobId}/>;
|
||
break;
|
||
case 4:
|
||
CurrentDom = (!editId && taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489") ?
|
||
<IncomeTaxFields {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSetTaxreportrule={(incomeTaxFields, selectedKey) => this.setState({
|
||
incomeTaxFields,
|
||
incomeTaxKeys: selectedKey
|
||
})}/> :
|
||
<CumulativeFields {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSetAdduprule={(addupruleFields, selectedKey) => this.setState({
|
||
addupruleFields,
|
||
addupruleKeys: selectedKey
|
||
})}/>;
|
||
break;
|
||
case 5:
|
||
CurrentDom = (!editId && taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489") ?
|
||
<LedgerSalaryAdjustmentRules {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSaveParams={(adjustRules) => this.setState({ adjustRules })}/> :
|
||
<IncomeTaxFields {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSetTaxreportrule={(incomeTaxFields, selectedKey) => this.setState({
|
||
incomeTaxFields,
|
||
incomeTaxKeys: selectedKey
|
||
})}/>;
|
||
break;
|
||
case 6:
|
||
CurrentDom =
|
||
<LedgerSalaryAdjustmentRules {...this.props} saveSalarySobId={saveSalarySobId}
|
||
onSaveParams={(adjustRules) => this.setState({ adjustRules })}/>;
|
||
break;
|
||
default:
|
||
CurrentDom = null;
|
||
break;
|
||
}
|
||
return CurrentDom;
|
||
};
|
||
renderCustomOperate = () => {
|
||
const { taxAgentStore: { showOperateBtn }, editId } = this.props;
|
||
const { current, loading, taxableItems } = this.state;
|
||
let CurrentDom = [];
|
||
//管理员操作权限
|
||
if (showOperateBtn) {
|
||
switch (current) {
|
||
case 0:
|
||
CurrentDom = [
|
||
<Button
|
||
type="primary"
|
||
loading={loading}
|
||
onClick={this.saveLedgerBasic}
|
||
>{editId ? "保存" : "保存并进入下一步"}</Button>
|
||
];
|
||
break;
|
||
case 1:
|
||
CurrentDom = !editId ? [
|
||
<Button type="ghost" onClick={this.handleClose}>完成，跳过所有步骤</Button>,
|
||
<Button type="primary" onClick={() => this.setState({ current: current + 1 })}>下一步</Button>
|
||
] : [];
|
||
break;
|
||
case 2:
|
||
CurrentDom = !editId ?
|
||
[
|
||
<Button type="ghost" onClick={this.handleClose}>完成，跳过所有步骤</Button>,
|
||
<Button type="ghost" onClick={() => this.setState({ current: current - 1 })}>上一步</Button>,
|
||
<Button
|
||
type="primary"
|
||
loading={loading}
|
||
onClick={() => {
|
||
this.setState({ current: current + 1 }, () => {
|
||
this.saveLedgerItem();
|
||
});
|
||
}}
|
||
>保存并进入下一步</Button>
|
||
] : [
|
||
<Button type="primary" loading={loading} onClick={this.saveLedgerItem}>保存</Button>
|
||
];
|
||
break;
|
||
case 3:
|
||
CurrentDom = !editId ?
|
||
[
|
||
<Button type="ghost" onClick={this.handleClose}>完成，跳过所有步骤</Button>,
|
||
<Button type="ghost" onClick={() => this.setState({ current: current - 1 })}>上一步</Button>,
|
||
<Button type="primary" onClick={() => this.setState({ current: current + 1 })}>下一步</Button>
|
||
] : [];
|
||
break;
|
||
case 4:
|
||
CurrentDom = !editId ?
|
||
[
|
||
<Button type="ghost" onClick={this.handleClose}>完成，跳过所有步骤</Button>,
|
||
<Button type="ghost" onClick={() => this.setState({ current: current - 1 })}>上一步</Button>,
|
||
<Button
|
||
type="primary"
|
||
loading={loading}
|
||
onClick={() => {
|
||
this.setState({ current: current + 1 }, () => this.addupruleSave());
|
||
}}
|
||
>保存并进入下一步</Button>
|
||
] : [
|
||
<Button type="primary" loading={loading} onClick={this.addupruleSave}>保存</Button>
|
||
];
|
||
break;
|
||
case 5:
|
||
CurrentDom = !editId ?
|
||
[
|
||
<Button type="ghost" onClick={this.handleClose}>完成，跳过所有步骤</Button>,
|
||
<Button type="ghost" onClick={() => this.setState({ current: current - 1 })}>上一步</Button>,
|
||
<Button
|
||
type="primary"
|
||
loading={loading}
|
||
onClick={() => {
|
||
this.setState({ current: current + 1 }, () => this.taxreportruleSave());
|
||
}}
|
||
>
|
||
{
|
||
(!editId && taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489") ?
|
||
getLabel(555, "完成") :
|
||
getLabel(33199, "保存并进入下一步")
|
||
}
|
||
</Button>
|
||
] : [
|
||
<Button type="primary" loading={loading} onClick={this.taxreportruleSave}>保存</Button>
|
||
];
|
||
break;
|
||
case 6:
|
||
CurrentDom = !editId ?
|
||
[
|
||
<Button type="ghost" onClick={() => this.setState({ current: current - 1 })}>上一步</Button>,
|
||
<Button type="primary" loading={loading} onClick={this.saveLedgerAdjustRule}>完成</Button>
|
||
] : [
|
||
<Button type="primary" loading={loading} onClick={this.saveLedgerAdjustRule}>保存</Button>
|
||
];
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
return CurrentDom;
|
||
};
|
||
|
||
render() {
|
||
let tabs = [
|
||
{ key: 0, title: getLabel(82751, "基础设置") },
|
||
{ key: 1, title: getLabel(543467, "关联人员") },
|
||
{ key: 2, title: getLabel(542362, "薪资项目") },
|
||
{ key: 3, title: getLabel(543468, "回算薪资项目") },
|
||
{ key: 4, title: getLabel(111, "累计字段对应") },
|
||
{ key: 5, title: getLabel(111, "个税申报字段对应") },
|
||
{ key: 6, title: getLabel(543469, "调薪计薪规则") }
|
||
];
|
||
const { title, visible, editId, taxAgentStore: { showOperateBtn } } = this.props;
|
||
const { current, taxableItems } = this.state;
|
||
(taxableItems && taxableItems.toString() !== "1" && taxableItems.toString() !== "489") && (tabs = _.filter(tabs, o => o.key !== 4));
|
||
return (
|
||
<WeaSlideModal
|
||
className="slideOuterWrapper"
|
||
visible={visible}
|
||
top={0}
|
||
width={100}
|
||
height={100}
|
||
direction="right"
|
||
measure="%"
|
||
title={
|
||
<SlideModalTitle
|
||
subtitle={title}
|
||
tabs={editId ? tabs : []}
|
||
loading={false}
|
||
showOperateBtn={showOperateBtn}
|
||
editable={false}
|
||
onSave={() => {
|
||
}}
|
||
selectedTab={current}
|
||
customOperate={this.renderCustomOperate()}
|
||
subItemChange={this.handleChangeSlideTab}
|
||
/>
|
||
}
|
||
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>
|
||
}
|
||
{
|
||
this.renderChildren()
|
||
}
|
||
</div>
|
||
}
|
||
onClose={this.handleClose}
|
||
/>
|
||
);
|
||
}
|
||
}
|
||
|
||
export default LedgerSlide;
|