/*
 * 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;
