<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>
  <div class="user-info border-1" nz-row>
    <div nz-col nzSpan="24" class="d-flex p-md">
      <img class="user-logo" [src]="detailInfo?.logo" />
      <div style="flex: 1;">
        <div>
          <h3>{{detailInfo?.company}}</h3>
          <div class="mb-sm">
            <span class="letf-box text-grey-dark">{{detailInfo?.code}}</span>
            <span class="mr-xs">{{detailInfo?.proxy}}</span>
          </div>
          <div>
            <span class="letf-box">添加时间：{{detailInfo?.createTime}}</span>
            <span>所属城市：{{detailInfo?.belongCity}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="mt-md" nz-row>
    <div nz-col [nzSpan]="12">
      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"> </sf>
    </div>
    <div nz-col [nzSpan]="8">
      <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="search()">查询</button>
      <button nz-button (click)="resetSF()">重置</button>
      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
    </div>
  </div>
</nz-card>
<nz-card>

  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{x:'1500px'}"
    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500] }"></st>
</nz-card>
