<div class="searchDataWrap">
  <div class="searchData">
    <div class="searchDataItem">
      <span class="label">建单时间</span>：
      <nz-range-picker [(ngModel)]="dateRange" [nzAllowClear]="false" (ngModelChange)="changeDate($event)" (nzOnCalendarChange)="onCalendarChangeDate($event)">
      </nz-range-picker>
    </div>
    <div class="searchDataItem">
      <span class="label">分组</span>：
      <nz-select class="selectItem" [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch (nzOnSearch)="changeGroupInp($event)" nzAllowClear nzPlaceHolder="请选择分组" [(ngModel)]="groupId" (nzOpenChange)="openChangeGroup($event)">
        <ng-container *ngFor="let option of groupList">
          <nz-option *ngIf="!isLoading" [nzLabel]="option.groupName" [nzValue]="option.id"></nz-option>
        </ng-container>
        <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
          <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
        </nz-option>
      </nz-select>
    </div>
  </div>
  <div class="operation">
    <i class="icon_transport transport-gengduo" (click)="showMore()"></i>
    <button nz-button class="btn default" (click)="search()">查询</button>
    <button nz-button class="btn default ml8" (click)="reset()">重置</button>
    <button nz-button class="btn default ml8" (click)="excelExport()" [nzLoading]="excelExportLoading">导出</button>
  </div>
</div>
<div class="moreFilter" *ngIf="fieldConfig.fields.buildingDTO || fieldConfig.fields.deptDTO">
  <span>{{fieldConfig.fields.buildingDTO?.buildingName}}</span>
  <span>{{fieldConfig.fields.deptDTO?.dept}}</span>
</div>
<div class="tableWrap">
  <nz-table class="table" [ngStyle]="{ width: widthConfig.length * 100 + 50 * 1 + 20 + 'px' }" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false" [nzLoading]="loading1" [nzScroll]="{ y: tableHeight + 'px' }" [nzFooter]="footerTpl" [nzWidthConfig]="widthConfig" nzBordered>
    <thead (nzSortChange)="sort($event)" nzSingleSort>
      <tr>
        <th rowspan="2">人员(编码)</th>
        <th rowspan="2" nzShowSort nzSortKey="totalCount" [(nzSort)]="sortCurrent.totalCount">工单数量</th>
        <th rowspan="2" nzShowSort nzSortKey="totalGrade" [(nzSort)]="sortCurrent.totalGrade">积分总和</th>
        <th colspan="2" *ngFor="let dictionary of dictionaryList">{{dictionary.name}}</th>
      </tr>
      <tr>
        <ng-container *ngFor="let dictionary of dictionaryList">
          <th nzShowSort [nzSortKey]="dictionary.value + 'Count'" [(nzSort)]="sortCurrent[dictionary.value + 'Count']">工单量</th>
          <th nzShowSort [nzSortKey]="dictionary.value + 'Grade'" [(nzSort)]="sortCurrent[dictionary.value + 'Grade']">积分数</th>
        </ng-container>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of listOfData">
        <td class="width150">{{ data.name }}</td>
        <td>{{ data.totalCount }}</td>
        <td>{{ data.totalGrade }}</td>
        <ng-container *ngFor="let dictionary of dictionaryList">
          <td>{{ data[dictionary.value + 'Count'] }}</td>
          <td>{{ data[dictionary.value + 'Grade'] }}</td>
        </ng-container>
      </tr>
    </tbody>
    <ng-template #footerTpl>
      <table class="footTable">
        <tr *ngFor="let data of listOfDataEnd">
          <td class="width150">{{ data.name }}</td>
          <td>{{ data.totalCount }}</td>
          <td>{{ data.totalGrade }}</td>
          <ng-container *ngFor="let dictionary of dictionaryList">
            <td>{{ data[dictionary.value + 'Count'] }}</td>
            <td>{{ data[dictionary.value + 'Grade'] }}</td>
          </ng-container>
        </tr>
      </table>
    </ng-template>
  </nz-table>
</div>
<div class="pagination">
  <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
  <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" [(nzPageSize)]="pageSize" (nzPageIndexChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)" (nzPageSizeChange)="getList(pageIndex, sortCurrentKey, sortCurrentValue)" nzShowSizeChanger [nzPageSizeOptions]="[30,50,100,200]" [nzShowTotal]="totalTemplate"></nz-pagination>
</div>

<!-- 详细搜索 -->
<app-distribution-search-more [fieldConfig]="fieldConfig" *ngIf="showSearchMore" [hosId]="hosId" [queryType]="queryType"  [dutyId]="dutyId"  [parentDutyId]="parentDutyId" (cancelEvent)="cancelEvent()" (submitEvent)="submitEvent($event)"></app-distribution-search-more>
