Compare commits

...

3 Commits

4 changed files with 130 additions and 4 deletions

View File

@ -53,3 +53,7 @@ export const apiflowWarnReceiverGetForm = (params) => {
export const apiflowWarnReceiverDelete = (params) => {
return WeaTools.callApi("/api/bs/hrmsalary/taxdeclaration/apiflow/warn/receiver/delete", "GET", params);
};
//智能算薪-月度统计详情
export const getStatisticsDetailList = (params) => {
return postFetch("/api/bs/hrmsalary/taxdeclaration/apiflow/statistics/detail/list", params);
};

View File

@ -8,6 +8,7 @@ import React, { Component } from "react";
import { Button, message, Spin } from "antd";
import { WeaLocaleProvider, WeaTable } from "ecCom";
import { apiflowStatisticsInfo, apiflowStatisticsList } from "../../../apis/intelligentCalculateSalarySettings";
import MonthStaticsDetailDialog from "./monthStaticsDetailDialog";
const getLabel = WeaLocaleProvider.getLabel;
@ -34,7 +35,7 @@ class InterfaceFlowStatistics extends Component {
},
columns: [], dataSource: [],
pageInfo: { current: 1, pageSize: 10, total: 0 },
loading: false
loading: false, detailDialog: { visible: false, taxAgentId: "" }
};
}
@ -96,7 +97,7 @@ class InterfaceFlowStatistics extends Component {
};
render() {
const { statisticsInfo, pageInfo, loading, dataSource, columns } = this.state;
const { statisticsInfo, pageInfo, loading, dataSource, columns, detailDialog } = this.state;
const { staticData } = statisticsInfo;
const pagination = {
...pageInfo,
@ -147,13 +148,20 @@ class InterfaceFlowStatistics extends Component {
...columns,
{
title: getLabel(30585, "操作"), dataIndex: "operate",
render: () => (<a href="">{getLabel(111, "月统计详情")}</a>)
render: (__, record) => (<a href="javascript:void(0);" rel="noreferrer"
onClick={() => this.setState({
detailDialog: {
visible: true, taxAgentId: record.taxAgentId
}
})}>{getLabel(111, "月统计详情")}</a>)
}
]}
scroll={{ y: `calc(100vh - 190px)` }}
/>
}
</div>
<MonthStaticsDetailDialog {...detailDialog}
onCancel={() => this.setState({ detailDialog: { visible: false, taxAgentId: "" } })}/>
</div>
);
}

View File

@ -0,0 +1,98 @@
/*
* 月度统计详情
*
* @Author: 黎永顺
* @Date: 2026/2/10
* @Wechat:
* @Email: 971387674@qq.com
* @description:
*/
import React, { Component } from "react";
import { WeaDialog, WeaLocaleProvider, WeaTable } from "ecCom";
import { getStatisticsDetailList } from "../../../../apis/intelligentCalculateSalarySettings";
import "./index.less";
const getLabel = WeaLocaleProvider.getLabel;
class MonthStaticsDetailDialog extends Component {
constructor(props) {
super(props);
this.state = {
dataSource: [], columns: [], pageInfo: { current: 1, pageSize: 10, total: 0 },
loading: false
};
}
componentWillReceiveProps(nextProps, nextContext) {
if (nextProps.visible !== this.props.visible && nextProps.visible) this.getStatisticsDetailList(nextProps);
if (nextProps.visible !== this.props.visible && !nextProps.visible) {
this.setState({
dataSource: [], columns: [], pageInfo: { current: 0, pageSize: 10, total: 0 },
loading: false
});
}
}
getStatisticsDetailList = (props) => {
const { pageInfo } = this.state, { taxAgentId } = props || this.props;
const payload = { ...pageInfo, taxAgentId };
this.setState({ loading: true });
getStatisticsDetailList(payload).then(({ status, data }) => {
this.setState({ loading: false });
if (status) {
const { columns, list: dataSource, pageNum: current, pageSize, total } = data;
this.setState({
pageInfo: { current, pageSize, total }, dataSource, columns
});
}
}).catch(() => this.setState({ loading: false }));
};
render() {
const { loading, dataSource, columns, pageInfo } = this.state;
const pagination = {
...pageInfo,
showTotal: total => `${getLabel(18609, "共")} ${total} ${getLabel(18256, "条")}`,
showQuickJumper: true,
showSizeChanger: true,
pageSizeOptions: ["10", "20", "50", "100"],
onShowSizeChange: (current, pageSize) => {
this.setState({
pageInfo: { ...pageInfo, current, pageSize }
}, () => this.getStatisticsDetailList());
},
onChange: current => {
this.setState({
pageInfo: { ...pageInfo, current }
}, () => this.getStatisticsDetailList());
}
};
const scrollHeight = this.logRef ? this.logRef.state.height - 144 : 606.6;
return (
<WeaDialog
{...this.props} title={getLabel(111, "月度统计详情")}
ref={dom => this.logRef = dom} className="statiscalDialog" initLoadCss
style={{
width: 1150,
height: 606.6,
minHeight: 200,
minWidth: 380,
maxHeight: "90%",
maxWidth: "90%",
overflow: "hidden",
transform: "translate(0px, 0px)"
}}
>
<div className="statiscalDialogContent">
<WeaTable
columns={columns} dataSource={dataSource}
loading={loading} className="statiscalTable"
pagination={pagination} scroll={{ y: `${scrollHeight}px` }}
/>
</div>
</WeaDialog>
);
}
}
export default MonthStaticsDetailDialog;

View File

@ -0,0 +1,16 @@
.statiscalDialog {
.wea-dialog-body {
overflow-y: hidden;
}
.statiscalDialogContent {
background: #F6F6F6;
padding: 16px;
width: 100%;
height: 100%;
.statiscalTable {
background: #FFFFFF;
}
}
}