产品-薪酬统计分析管理模块
This commit is contained in:
parent
c048565890
commit
29b8d377d3
|
|
@ -99,6 +99,7 @@ class ReportContent extends Component {
|
|||
/>
|
||||
</Spin>
|
||||
</div>
|
||||
{/*侧边栏*/}
|
||||
<RightOptions/>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -5,8 +5,11 @@
|
|||
* Date: 2023/4/21
|
||||
*/
|
||||
import React, { Component } from "react";
|
||||
import { WeaLocaleProvider } from "ecCom";
|
||||
import "../index.less";
|
||||
|
||||
const { getLabel } = WeaLocaleProvider;
|
||||
|
||||
class RightOptions extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
|
@ -22,11 +25,11 @@ class RightOptions extends Component {
|
|||
<div className="sideBox">
|
||||
<div className="sideMain">
|
||||
<div className="toll-bar-container" style={{ alignItems: show && "center" }}>
|
||||
<i className="icon-coms-background" title="数据视图"/>
|
||||
<i className="icon-portal-reportform-o" title="柱状图"/>
|
||||
<i className="icon-coms-Line" title="折线图"/>
|
||||
<i className="icon-coms-Pie" title="饼图"/>
|
||||
<i className="icon-coms-Flow-setting" title="设置"/>
|
||||
<i className="icon-coms-background" title={getLabel(111, "数据视图")}/>
|
||||
<i className="icon-portal-reportform-o" title={getLabel(111, "柱状图")}/>
|
||||
<i className="icon-coms-Line" title={getLabel(111, "折线图")}/>
|
||||
<i className="icon-coms-Pie" title={getLabel(111, "饼图")}/>
|
||||
<i className="icon-coms-Flow-setting" title={getLabel(111, "设置")}/>
|
||||
</div>
|
||||
</div>
|
||||
<span className="show-btn-right"
|
||||
|
|
|
|||
|
|
@ -32,7 +32,6 @@ import {
|
|||
import { commonEnumList } from "../../../apis/ruleconfig";
|
||||
import "../index.less";
|
||||
|
||||
|
||||
const { getLabel } = WeaLocaleProvider;
|
||||
|
||||
class StatisticalMicroSettingsSlide extends Component {
|
||||
|
|
@ -284,7 +283,9 @@ class StatisticalMicroSettingsSlide extends Component {
|
|||
columns={columns}
|
||||
dataSource={dataSource}
|
||||
draggable={true}
|
||||
onDrop={dataSource => this.setState({ dataSource })}
|
||||
onDrop={datas => this.setState({
|
||||
dataSource: _.map(datas, (it, idx) => ({ ...it, indexValue: idx.toString() }))
|
||||
})}
|
||||
pagination={false}
|
||||
rowSelection={rowSelection}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -84,6 +84,17 @@ class Index extends Component {
|
|||
}
|
||||
});
|
||||
};
|
||||
/*
|
||||
* Author: 黎永顺
|
||||
* Description: 导出报表数据
|
||||
* Params:
|
||||
* Date: 2023/4/24
|
||||
*/
|
||||
exportData = () => {
|
||||
const { report } = this.state;
|
||||
const { id, dimensionId } = report;
|
||||
window.open(`${window.location.origin}/api/bs/hrmsalary/report/statistics/report/exportData?id=${id}&dimensionId=${dimensionId}`, "_self");
|
||||
};
|
||||
|
||||
render() {
|
||||
const { report, dimensionList, statisticalPayload } = this.state;
|
||||
|
|
@ -123,10 +134,12 @@ class Index extends Component {
|
|||
<div className="iconWrapper">
|
||||
<i
|
||||
className="icon-coms02-currency"
|
||||
title={getLabel(111, "统计数据范围及规则设置")}
|
||||
onClick={() => this.setState({
|
||||
statisticalPayload: { visible: true, id: report.id, dimension: report.dimensionId }
|
||||
})}
|
||||
/>
|
||||
<i className="icon-coms-export" onClick={this.exportData} title={getLabel(111, "导出")}/>
|
||||
</div>
|
||||
{/*统计数据范围及规则设置弹框*/}
|
||||
<StatisticalMicroSettingsSlide
|
||||
|
|
|
|||
|
|
@ -70,13 +70,16 @@
|
|||
align-items: center;
|
||||
white-space: nowrap;
|
||||
|
||||
.icon-coms02-currency {
|
||||
i.icon-coms02-currency, i.icon-coms-export {
|
||||
font-size: 16px;
|
||||
color: #2db7f5;
|
||||
margin: 0 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
i.icon-coms02-currency {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.dimension {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Reference in New Issue