<div class="list-template">
  <div class="list-template__content">
    <div class="list-template__top" nz-row>
      <div nz-col nzXl='18' class="list-template__searchBox">
        <div class="list-template__searchItem">
          <nz-radio-group [(ngModel)]="dateType" (ngModelChange)="changeDateType($event)">
            <label *ngFor="let data of dateTypes" nz-radio-button [nzValue]="data.value">{{data.label}}</label>
          </nz-radio-group>
        </div>
        <div class="list-template__searchItem">
          <span class="label">发起时间</span>：
          <nz-range-picker *ngIf="dateType=='day'" [(ngModel)]="dateRange" [nzAllowClear]='false'
            [nzDisabledDate]="disabledDate" (ngModelChange)="changeDate($event)">
          </nz-range-picker>
          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeStart" [nzDisabledDate]="disabledMonthStart"
            (ngModelChange)="changeMonthStart($event)" nzPlaceHolder="请选择开始月份">
          </nz-month-picker>
          <span *ngIf="dateType=='month'"> ~ </span>
          <nz-month-picker *ngIf="dateType=='month'" [(ngModel)]="monthRangeEnd" [nzDisabledDate]="disabledMonthEnd"
            (ngModelChange)="changeMonthEnd($event)" nzPlaceHolder="请选择截止月份">
          </nz-month-picker>
          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeStart" [nzDisabledDate]="disabledYearStart"
            (ngModelChange)="changeYearStart($event)" nzPlaceHolder="请选择开始年份">
          </nz-year-picker>
          <span *ngIf="dateType=='year'"> ~ </span>
          <nz-year-picker *ngIf="dateType=='year'" [(ngModel)]="yearRangeEnd" (ngModelChange)="changeYearEnd($event)"
            [nzDisabledDate]="disabledYearEnd" nzPlaceHolder="请选择截止年份">
          </nz-year-picker>
        </div>
        <div class="list-template__searchItem ml8">
          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择时间"
            [(ngModel)]="defRange" (ngModelChange)="changeDateRange($event)">
            <nz-option nzLabel="{{data.label}}" nzValue="{{data.id}}" *ngFor="let data of defRanges"></nz-option>
          </nz-select>
        </div>
      </div>
      <div nz-col nzXl='6' class="list-template__btns">
        <button nz-button class="btn default" (click)='search(1)'>搜索</button>
        <button nz-button class="btn default ml8" (click)='export()' [nzLoading]="loading2">导出</button>
        <button nz-button class="btn default ml8" (click)='reset()'>重置</button>
      </div>
    </div>
		<div class="cont">
		  <div>
		    <span>总计</span>
		    <span class="rate"></span>
		  </div>
		  <div>
		    <span>送回科室数</span>
		    <span>{{summary.deptNum || 0}}</span>
		  </div>
		  <div>
		    <span>送回被服种类数</span>
		    <span>{{summary.clothesTypeTotalNum || 0}}</span>
		  </div>
		  <div>
		    <span>回收工单数</span>
		    <span>{{summary.getOrderTotal || 0}}</span>
		  </div>
		  <div>
		    <span>送回工单数</span>
		    <span>{{summary.sendOrderTotal || 0}}</span>
		  </div>
		  <div>
		    <span>洗涤数量</span>
		    <span>{{summary.sendClothesTotalNum || 0}}</span>
		  </div>
		  <div>
		    <span>总费用</span>
		    <span>{{summary.totalPrice || 0}}</span>
		  </div>
		</div>
    <div class="list-template__bottom">
      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
        [nzLoading]="loading1">
        <!-- <thead (nzSortChange)="sort($event)" nzSingleSort> -->
        <thead>
          <tr class="thead">
            <th nzWidth="5%">序号</th>
            <th nzWidth="11%">日期</th>
            <!-- <th nzShowSort nzWidth="14%" nzSortKey="deptNum" [(nzSort)]="sortCurrent.deptNum">送回科室数</th>
            <th nzShowSort nzWidth="14%" nzSortKey="clothesTypeNum" [(nzSort)]="sortCurrent.clothesTypeNum">送回被服种类数</th>
            <th nzShowSort nzWidth="14%" nzSortKey="getOrder" [(nzSort)]="sortCurrent.getOrder">回收工单数</th>
            <th nzShowSort nzWidth="14%" nzSortKey="sendOrder" [(nzSort)]="sortCurrent.sendOrder">送回工单数</th>
            <th nzShowSort nzWidth="14%" nzSortKey="sendClothesNum" [(nzSort)]="sortCurrent.sendClothesNum">洗涤数量</th>
            <th nzShowSort nzWidth="14%" nzSortKey="price" [(nzSort)]="sortCurrent.price">费用(元)</th> -->
            <th nzWidth="14%">送回科室数</th>
            <th nzWidth="14%">送回被服种类数</th>
            <th nzWidth="14%">回收工单数</th>
            <th nzWidth="14%">送回工单数</th>
            <th nzWidth="14%">洗涤数量</th>
            <th nzWidth="14%">费用(元)</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of listOfData;let index=index;">
            <td>{{index+(pageIndex-1) * pageSize + 1}}</td>
            <td (click)="toDetail($event, data)" class="clickable">{{ data.date }}</td>
            <td>{{ data.deptNum }}</td>
            <td>{{ data.clothesTypeNum }}</td>
            <td>{{ data.getOrder }}</td>
            <td>{{ data.sendOrder }}</td>
            <td>{{ data.sendClothesNum }}</td>
            <td>{{ data.price }}</td>
          </tr>
        </tbody>
      </nz-table>
      <div class="list-template__pagination">
        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
          (nzPageIndexChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)"
          (nzPageSizeChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)">
        </nz-pagination>
      </div>
    </div>
  </div>
</div>
<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo"></app-prompt-modal>

<!-- 查看详情 -->
<router-outlet></router-outlet>
