salary-management-front/pc4mobx/hrmSalary/pages/declareDetail/components/paymentFeedBackDetail.js

43 lines
1.4 KiB
JavaScript

/*
* Author: 黎永顺
* name: 在线申报-三方缴款详情
* Description:
* Date: 2023/8/22
*/
import React, { Component } from "react";
import { WeaDialog, WeaLocaleProvider } from "ecCom";
const { getLabel } = WeaLocaleProvider;
class PaymentFeedBackDetail extends Component {
render() {
const { showData } = this.props;
return (
<WeaDialog
{...this.props} className="paymentDialog" initLoadCss
style={{ width: 550 }}
>
<div className="with-holding-pay-detail">
<div className="status">{getLabel(111, "缴款成功")}</div>
<div className="line">
<div className="label">{getLabel(111, "状态:")}</div>
<div className="value">{getLabel(111, "申报成功,已缴款")}</div>
</div>
<div className="line">
<div className="label">{getLabel(111, "实缴金额:")}</div>
<div
className="value">{showData.payAmount} &nbsp;&nbsp;&nbsp;&nbsp; {parseFloat(showData.otherAmount) > 0 ? `(含滞纳金等{${showData.otherAmount}元)` : ""} </div>
</div>
<div className="line">
<div className="label">{getLabel(111, "申报人数:")}</div>
<div className="value">{showData.personNum} </div>
</div>
</div>
</WeaDialog>
);
}
}
export default PaymentFeedBackDetail;