<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-01-05 20:15:41
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-01-18 17:17:19
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\withdrawals-record\\withdrawals-detail\\withdrawals-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper [title]="'入账详情'" [logo]="logo" [action]="action">
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>
  </ng-template>
  <ng-template #action>
    <div class="mr-xl">
      <p class="text-lg mb-sm mt-xs">{{formData?.stsLabel}}</p>
      <div *ngIf="formData?.sts === '0' || formData?.sts ==='1'">
        <button nz-button [nzType]="'primary'" (click)="auditAction(formData,formData?.refundStatus)">{{formData?.sts
          ===
          '0' ?'审核':'复审'}}</button>
      </div>
    </div>
  </ng-template>
</page-header-wrapper>


<nz-card [nzLoading]="service.http.loading">
  <nz-alert nzType="info" nzMessage="入账信息" class="mb-md"></nz-alert>
  <div se-container [labelWidth]="130">
    <se label="账户名称">
      {{formData?.accountName}}
    </se>
    <se label="网络货运人">
      {{formData?.ltdName}}
    </se>
    <se label="入账单号">
      {{formData?.entryNumber}}
    </se>
    <se label="银行类型">
      {{formData?.bankName}}
    </se>
    <se label="虚拟账户">
      {{formData?.fictitiousAccount}}
    </se>
    <se label="提交时间">
      {{formData?.submitTime}}
    </se>
    <se label="开票金额">
      {{formData?.invoiceAmount | currency}}
    </se>
    <se label="代缴个税">
      {{formData?.taxPersonal | currency}}
    </se>
    <se label="入账金额">
      {{formData?.recordedAmount | currency}}
    </se>
    <se label="入账状态">
      {{formData?.stsLabel}}
    </se>
    <se label="发票图片">
      <img *ngIf="formData?.invoiceUrl" nz-image width="100px" height="100px" [nzSrc]="formData?.invoiceUrl" alt="" />
      <span *ngIf="!formData?.invoiceUrl">-</span>
    </se>
    <se label="快递单号">
      {{formData?.expressName}}
    </se>
    <se label="纳税凭证">
      <img *ngIf="formData?.taxVoucherUrl" nz-image width="100px" height="100px" [nzSrc]="formData?.taxVoucherUrl"
        alt="" />
      <span *ngIf="!formData?.taxVoucherUrl">-</span>
    </se>
    <se label="银行流水号">
      {{formData?.bankFlow}}
    </se>
  </div>

  <nz-alert nzType="info" nzMessage="入账进度" class="mb-md mt-md"></nz-alert>
  <div nz-row class="mt-xl">
    <div nz-col nzSpan="12" nzOffset="1">
      <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
    </div>
  </div>
</nz-card>

<ng-template #auditModal>
  <div nz-row nzGutter="8">
    <div nz-col nzSpan="24" se-container [labelWidth]="80">
      <se [col]="1" label="备注">
        <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
          style="width: 325px;margin-left: 14px;"></textarea>
      </se>
    </div>
  </div>
</ng-template>
