产品-薪酬统计分析管理模块

This commit is contained in:
黎永顺 2023-04-24 18:30:47 +08:00
parent c048565890
commit 29b8d377d3
5 changed files with 30 additions and 9 deletions

View File

@ -99,6 +99,7 @@ class ReportContent extends Component {
/>
</Spin>
</div>
{/*侧边栏*/}
<RightOptions/>
</div>
);

View File

@ -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"

View File

@ -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}
/>

View File

@ -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

View File

@ -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;