department-incident-statistics.component.html 6.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <div class="searchDataWrap">
  2. <div class="searchData">
  3. <app-custom-change-date #customChangeDate [isShowType]="false"></app-custom-change-date>
  4. <div class="searchDataItem">
  5. <span class="label">科室</span>:
  6. <nz-select class="selectItem" [nzDisabled]="queryType == 5" [nzDropdownMatchSelectWidth]="false" nzAllowClear nzPlaceHolder="请选择科室" [(ngModel)]="repairDeptId" nzServerSearch nzShowSearch (nzOnSearch)="changeInp($event)">
  7. <ng-container *ngFor="let option of repairDeptList">
  8. <nz-option *ngIf="!isLoading" [nzLabel]="option.hospital.hosName + '-' + option.dept" [nzValue]="option.id"></nz-option>
  9. </ng-container>
  10. <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
  11. <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
  12. </nz-option>
  13. </nz-select>
  14. </div>
  15. </div>
  16. <div class="operation">
  17. <i class="icon_transport transport-gengduo" nz-tooltip nzTooltipTitle="更多搜索" (click)="showMore()"></i>
  18. <button nz-button class="btn default" (click)="search()">查询</button>
  19. <button nz-button class="btn default ml8" (click)="reset()">重置</button>
  20. <button nz-button class="btn default ml8" (click)="excelExport()" [nzLoading]="excelExportLoading">导出</button>
  21. </div>
  22. </div>
  23. <div class="moreFilter" *ngIf="fieldConfig.fields.groupDTO || fieldConfig.fields.userDTO || fieldConfig.fields.category1DTO || fieldConfig.fields.category2DTO || fieldConfig.fields.category3DTO || fieldConfig.fields.buildingDTO || fieldConfig.fields.floorDTO || fieldConfig.fields.deptTypeDTO">
  24. <span>{{fieldConfig.fields.groupDTO?.groupName}}</span>
  25. <span>{{fieldConfig.fields.userDTO?.name}}</span>
  26. <span>{{fieldConfig.fields.category1DTO?.category}}</span>
  27. <span>{{fieldConfig.fields.category2DTO?.category}}</span>
  28. <span>{{fieldConfig.fields.category3DTO?.category}}</span>
  29. <span>{{fieldConfig.fields.buildingDTO?.buildingName}}</span>
  30. <span>{{fieldConfig.fields.floorDTO?.floorName}}</span>
  31. <span>{{fieldConfig.fields.deptTypeDTO?.name}}</span>
  32. </div>
  33. <div class="tableWrap">
  34. <nz-table class="table" accesskey=""[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]="widthStyle" *ngIf="parent==1" nzShowSort nzSortKey="parentOrders" [(nzSort)]="sortCurrent.parentOrders">父级科室(编码)</th>
  38. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="orders" [(nzSort)]="sortCurrent.orders">科室名称(编码)</th>
  39. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="sum" [(nzSort)]="sortCurrent.sum">工单总数</th>
  40. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="avgResponseTime" [(nzSort)]="sortCurrent.avgResponseTime">平均接单时长</th>
  41. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="avgResolvedTime" [(nzSort)]="sortCurrent.avgResolvedTime">平均解决时长</th>
  42. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="resolvedOverNum" [(nzSort)]="sortCurrent.resolvedOverNum">超时单数</th>
  43. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="overTimeNum" [(nzSort)]="sortCurrent.overTimeNum">挂起单数</th>
  44. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="consumablePrice" [(nzSort)]="sortCurrent.consumablePrice">耗材费用(元)</th>
  45. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="workHourPrice" [(nzSort)]="sortCurrent.workHourPrice">工时费用(元)</th>
  46. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="totalPrice" [(nzSort)]="sortCurrent.totalPrice">总费用(元)</th>
  47. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="negativeNum" [(nzSort)]="sortCurrent.negativeNum">差评单数</th>
  48. <th [nzWidth]="widthStyle" nzShowSort nzSortKey="favorableRate" [(nzSort)]="sortCurrent.favorableRate">好评率</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr *ngFor="let data of listOfData">
  53. <td *ngIf="parent==1">{{ data.parentName || '无' }}<ng-container *ngIf="parent==1 && data.parentName">({{ data.parentCode }})</ng-container></td>
  54. <td>{{ data.deptName }}<ng-container *ngIf="data.deptCode">({{ data.deptCode }})</ng-container></td>
  55. <td class="text-sign" (click)="viewDetail1(data)">{{ data.sum }}</td>
  56. <td>{{ data.avgResponseTime }}</td>
  57. <td>{{ data.avgResolvedTime }}</td>
  58. <td class="text-sign" (click)="viewDetail2(data)">{{ data.resolvedOverNum }}</td>
  59. <td class="text-sign" (click)="viewDetail3(data)">{{ data.overTimeNum }}</td>
  60. <td>{{ data.consumablePrice }}</td>
  61. <td>{{ data.workHourPrice }}</td>
  62. <td>{{ data.totalPrice }}</td>
  63. <td class="text-sign" (click)="viewDetail4(data)">{{ data.negativeNum }}</td>
  64. <td>{{ data.favorableRate }}</td>
  65. </tr>
  66. </tbody>
  67. <ng-template #footerTpl>
  68. <table class="footTable">
  69. <tr *ngFor="let data of listOfDataEnd">
  70. <td [ngStyle]="{width:widthStyle}" *ngIf="parent==1">{{ data.parentCode }}</td>
  71. <td [ngStyle]="{width:widthStyle}" *ngIf="parent==0">{{ data.deptCode}}</td>
  72. <td [ngStyle]="{width:widthStyle}" *ngIf="parent==1"></td>
  73. <td [ngStyle]="{width:widthStyle}" class="text-sign" (click)="viewDetail1(data, 'all')">{{ data.sum }}</td>
  74. <td [ngStyle]="{width:widthStyle}">{{ data.avgResponseTime }}</td>
  75. <td [ngStyle]="{width:widthStyle}">{{ data.avgResolvedTime }}</td>
  76. <td [ngStyle]="{width:widthStyle}" class="text-sign" (click)="viewDetail2(data, 'all')">{{ data.resolvedOverNum }}</td>
  77. <td [ngStyle]="{width:widthStyle}" class="text-sign" (click)="viewDetail3(data, 'all')">{{ data.overTimeNum }}</td>
  78. <td [ngStyle]="{width:widthStyle}">{{ data.consumablePrice }}</td>
  79. <td [ngStyle]="{width:widthStyle}">{{ data.workHourPrice }}</td>
  80. <td [ngStyle]="{width:widthStyle}">{{ data.totalPrice }}</td>
  81. <td [ngStyle]="{width:widthStyle}" class="text-sign" (click)="viewDetail4(data, 'all')">{{ data.negativeNum }}</td>
  82. <td [ngStyle]="{width:widthStyle}">{{ data.favorableRate }}</td>
  83. </tr>
  84. </table>
  85. </ng-template>
  86. </nz-table>
  87. </div>
  88. <div class="pagination">
  89. <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
  90. <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>
  91. </div>
  92. <!-- 详细搜索 -->
  93. <app-search-more [fieldConfig]="fieldConfig" *ngIf="showSearchMore" [hosId]="hosId" [queryType]="queryType" [dutyId]="dutyId" [parentDutyId]="parentDutyId" (cancelEvent)="cancelEvent()" (submitEvent)="submitEvent($event)"></app-search-more>