/*
  *
  * 薪资所属月-提示框
  * @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;