<!-- start 面包屑 -->
<app-breadcrumb></app-breadcrumb>
<!-- end 面包屑 -->
<!--条件搜索-->
<nz-spin [nzSpinning]="loadingObject.spinning" nzTip="{{loadingObject.msg}}">
  <div class="inner-content">
    <form nz-form [formGroup]="searchForm" (ngSubmit)="search(searchForm.value)">
      <div nz-row>
        <div nz-col nzSpan="8">
          <nz-form-item>
            <nz-form-label [nzSpan]="8">商户号</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <nz-select nzShowSearch formControlName="merNo"  [nzDropdownMatchSelectWidth]="false">
                <nz-option *ngFor="let item of merArray" nzLabel="（{{item.merNo}}）{{item.merName}}" nzValue="{{item.merNo}}"></nz-option>
              </nz-select>
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col nzSpan="8">
          <nz-form-item>
            <nz-form-label [nzSpan]="8">清算起始日期</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <nz-date-picker style="width: 100%;" (ngModelChange)="searchSettleTime(1, $event)" [nzDisabledDate]="disabledDate" [nzShowToday]="false" [nzAllowClear]="false" [nzFormat]="'yyyy-MM-dd'" formControlName="settleTimeS"></nz-date-picker>
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col nzSpan="8">
          <nz-form-item>
            <nz-form-label [nzSpan]="8">清算终止日期</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <nz-date-picker style="width: 100%;" (ngModelChange)="searchSettleTime(2, $event)"[nzDisabledDate]="disabledDate" [nzShowToday]="false" [nzAllowClear]="false" [nzFormat]="'yyyy-MM-dd'" formControlName="settleTimeE"></nz-date-picker>
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col nzSpan="8">
          <nz-form-item>
            <nz-form-label [nzSpan]="8">商户交易号</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <input type="text" nz-input formControlName="outTradeNo" />
            </nz-form-control>
          </nz-form-item>
        </div>

        <div nz-col nzSpan="8">
          <nz-form-item>
            <nz-form-label [nzSpan]="8">渠道交易号</nz-form-label>
            <nz-form-control [nzSpan]="14">
              <input type="text" nz-input formControlName="accTradeNo" />
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>

      <div nz-row>
        <div nz-col nzSpan="24" class="search-button">
          <button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button>
          <button nz-button nzType="default" (click)="resetForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button>
        </div>
      </div>
    </form>
  </div>

  <div class="inner-content">
    <article nz-typography>
      <p>
        <span nz-typography nzType="warning"><strong>汇总：</strong></span>
        笔数 <span nz-typography nzType="warning"><strong>{{dataObject.totalTradeNum}}</strong></span>、
        交易金额 <span nz-typography nzType="warning"><strong>{{dataObject.totalTradeAmount}}</strong></span> 元、
        手续费 <span nz-typography nzType="warning"><strong>{{dataObject.totalShdFeeAmount}}</strong></span> 元、
        应结算金额 <span nz-typography nzType="warning"><strong>{{dataObject.totalSettleAmount}}</strong></span> 元
        <button nz-button nzType="primary" style="float: right;" (click)="download()">下载</button>
      </p>
    </article>
    <!--数组表格 -->
    <nz-table #basicTable
              nzBordered
              nzShowSizeChanger
              nzSize="small"
              [nzFrontPagination]="false"
              [nzData]="dataObject.settleDetailList.list"
              [nzTotal]="dataObject.settleDetailList.total"
              [nzLoading]="tableLoading"
              (nzPageIndexChange)="requestData($event, pageSize)"
              (nzPageSizeChange)="requestData(pageNum, $event)"
              [nzScroll]="{ x: '2200px'}"
    >
      <thead>
      <tr>
        <th nzWidth="35px">序号</th>
        <th nzWidth="120px">商户号</th>
        <th nzWidth="150px">商户名称</th>
        <th nzWidth="120px">交易时间</th>
        <th nzWidth="80px">交易金额</th>
        <th nzWidth="80px">交易手续费</th>
        <th nzWidth="80px">应结算金额</th>
        <th nzWidth="80px">交易类型</th>
        <th nzWidth="80px">支付渠道</th>
        <th nzWidth="160px">商户交易号</th>
        <th nzWidth="160px">渠道交易号</th>
        <th nzWidth="80px">清算日期</th>
        <th nzWidth="60px">手续费率</th>
        <th nzWidth="160px">原商户交易号</th>
        <!--           <th nzWidth="40px" nzRight="0px">操作</th>-->
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data;let i = index">
        <td>{{i + 1}}</td>
        <td>{{data.merNo}}</td>
        <td>{{data.merName}}</td>
        <td>{{data.tradeTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
        <td>{{data.tradeType == 2?'-'+data.tradeAmount : data.tradeAmount}}</td>
        <td>{{data.tradeType == 2?'-'+data.shdFeeAmt : data.shdFeeAmt}}</td>
        <td>{{data.tradeType == 2?'-'+data.settleAmount : data.settleAmount}}</td>
        <td>{{data.tradeType | settleType }}</td>
        <td>{{data.payMode | payMode}}</td>
        <td>{{data.outTradeNo}}</td>
        <td>{{data.accTradeNo}}</td>
        <td>{{data.settleDate | date:'yyyy-MM-dd'}}</td>
        <td>{{data.feeRate + '%'}}</td>
        <td>{{data.orgOutTradeNo}}</td>
        <!--            <td nzRight="0px" class="table-td-operation">
                        <a (click)="showDetailModal(data.settleDay)">明细</a>
                    </td>-->
      </tr>
      </tbody>
    </nz-table>
  </div>
</nz-spin>
<!--
<nz-modal [nzVisible]="dataDetailModal" nzWidth="1000px" nzTitle="明细" [nzFooter]="null" (nzOnCancel)="closeDetailModal()">
  <nz-table #detailTable nzSize="middle" [nzData]="dataObject.settleDetailList">
    <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Address</th>
      <th>Action</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of detailTable.data">
      <td>{{data.name}}</td>
      <td>{{data.age}}</td>
      <td>{{data.address}}</td>
      <td>
        <a>Action 一 {{data.name}}</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a>Delete</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</nz-modal>
-->


<!--startprint-->
<!--<div id="print-content" style="display: none">
    <nz-layout>
        <nz-content>
            <div class="inner-content">
                <article nz-typography>
                    <p>
                        <span nz-typography><strong>清算日期: {{this.searchForm.value.settleTimeS | date: 'yyyy-MM-dd'}}  至  {{this.searchForm.value.settleTimeE | date: 'yyyy-MM-dd'}}</strong></span>
                    </p>
                </article>
                <article nz-typography>
                    <p>
                        <span nz-typography nzType="warning"><strong>汇总：</strong></span>
                        笔数 <span nz-typography nzType="warning"><strong>{{dataObject.totalTradeNum}}</strong></span>、
                        交易金额 <span nz-typography nzType="warning"><strong>{{dataObject.totalTradeAmount}}</strong></span> 元、
                        手续费 <span nz-typography nzType="warning"><strong>{{dataObject.totalShdFeeAmount}}</strong></span> 元、
                        应结算金额 <span nz-typography nzType="warning"><strong>{{dataObject.totalSettleAmount}}</strong></span> 元
                    </p>
                </article>
                &lt;!&ndash;数组表格 &ndash;&gt;
                <nz-table #basicTable
                          nzBordered
                          nzSize="middle"
                          [nzData]="dataObject.settleDetailList"
                          [nzTotal]="dataObject.settleDetailList.length"
                          [nzLoading]="tableLoading"
                          [nzScroll]="{ x: '595px'}">
                    <thead>
                    <tr>
                        <th nzWidth="90px">清算日期</th>
                        <th nzWidth="100px">商户号</th>
                        <th nzWidth="130px">商户名称</th>
                        <th nzWidth="80px">交易金额</th>
                        <th nzWidth="80px">清算金额</th>
                        <th nzWidth="80px">手续费</th>
                        <th nzWidth="80px">交易笔数</th>
                        &lt;!&ndash;            <th nzWidth="40px" nzRight="0px">操作</th>&ndash;&gt;
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let data of basicTable.data;let i = index">
                        <td>{{data.settleDay}}</td>
                        <td>{{data.merNo}}</td>
                        <td>{{data.merName}}</td>
                        <td>{{data.tradeAmount}}</td>
                        <td>{{data.settleAmount}}</td>
                        <td>{{data.shdFeeAmount}}</td>
                        <td>{{data.tradeNum}}</td>
                        &lt;!&ndash;<td nzRight="0px" class="table-td-operation">
                            <a [routerLink]="['/admin/agent/detail']" [queryParams]="{agentId: data.id}">明细</a>
                        </td>&ndash;&gt;
                    </tr>
                    </tbody>
                </nz-table>
            </div>
            <img style="z-index: 0;margin: -150px 0px 0px 75%; position: absolute;width: 175px;height: 150px;" src="https://pay.dctpay.com/filesystem/b6b7e8860b6135101334aa840eb7e17d.png">
        </nz-content>
    </nz-layout>
</div>-->
<!--endprint-->

