salary-management-front/pc4mobx/hrmSalary/pages/custom-pages/lingyue/salaryFile/rankReport/index.js

89 lines
3.2 KiB
JavaScript

/*
* 领悦薪酬档案报表
* 薪酬档案职级统计报表
* @Author: 黎永顺
* @Date: 2025/9/16
* @Wechat:
* @Email: 971387674@qq.com
* @description:
*/
import React, { Component } from "react";
import { WeaBrowser, WeaFormItem, WeaInputSearch, WeaLoadingGlobal, WeaLocaleProvider } from "ecCom";
import SalaryFileReportLayout from "../layout";
import SalaryFileReport from "../content";
import * as API from "../../../../../apis/custom-apis/lingyue";
const getLabel = WeaLocaleProvider.getLabel;
class Index extends Component {
constructor(props) {
super(props);
this.state = {
isQuery: false, queryParams: { pqList: "", xmList: "", zj: "" }
};
}
handleExport = async () => {
const { queryParams } = this.state;
const { pqList, xmList, ...extra } = queryParams;
WeaLoadingGlobal.start();
const payload = {
pqList: pqList ? pqList.split(",") : [],
xmList: xmList ? xmList.split(",") : [],
...extra
};
const promise = await API.exportXcdazjtjReport(payload);
};
getBrowserPatams = (type, title) => {
return {
completeParams: {},
conditionDataParams: {},
dataParams: {},
destDataParams: {},
hasAddBtn: false,
hasAdvanceSerach: false,
idSeparator: ",",
isAutoComplete: 1,
isDetail: 0,
isMultCheckbox: false,
isSingle: false,
icon: "icon-coms-hrm",
linkUrl: "",
pageSize: 10,
quickSearchName: "",
title,
type,
viewAttr: 2
};
};
render() {
const { queryParams, isQuery } = this.state;
const { zj, pqList, xmList } = queryParams;
return (
<SalaryFileReportLayout title={getLabel(111, "薪酬档案职级统计报表")} onExport={this.handleExport}>
<div className="lingyue-query">
<WeaFormItem label={getLabel(111, "片区")} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
<WeaBrowser type={194} value={pqList}
onChange={v => this.setState({ queryParams: { ...queryParams, pqList: v }, isQuery: !isQuery })}
title={getLabel(111, "片区")} {...this.getBrowserPatams(194, getLabel(111, "片区"))} />
</WeaFormItem>
<WeaFormItem label={getLabel(111, "项目")} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
<WeaBrowser type={194} value={xmList}
onChange={v => this.setState({ queryParams: { ...queryParams, xmList: v }, isQuery: !isQuery })}
title={getLabel(111, "项目")} {...this.getBrowserPatams(194, getLabel(111, "项目"))} />
</WeaFormItem>
<WeaFormItem label={getLabel(111, "职级")} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
<WeaInputSearch value={zj} onChange={v => this.setState({ queryParams: { ...queryParams, zj: v } })}
onSearch={() => this.setState({ isQuery: !isQuery })}/>
</WeaFormItem>
</div>
<SalaryFileReport type="xcdazjtjReport" isQuery={isQuery} queryParams={queryParams}
pieName={getLabel(111, "职级")}/>
</SalaryFileReportLayout>
);
}
}
export default Index;