38 lines
1.5 KiB
JavaScript
38 lines
1.5 KiB
JavaScript
/*
|
|
*
|
|
* 薪资所属月-提示框
|
|
* @Author: 黎永顺
|
|
* @Date: 2024/7/15
|
|
* @Wechat:
|
|
* @Email: 971387674@qq.com
|
|
* @description:
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { WeaHelpfulTip, WeaLocaleProvider } from "ecCom";
|
|
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
|
|
class SalaryMonthHelpfulTip extends Component {
|
|
render() {
|
|
const { salarySendDetailBaseInfo = {} } = this.props;
|
|
const { salarySobCycle: { salaryCycle, taxCycle, attendCycle, socialSecurityCycle } } = salarySendDetailBaseInfo;
|
|
const { fromDate, endDate } = salaryCycle;
|
|
const { fromDate: aFromDate, endDate: aEndDate } = attendCycle;
|
|
return (
|
|
<WeaHelpfulTip width={200} placement="topLeft"
|
|
title={<div>
|
|
<div>{getLabel(111, "薪资周期")}</div>
|
|
<div><span>{fromDate}</span><span>{getLabel(111, "至")}</span><span>{endDate}</span></div>
|
|
<div>{getLabel(111, "税款所属期")}</div>
|
|
<div>{taxCycle}</div>
|
|
<div>{getLabel(111, "考勤取值周期")}</div>
|
|
<div><span>{aFromDate}</span><span>{getLabel(111, "至")}</span><span>{aEndDate}</span></div>
|
|
<div>{getLabel(111, "福利台账月份")}</div>
|
|
<div>{`${getLabel(111, "引用")}${socialSecurityCycle}${getLabel(111, "的福利台账数据")}`}</div>
|
|
</div>}/>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default SalaryMonthHelpfulTip;
|