<page-header-wrapper title="收款单" [logo]="logo">
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>
  </ng-template>
</page-header-wrapper>

<nz-card class="search-box">
  <div nz-row>
    <div nz-col nzSpan="24">
      <se-container col="3" labelWidth="100">
        <se-title class="mb-md" style="font-size: 18px">基本信息</se-title>
        <se label="网络货运人" required>
          {{ costInfo?.ltdName }}
        </se>
        <se label="到账日期" required>
          {{ costInfo?.brmdate }}
        </se>
        <se label="收款方式" required>
          {{ costInfo?.brmModeLabel }}
        </se>
        <se label="银行类型">
          {{ costInfo?.banktypeLabel }}
        </se>
        <se label="付款人" required>
          {{ costInfo?.artoname }}
        </se>
        <se label="收款类型" required>
          {{ costInfo?.brmtypeLabel }}
        </se>
        <se label="收款账户" required>
          {{ costInfo?.ltdaccountId }}
        </se>
        <se label="尾差">
          {{ costInfo?.recnopay |currency }}
        </se>
        <se label="手续费">
          {{ 0 |currency }}
        </se>
        <se label="到账金额" required>
          {{ costInfo?.brmmoney |currency }}
        </se>
        <se label="核销金额">
          {{ costInfo?.brmmoney |currency }}
        </se>
        <se label="银行水单">
          {{ costInfo?.bankreceipt }}
        </se>
        <se label="预收金额">
          {{ costInfo?.brmmoney |currency }}
        </se>
        <se label="收款备注">
          {{ costInfo?.remarks }}
        </se>
      </se-container>
    </div>
  </div>
</nz-card>

<nz-card class="content-box" nzBordered>
  <nz-tabset>
    <!-- <nz-tab nzTitle="核销信息">
      <st #st [scroll]="{ x: '2000px' }" [data]="[]" [columns]="columns.cost" [page]="{ show: false }"
        [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
        <ng-template st-row="hrvatmoney" let-item let-index="index">
          {{ item.hrvatmoney | currency}}
        </ng-template>
        <ng-template st-row="armoney" let-item let-index="index">
          {{ item.armoney | currency}}
        </ng-template>
        <ng-template st-row="arkpmoney" let-item let-index="index">
          {{ item.arkpmoney | currency}}
        </ng-template>
        <ng-template st-row="no" let-item let-index="index" let-column="column">
        </ng-template>
      </st>
    </nz-tab> -->
    <nz-tab nzTitle="预收信息">
      <st #st [scroll]="{ x: '2000px' }" [data]="service.$api_get_receipt_detail" [columns]="columns.requested"
        [req]="{ method: 'POST', allInBody: true, process: beforeReq }" [res]="{ reName: { list: 'data' } }"
        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
        <ng-template st-row="vatnotax" let-item let-index="index">
          {{ item.vatnotax | currency}}
        </ng-template>
        <ng-template st-row="vatmoney" let-item let-index="index">
          {{ item.vatmoney | currency}}
        </ng-template>
        <ng-template st-row="no" let-item let-index="index" let-column="column">
          {{ index + 1 }}
        </ng-template>
      </st>
    </nz-tab>
  </nz-tabset>
</nz-card>