365 lines
15 KiB
JavaScript
365 lines
15 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 薪资核算详情
|
|
* Description:
|
|
* Date: 2023/9/13
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { WeaLocaleProvider, WeaReqTop, WeaSearchGroup, WeaTools } from "ecCom";
|
|
import { Button, Dropdown, Menu, message, Modal } from "antd";
|
|
import { inject, observer } from "mobx-react";
|
|
import { WeaSwitch } from "comsMobx";
|
|
import Layout from "./layout";
|
|
import {
|
|
acctresultAccounting,
|
|
getApprovalInfoByRecordId,
|
|
getCalculateProgress,
|
|
getExportField
|
|
} from "../../../apis/calculate";
|
|
import AdvanceInputBtn from "./components/advanceInputBtn";
|
|
import SalaryCalcPersonConfirm from "./components/salaryCalcPersonConfirm";
|
|
import SalaryEditCalc from "./components/salaryEditCalc";
|
|
import SalaryApproval from "./components/salaryApproval";
|
|
import SalaryDiffence from "./components/salaryDiffence";
|
|
import SalaryDeptSummary from "./components/salaryDeptSummary";
|
|
import ProgressModal from "../../../components/progressModal";
|
|
import CustomCalcExportDialog from "./components/customCalcExportDialog";
|
|
import SalaryEditCalcImport from "./components/salaryEditCalcImport";
|
|
import { convertToUrlString } from "../../../util/url";
|
|
import FormInfo from "../../../components/FormInfo";
|
|
import { editCalcSearchConditions } from "./components/salaryEditCalc/condition";
|
|
import "./index.less";
|
|
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
const getKey = WeaTools.getKey;
|
|
|
|
@inject("calculateStore")
|
|
@observer
|
|
class Index extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
selectedKey: "person", progressVisible: false, progress: 0,
|
|
customExpDialog: { visible: false, salaryAcctRecordId: "", checkItems: [], itemsByGroup: [] },
|
|
salaryImpDialog: { visible: false, title: "", salaryAcctRecordId: "" },
|
|
approvalInfo: {},//审批信息,
|
|
accountExceptInfo: "" //核算报错信息,
|
|
|
|
};
|
|
this.calc = null;
|
|
this.approval = null;
|
|
this.diffence = null;
|
|
this.timer = null;
|
|
}
|
|
|
|
init = () => {
|
|
const { routeParams: { salaryAcctRecordId } } = this.props;
|
|
getApprovalInfoByRecordId({ salaryAcctRecordId }).then(({ status, data: approvalInfo }) => {
|
|
if (status) this.setState({
|
|
approvalInfo, selectedKey: WeaTools.getUrlParams().tabkey || this.state.selectedKey
|
|
});
|
|
});
|
|
};
|
|
handleMenuClick = ({ key }) => {
|
|
switch (key) {
|
|
case "calc_selected":
|
|
const { selectedRowKeys } = this.calc.calcTableRef.wrappedInstance.state;
|
|
if (_.isEmpty(selectedRowKeys)) {
|
|
message.warning(getLabel(543303, "请选择表格数据！"));
|
|
return;
|
|
}
|
|
this.doCacl(key, selectedRowKeys);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
};
|
|
doCacl = (key, selectedRowKeys = []) => {
|
|
Modal.confirm({
|
|
title: getLabel(131329, "信息确认"),
|
|
content: getLabel(543544, "点击核算，公式项将按照公式逻辑核算，核算结果将覆盖原数据"),
|
|
onOk: () => {
|
|
const { routeParams: { salaryAcctRecordId } } = this.props;
|
|
this.setState({ progress: 0 });
|
|
let payload = { salaryAcctRecordId };
|
|
if (key === "calc_selected") payload = _.assign(payload, { ids: selectedRowKeys });
|
|
acctresultAccounting(payload).then(() => {
|
|
this.setState({ progressVisible: true });
|
|
if (this.timer) clearInterval(this.timer);
|
|
this.timer = setInterval(() => {
|
|
getCalculateProgress(salaryAcctRecordId).then(({ data }) => {
|
|
let progress = data.progress;
|
|
if (progress === 1 && this.timer) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
this.setState({
|
|
progressVisible: false,
|
|
accountExceptInfo: data.message
|
|
});
|
|
message.success(getLabel(542321, "核算完成"));
|
|
this.calc.onAdSearch(false);
|
|
} else if (!data.status) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
this.setState({
|
|
progressVisible: false,
|
|
accountExceptInfo: data.message
|
|
});
|
|
message.error(data.message);
|
|
}
|
|
this.setState({ progress: Number(progress) * 100 });
|
|
});
|
|
}, 1000);
|
|
});
|
|
}
|
|
});
|
|
};
|
|
handleMoreMenuClick = ({ key }) => {
|
|
const { calculateStore: { ECSearchForm }, routeParams: { salaryAcctRecordId } } = this.props;
|
|
switch (key) {
|
|
case "exportAll":
|
|
const { consolidatedTaxation, ...extra } = ECSearchForm.getFormParams();
|
|
const payload = { ...extra, consolidatedTaxation: consolidatedTaxation === "0" ? "" : consolidatedTaxation };
|
|
const url = `/api/bs/hrmsalary/salaryacct/acctresult/export?salaryAcctRecordId=${salaryAcctRecordId}&ids=&${convertToUrlString(payload)}`;
|
|
window.open(`${window.ecologyContentPath || ""}${url}`, "_blank");
|
|
break;
|
|
case "export_custom":
|
|
getExportField({ salaryAcctRecordId }).then(({ status, data }) => {
|
|
if (status) {
|
|
const { checkItems, itemsByGroup } = data;
|
|
this.setState({
|
|
customExpDialog: {
|
|
...this.state.customExpDialog, visible: true, salaryAcctRecordId,
|
|
checkItems, itemsByGroup
|
|
}
|
|
});
|
|
}
|
|
});
|
|
break;
|
|
case "import":
|
|
this.setState({
|
|
salaryImpDialog: {
|
|
...this.state.salaryImpDialog,
|
|
salaryAcctRecordId, visible: true,
|
|
title: getLabel(111, "薪资导入")
|
|
}
|
|
});
|
|
break;
|
|
case "offlineCompare":
|
|
window.open(`/spa/hrmSalary/static/index.html#/main/hrmSalary/calcOc/${salaryAcctRecordId}`, "_blank");
|
|
break;
|
|
case "LOCK":
|
|
case "UNLOCK":
|
|
const { selectedRowKeys } = this.calc.calcTableRef.wrappedInstance.state;
|
|
if (_.isEmpty(selectedRowKeys)) {
|
|
message.warning(getLabel(543303, "请选择表格数据！"));
|
|
return;
|
|
}
|
|
this.calc.calcTableRef.wrappedInstance.updateEmpLockStatus({ lockStatus: key, acctEmpIds: selectedRowKeys });
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
};
|
|
renderReqBtns = () => {
|
|
const { routeParams: { salaryAcctRecordId } } = this.props;
|
|
const { selectedKey, accountExceptInfo, approvalInfo } = this.state;
|
|
const { isOpenApproval, approvalWorkflowUrl, canEdit } = approvalInfo;
|
|
let reqBtns = [];
|
|
switch (selectedKey) {
|
|
case "calc":
|
|
const menu = (
|
|
<Menu onClick={this.handleMenuClick}>
|
|
<Menu.Item key="calc_selected">{getLabel(543546, "核算所选人员")}</Menu.Item>
|
|
</Menu>
|
|
);
|
|
const moreMenu = (
|
|
<Menu onClick={this.handleMoreMenuClick}>
|
|
{canEdit && <Menu.Item key="import">{getLabel(32935, "导入")}</Menu.Item>}
|
|
<Menu.Item key="exportAll">{getLabel(81272, "导出全部")}</Menu.Item>
|
|
<Menu.Item key="export_custom">{getLabel(544270, "自定义导出")}</Menu.Item>
|
|
<Menu.Item key="offlineCompare">{getLabel(543249, "线下对比")}</Menu.Item>
|
|
<Menu.Item key="LOCK">{getLabel(111, "批量锁定")}</Menu.Item>
|
|
<Menu.Item key="UNLOCK">{getLabel(111, "批量解锁")}</Menu.Item>
|
|
</Menu>
|
|
);
|
|
reqBtns = [
|
|
<Dropdown.Button onClick={() => this.doCacl("ALL")} overlay={menu} type="primary">
|
|
{getLabel(543545, "核算所有人")}
|
|
</Dropdown.Button>,
|
|
<Dropdown overlay={moreMenu}><Button type="ghost">{getLabel(17499, "更多")}</Button></Dropdown>
|
|
// <AdvanceInputBtn onOpenAdvanceSearch={() => this.calc.openAdvanceSearch()}
|
|
// onAdvanceSearch={() => this.calc.onAdSearch(false)}/>
|
|
];
|
|
!canEdit && reqBtns.splice(0, 1);
|
|
accountExceptInfo && reqBtns.unshift(<i className="iconfont icon-jinggao"
|
|
title={getLabel(111, "存在异常信息，点击下载！")}
|
|
onClick={() => this.downloadTxtfile(accountExceptInfo)}/>);
|
|
break;
|
|
case "approval":
|
|
isOpenApproval && (reqBtns = [
|
|
<Button type="primary" onClick={() => {
|
|
window.open(`${approvalWorkflowUrl}&salaryAcctRecordId=${salaryAcctRecordId}`, "_blank");
|
|
}}>{getLabel(111, "发起审批")}</Button>
|
|
// <AdvanceInputBtn onOpenAdvanceSearch={() => this.approval.openAdvanceSearch()}
|
|
// onAdvanceSearch={() => this.approval.onAdSearch(false)}/>
|
|
]);
|
|
break;
|
|
case "diffence":
|
|
isOpenApproval && (reqBtns = [
|
|
<Button type="primary"
|
|
onClick={() => this.diffence && this.diffence.exportDifferenctList()}>{getLabel(111, "导出")}</Button>
|
|
// <AdvanceInputBtn onOpenAdvanceSearch={() => this.diffence.openAdvanceSearch()}
|
|
// onAdvanceSearch={() => this.diffence.onAdSearch(false)}/>
|
|
]);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
return reqBtns;
|
|
};
|
|
downloadTxtfile = (value) => {
|
|
const element = document.createElement("a");
|
|
const file = new Blob([value], { type: "text/plain" });
|
|
element.href = URL.createObjectURL(file);
|
|
element.download = "核算异常信息.txt";
|
|
document.body.appendChild(element);
|
|
element.click();
|
|
};
|
|
renderContent = () => {
|
|
const { selectedKey, approvalInfo } = this.state;
|
|
const { canEdit } = approvalInfo;
|
|
let dom = null;
|
|
switch (selectedKey) {
|
|
case "person":
|
|
dom = <SalaryCalcPersonConfirm calcDetail={!canEdit} {...this.props}/>;
|
|
break;
|
|
case "calc":
|
|
dom = <SalaryEditCalc {...this.props} calcDetail={!canEdit} ref={dom => this.calc = dom}/>;
|
|
break;
|
|
case "approval":
|
|
dom = <SalaryApproval {...this.props} ref={dom => this.approval = dom}/>;
|
|
break;
|
|
case "deptSummary":
|
|
dom = <SalaryDeptSummary {...this.props}/>;
|
|
break;
|
|
case "diffence":
|
|
dom = <SalaryDiffence {...this.props} ref={dom => this.diffence = dom}/>;
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
return dom;
|
|
};
|
|
|
|
render() {
|
|
const tabs = [
|
|
{ key: "person", title: getLabel(543547, "人员确认") },
|
|
{ key: "calc", title: getLabel(538011, "薪资核算") },
|
|
{ key: "approval", title: getLabel(111, "工资申请表流程审批") },
|
|
{ key: "deptSummary", title: getLabel(111, "部门汇总表") },
|
|
{ key: "diffence", title: getLabel(111, "差异对比表") }
|
|
];
|
|
const { calculateStore: { setOtherConditions, ECSearchForm } } = this.props;
|
|
const { selectedKey, progressVisible, progress, customExpDialog, salaryImpDialog } = this.state;
|
|
const itemRender = {
|
|
statuses: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch
|
|
fieldConfig={{ ...field, options: _.find(ECSearchForm.fieldArr, o => getKey(o) === "statuses").options }}
|
|
form={form} formParams={formParams} onChange={v => {
|
|
this[selectedKey].onAdSearch(false);
|
|
}}/>) : null;
|
|
},
|
|
hireDate: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch fieldConfig={{ ...field, ...textAreaProps }} form={form} formParams={formParams} onChange={v => {
|
|
this[selectedKey].onAdSearch(false);
|
|
}}/>) : null;
|
|
},
|
|
zzrq: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch fieldConfig={{ ...field, ...textAreaProps }} form={form} formParams={formParams} onChange={v => {
|
|
this[selectedKey].onAdSearch(false);
|
|
}}/>) : null;
|
|
},
|
|
departmentIds: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch fieldConfig={{ ...field, ...textAreaProps }} form={form} formParams={formParams} onChange={v => {
|
|
this[selectedKey].onAdSearch(false);
|
|
}}/>) : null;
|
|
},
|
|
workcode: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch
|
|
fieldConfig={{
|
|
...field, ...textAreaProps,
|
|
otherParams: { onEnter: () => this[selectedKey].onAdSearch(false) }
|
|
}}
|
|
form={form} formParams={formParams}/>) : null;
|
|
},
|
|
employeeName: (field, textAreaProps, form, formParams) => {
|
|
return form.isFormInit ? (
|
|
<WeaSwitch fieldConfig={{
|
|
...field, ...textAreaProps,
|
|
otherParams: { onEnter: () => this[selectedKey].onAdSearch(false) }
|
|
}} form={form} formParams={formParams}/>) : null;
|
|
},
|
|
subcompanyIds: () => null,
|
|
positionIds: () => null,
|
|
consolidatedTaxation: () => null
|
|
};
|
|
return (
|
|
<Layout {...this.props} init={this.init}>
|
|
<div className="salary-calculate-do-calc">
|
|
<WeaReqTop
|
|
title={getLabel(538011, "薪资核算")} tabDatas={tabs} selectedKey={selectedKey}
|
|
buttonSpace={10} icon={<i className="icon-coms-fa"/>} iconBgcolor="#F14A2D"
|
|
onChange={key => this.setState({ selectedKey: key }, () => {
|
|
ECSearchForm.resetForm();
|
|
setOtherConditions([]);
|
|
})} buttons={this.renderReqBtns()}>
|
|
<div className="salary-calculate-do-calc-content">
|
|
{
|
|
["calc", "approval", "diffence"].includes(selectedKey) &&
|
|
<WeaSearchGroup className="flatten-advance-layout" needTigger={false} showGroup={false}
|
|
title={<div className="flatten-advance-title">
|
|
<FormInfo center={false} itemRender={itemRender} form={ECSearchForm}
|
|
formFields={editCalcSearchConditions} colCount={6}
|
|
className="flatten-advance-form"/>
|
|
<AdvanceInputBtn onOpenAdvanceSearch={() => this[selectedKey].openAdvanceSearch()}
|
|
onAdvanceSearch={() => this[selectedKey].onAdSearch(false)}/>
|
|
</div>}/>
|
|
}
|
|
{this.renderContent()}
|
|
</div>
|
|
{
|
|
progressVisible &&
|
|
<ProgressModal
|
|
visible={progressVisible}
|
|
onCancel={() => {
|
|
this.setState({ progressVisible: false, progress: 0 }, () => clearInterval(this.timer));
|
|
}}
|
|
progress={parseFloat(progress).toFixed(2)}
|
|
/>
|
|
}
|
|
{/* 薪资核算-自定义导出*/}
|
|
<CustomCalcExportDialog {...customExpDialog} onCancel={() => {
|
|
this.setState({
|
|
customExpDialog: { ...customExpDialog, visible: false }
|
|
});
|
|
}}/>
|
|
{/* 薪资核算-导入*/}
|
|
<SalaryEditCalcImport {...salaryImpDialog} onCancel={(isFresh) => {
|
|
this.setState({
|
|
salaryImpDialog: { ...salaryImpDialog, visible: false }
|
|
}, () => isFresh && this.calc.onAdSearch(false));
|
|
}}/>
|
|
</WeaReqTop>
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Index; |