<!--
 * @Author: your name
 * @Date: 2021-11-29 15:22:34
 * @LastEditTime : 2022-03-09 16:04:08
 * @LastEditors  : Shiming
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\driver-config\\driver-config.component.html
-->
<!-- 页头 -->
<page-header-wrapper></page-header-wrapper>
<nz-card>
  <!-- 搜索区 -->
  <!-- 搜索表单 -->
  <div nz-row nzGutter="8">
    <div nz-col [nzXl]=" 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
      <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true" [button]="'none'"></sf>
    </div>
    <div nz-col [nzXl]=" 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
        [acl-ability]="['USERCENTER-DRIVER-CONFIG-search']">查询</button>
      <button nz-button nzType="primary" [disabled]="false" (click)="exportList()" acl
        [acl-ability]="['USERCENTER-DRIVER-CONFIG-export']">导出</button>
      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
      <!-- <button nz-button nzType="link" (click)="expandToggle()">
        {{ !_$expand ? '展开' : '收起' }}
        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
      </button> -->
    </div>
  </div>
</nz-card>
<nz-card>
  <!-- 数据列表 -->
  <st #st [columns]="columns"  [scroll]="{ x: '1200px' }"[data]="service.$api_configPage" [req]="{  params: reqParams }"
    [loading]="false" [page]={}>
    <ng-template st-row="monthFreightAmount" let-item let-index="index">
      <div>{{item?.monthFreightAmount | currency}}</div>
    </ng-template>
    <ng-template st-row="dayWithdrawalAmount" let-item let-index="index">
      <div>{{item?.dayWithdrawalAmount | currency}}</div>
    </ng-template>
    <ng-template st-row="monthWithdrawalAmount" let-item let-index="index">
      <div>{{item?.monthWithdrawalAmount | currency}}</div>
    </ng-template>
    <ng-template st-row="monthReceivableAmount" let-item let-index="index">
      <div>{{item?.monthReceivableAmount | currency}}</div>
    </ng-template>
    <ng-template st-row="isCaptain" let-item let-index="index">
      <div>{{item?.isCaptain == 1 ? '车队长' : '司机'}}</div>
    </ng-template>
  </st>
</nz-card>