321 lines
11 KiB
JavaScript
321 lines
11 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 新增编辑薪资账套
|
|
* Description:
|
|
* Date: 2022/12/8
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { inject, observer } from "mobx-react";
|
|
import { WeaLocaleProvider, WeaSlideModal, WeaSteps, WeaInputLocale } 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 { saveAdjustmentRule, saveLedgerBasic, saveLedgerItem } from "../../../apis/ledger";
|
|
import "./index.less";
|
|
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
const getMultiStrFromBase64 = WeaInputLocale.getMultiStrFromBase64;
|
|
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: getLabel(131329, "信息确认"),
|
|
content: getLabel(384146, "必要信息不完整，红色*为必填项！")
|
|
});
|
|
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(getLabel(22619, "保存成功"));
|
|
onRefreshList();
|
|
!editId && this.setState({ current: current + 1, saveSalarySobId: data });
|
|
} else {
|
|
message.error(errormsg || getLabel(22620, "保存失败"));
|
|
}
|
|
}).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(getLabel(22619, "保存成功"));
|
|
this.handleClose();
|
|
} else {
|
|
message.success(errormsg || getLabel(22620, "保存失败"));
|
|
}
|
|
}).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 !== getLabel(388970, "未分类")), item => {
|
|
return {
|
|
...item, name: item.name.indexOf("base64") === -1 ? item.name : getMultiStrFromBase64(item.name),
|
|
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 === getLabel(388970, "未分类")).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(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 { current, saveSalarySobId } = this.state;
|
|
let CurrentDom = null;
|
|
switch (current) {
|
|
case 0:
|
|
CurrentDom = <LedgerBaseSetting {...this.props} onSaveParams={this.handleChangeSaveParams}/>;
|
|
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 =
|
|
<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 } = this.state;
|
|
let CurrentDom = [];
|
|
//管理员操作权限
|
|
if (showOperateBtn) {
|
|
switch (current) {
|
|
case 0:
|
|
CurrentDom = [
|
|
<Button
|
|
type="primary"
|
|
loading={loading}
|
|
onClick={this.saveLedgerBasic}
|
|
>{editId ? getLabel(537558, "保存") : getLabel(33199, "保存并进入下一步")}</Button>
|
|
];
|
|
break;
|
|
case 1:
|
|
CurrentDom = !editId ? [
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(543470, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="primary"
|
|
onClick={() => this.setState({ current: current + 1 })}>{getLabel(1402, "下一步")}</Button>
|
|
] : [];
|
|
break;
|
|
case 2:
|
|
CurrentDom = !editId ?
|
|
[
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(543470, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(1402, "下一步")}</Button>,
|
|
<Button
|
|
type="primary"
|
|
loading={loading}
|
|
onClick={() => {
|
|
this.setState({ current: current + 1 }, () => {
|
|
this.saveLedgerItem();
|
|
});
|
|
}}
|
|
>{getLabel(33199, "保存并进入下一步")}</Button>
|
|
] : [
|
|
<Button type="primary" loading={loading} onClick={this.saveLedgerItem}>{getLabel(537558, "保存")}</Button>
|
|
];
|
|
break;
|
|
case 3:
|
|
CurrentDom = !editId ?
|
|
[
|
|
<Button type="ghost" onClick={this.handleClose}>{getLabel(543470, "完成，跳过所有步骤")}</Button>,
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(1876, "上一步")}</Button>,
|
|
<Button type="primary"
|
|
onClick={() => this.setState({ current: current + 1 })}>{getLabel(1402, "下一步")}</Button>
|
|
] : [];
|
|
break;
|
|
case 4:
|
|
CurrentDom = !editId ?
|
|
[
|
|
<Button type="ghost"
|
|
onClick={() => this.setState({ current: current - 1 })}>{getLabel(1876, "上一步")}</Button>,
|
|
<Button type="primary" loading={loading}
|
|
onClick={this.saveLedgerAdjustRule}>{getLabel(555, "完成")}</Button>
|
|
] : [
|
|
<Button type="primary" loading={loading}
|
|
onClick={this.saveLedgerAdjustRule}>{getLabel(537558, "保存")}</Button>
|
|
];
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
return CurrentDom;
|
|
};
|
|
|
|
render() {
|
|
const { title, visible, editId, taxAgentStore: { showOperateBtn } } = this.props;
|
|
const { current } = this.state;
|
|
const 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(543469, "调薪计薪规则") }
|
|
];
|
|
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;
|