zy-pc/src/app/views/worker-statistics/worker-statistics.component.html

<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">
          <span class="label">发起时间</span>：
          <nz-range-picker [(ngModel)]="dateRange" [nzAllowClear]='false' (ngModelChange)="changeDate($event)">
          </nz-range-picker>
          <br />
        </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 class="list-template__searchItem">
          <span class="label">分组</span>：
          <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [nzShowSearch]="false" nzPlaceHolder="请选择分组"
            [ngModel]="group" (ngModelChange)="searchGroup($event)">
            <nz-option nzLabel="全部" [nzValue]="0"></nz-option>
            <nz-option nzLabel="{{data.groupName}}" nzValue="{{data.id}}" *ngFor="let data of groupList"></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="list-template__bottom">
      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
        [nzLoading]="loading1">
        <thead>
          <tr class="thead">
            <th nzWidth="5%">序号</th>
            <th nzWidth="10%">支助人员名称</th>
            <th nzWidth="10%">工单总量</th>
            <th nzWidth="10%">积分</th>
            <th nzWidth="10%">好评数量</th>
            <th nzWidth="10%">特殊关闭数量</th>
            <th nzWidth="15%">按时完成达标率</th>
            <th nzWidth="10%">平均到达时间</th>
            <th nzWidth="10%">平均完成时间</th>
            <th nzWidth="10%">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of listOfData;let index=index;">
            <td>{{index+(pageIndex-1)*10+1}}</td>
            <td>{{ data.name }}</td>
            <td>{{ data.total||0}}</td>
            <td>{{data.order||0}}</td>
            <td>{{data.num||0}}</td>
            <td>{{data.specialCloseNum}}</td>
            <td>{{data.avePer+'%'}}</td>
            <td>{{data.arriveTime}}</td>
            <td>{{data.completeTime}}</td>
            <td>
              <div class="coop">
                <span *ngIf="coopBtns.look" (click)="personDetail(data.workerId)">查看</span>
              </div>
            </td>
          </tr>
        </tbody>
      </nz-table>
      <div class="list-template__pagination">
        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
        </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>