109 lines
3.2 KiB
JavaScript
109 lines
3.2 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 报表内容区
|
|
* Description:
|
|
* Date: 2023/4/21
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { Spin } from "antd";
|
|
import RightOptions from "./rightOptions";
|
|
import { reportStatisticsReportGetData } from "../../../apis/statistics";
|
|
import "../index.less";
|
|
|
|
class ReportContent extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
columns: [],
|
|
dataSource: [],
|
|
countResult: {},
|
|
loading: false
|
|
};
|
|
}
|
|
|
|
componentDidMount() {
|
|
window.addEventListener("message", this.handleReceive, false);
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps, nextContext) {
|
|
if (nextProps.report !== this.props.report && nextProps.report.dimensionId) {
|
|
this.reportStatisticsReportGetData(nextProps.report.id, nextProps.report.dimensionId);
|
|
}
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
window.removeEventListener("message", this.handleReceive, false);
|
|
}
|
|
|
|
handleReceive = ({ data }) => {
|
|
const { type } = data;
|
|
if (type === "init") {
|
|
const { columns, countResult, dataSource } = this.state;
|
|
this.postMessageToChild({
|
|
columns, countResult, dataSource,
|
|
showSum: !_.isEmpty(countResult)
|
|
});
|
|
} else if (type === "turn") {
|
|
}
|
|
};
|
|
postMessageToChild = (payload) => {
|
|
const childFrameObj = document.getElementById("atdTable");
|
|
const { dataSource, columns, showSum, countResult } = payload;
|
|
childFrameObj.contentWindow.postMessage(JSON.stringify({
|
|
dataSource, columns, showSum, countResult
|
|
}), "*");
|
|
};
|
|
|
|
reportStatisticsReportGetData = (id, dimensionId) => {
|
|
const payload = { id, dimensionId };
|
|
this.setState({ loading: true });
|
|
reportStatisticsReportGetData(payload).then(({ status, data }) => {
|
|
this.setState({ loading: false });
|
|
if (status) {
|
|
const { countResult, columns, pageInfo: { list } } = data;
|
|
this.setState({
|
|
countResult,
|
|
columns: _.map(columns, it => ({
|
|
...it,
|
|
dataIndex: it.column, width: 150,
|
|
title: it.text, align: "center",
|
|
children: !_.isNil(it.children) ? _.map(it.children, child => ({
|
|
...child,
|
|
dataIndex: child.column, width: 150,
|
|
title: child.text, align: "center"
|
|
})) : []
|
|
})),
|
|
dataSource: list || []
|
|
}, () => {
|
|
this.postMessageToChild({
|
|
columns: this.state.columns, countResult: this.state.countResult,
|
|
dataSource: this.state.dataSource,
|
|
showSum: !_.isEmpty(this.state.countResult)
|
|
});
|
|
});
|
|
}
|
|
}).catch(() => this.setState({ loading: false }));
|
|
};
|
|
|
|
render() {
|
|
const { loading } = this.state;
|
|
return (
|
|
<div className="layoutContent">
|
|
<div className="layoutBox">
|
|
<Spin spinning={loading}>
|
|
<iframe
|
|
style={{ border: 0, width: "100%", height: "100%" }}
|
|
// src="http://localhost:7607/#/reportTable"
|
|
src="/spa/hrmSalary/hrmSalaryCalculateDetail/index.html#/reportTable"
|
|
id="atdTable"
|
|
/>
|
|
</Spin>
|
|
</div>
|
|
<RightOptions/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default ReportContent;
|