department-quality-control-statistics.component.html 5.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <div class="searchDataWrap">
  2. <div class="searchData">
  3. <div class="searchDataItem">
  4. <span class="label">建单时间</span>:
  5. <nz-range-picker [(ngModel)]="dateRange" [nzAllowClear]="false" (ngModelChange)="changeDate($event)" (nzOnCalendarChange)="onCalendarChangeDate($event)">
  6. </nz-range-picker>
  7. </div>
  8. <div class="searchDataItem">
  9. <span class="label">科室</span>:
  10. <nz-select class="selectItem" [nzDropdownMatchSelectWidth]="false" nzAllowClear nzPlaceHolder="请选择科室" [(ngModel)]="deptId" nzServerSearch nzShowSearch (nzOnSearch)="changeInp($event)">
  11. <ng-container *ngFor="let option of alldepart">
  12. <nz-option *ngIf="!isLoading" [nzLabel]="option.dept" [nzValue]="option.id"></nz-option>
  13. </ng-container>
  14. <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
  15. <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
  16. </nz-option>
  17. </nz-select>
  18. </div>
  19. </div>
  20. <div class="operation">
  21. <i class="icon_transport transport-gengduo" nz-tooltip nzTooltipTitle="更多搜索" (click)="showMore()"></i>
  22. <button nz-button class="btn default" (click)="search()">查询</button>
  23. <button nz-button class="btn default ml8" (click)="reset()">重置</button>
  24. <button nz-button class="btn default ml8" (click)="excelExport()" [nzLoading]="excelExportLoading">导出</button>
  25. </div>
  26. </div>
  27. <div class="moreFilter" *ngIf="fieldConfig.fields.groupDTO || fieldConfig.fields.userDTO || fieldConfig.fields.taskTypeDTO || fieldConfig.fields.statisticsTypeDTO || fieldConfig.fields.buildingDTO">
  28. <span>{{fieldConfig.fields.groupDTO?.groupName}}</span>
  29. <span>{{fieldConfig.fields.userDTO?.name}}</span>
  30. <span>{{fieldConfig.fields.statisticsTypeDTO?.name}}</span>
  31. <span>{{fieldConfig.fields.taskTypeDTO?.taskName}}</span>
  32. <span>{{fieldConfig.fields.buildingDTO?.buildingName}}</span>
  33. </div>
  34. <nz-table class="table" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false" [nzLoading]="loading1" [nzScroll]="{ y: tableHeight + 'px' }" [nzFooter]="footerTpl">
  35. <thead (nzSortChange)="sort($event)" nzSingleSort>
  36. <tr>
  37. <th nzWidth="9%" *ngIf="parent==1" nzShowSort nzSortKey="parentOrders" [(nzSort)]="sortCurrent.parentOrders">父级科室(编码)</th>
  38. <th nzWidth="9%" nzShowSort nzSortKey="orders" [(nzSort)]="sortCurrent.orders">科室(编码)</th>
  39. <th nzWidth="9%" nzShowSort nzSortKey="totalCount" [(nzSort)]="sortCurrent.totalCount">工单数量</th>
  40. <th nzWidth="9%" nzShowSort nzSortKey="totalGrade" [(nzSort)]="sortCurrent.totalGrade">总积分</th>
  41. <th nzWidth="9%" nzShowSort nzSortKey="totalPrice" [(nzSort)]="sortCurrent.totalPrice">总费用</th>
  42. <th nzWidth="9%" nzShowSort nzSortKey="response_time_num" [(nzSort)]="sortCurrent.response_time_num">平均响应时间</th>
  43. <th nzWidth="9%" nzShowSort nzSortKey="execution_time_num" [(nzSort)]="sortCurrent.execution_time_num">平均送达时间</th>
  44. <th nzWidth="9%" nzShowSort nzSortKey="aveper" [(nzSort)]="sortCurrent.aveper">按时完成达标率</th>
  45. <th nzWidth="9%" nzShowSort nzSortKey="total_time" [(nzSort)]="sortCurrent.total_time">平均总时间</th>
  46. <th nzWidth="9%" nzShowSort nzSortKey="five_count" [(nzSort)]="sortCurrent.five_count">五分钟内工单</th>
  47. <th nzWidth="9%" nzShowSort nzSortKey="special_close" [(nzSort)]="sortCurrent.special_close">特殊关闭数</th>
  48. </tr>
  49. </thead>
  50. <tbody>
  51. <tr *ngFor="let data of listOfData">
  52. <td *ngIf="parent==1">{{ data.parentName || '无' }}</td>
  53. <td>{{ data.name }}</td>
  54. <td>{{ data.totalCount }}</td>
  55. <td>{{ data.totalGrade }}</td>
  56. <td>{{ data.totalPrice }}</td>
  57. <td>{{ data.response_time_num }}</td>
  58. <td>{{ data.execution_time_num }}</td>
  59. <td>{{ data.aveper }}</td>
  60. <td>{{ data.total_time }}</td>
  61. <td>{{ data.five_count }}</td>
  62. <td>{{ data.special_close }}</td>
  63. </tr>
  64. </tbody>
  65. <ng-template #footerTpl>
  66. <table class="footTable">
  67. <tr *ngFor="let data of listOfDataEnd">
  68. <td style="width: 9%" *ngIf="parent==1">{{ data.parentName }}</td>
  69. <td style="width: 9%" *ngIf="parent==0">{{ data.name }}</td>
  70. <td style="width: 9%" *ngIf="parent==1"></td>
  71. <td style="width: 9%">{{ data.totalCount }}</td>
  72. <td style="width: 9%">{{ data.totalGrade }}</td>
  73. <td style="width: 9%">{{ data.totalPrice }}</td>
  74. <td style="width: 9%">{{ data.response_time_num }}</td>
  75. <td style="width: 9%">{{ data.execution_time_num }}</td>
  76. <td style="width: 9%">{{ data.aveper }}</td>
  77. <td style="width: 9%">{{ data.total_time }}</td>
  78. <td style="width: 9%">{{ data.five_count }}</td>
  79. <td style="width: 9%">{{ data.special_close }}</td>
  80. </tr>
  81. </table>
  82. </ng-template>
  83. </nz-table>
  84. <div class="pagination">
  85. <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
  86. <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>
  87. </div>
  88. <!-- 详细搜索 -->
  89. <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>