log-prompt-modal.component.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <div
  2. class="modal display_flex justify-content_flex-center align-items_center"
  3. *ngIf="show"
  4. >
  5. <div class="modalBody">
  6. <div class="title">
  7. 流程信息查看<i
  8. class="icon_transport transport-guanbi"
  9. (click)="hideModal()"
  10. ></i>
  11. </div>
  12. <div class="content">
  13. <nz-table
  14. class="hospitalTable"
  15. [nzData]="historySpecimenList"
  16. nzSize="middle"
  17. [nzShowPagination]="false"
  18. [nzLoading]="hsLoading"
  19. >
  20. <thead>
  21. <tr class="thead">
  22. <th nzWidth="8%">序号</th>
  23. <th nzWidth="23%">时间</th>
  24. <th nzWidth="23%">操作类型</th>
  25. <th nzWidth="23%">操作人</th>
  26. <th nzWidth="23%">交接人</th>
  27. </tr>
  28. </thead>
  29. <tbody>
  30. <tr *ngFor="let data of historySpecimenList; let i = index">
  31. <td>{{ i + 1 }}</td>
  32. <td>{{ data.operationTime | date: "MM-dd HH:mm" }}</td>
  33. <td>{{ data.operationType ? data.operationType.name : "" }}</td>
  34. <td>
  35. {{ data.username || "暂无" }}
  36. <span *ngIf="data.operatorAccount"
  37. >({{ data.operatorAccount }})</span
  38. >
  39. </td>
  40. <td>
  41. {{ data.handoverPersonName || "暂无" }}
  42. <span *ngIf="data.handoverPersonAccount"
  43. >({{ data.handoverPersonAccount }})</span
  44. >
  45. </td>
  46. </tr>
  47. </tbody>
  48. </nz-table>
  49. <div class="pagination">
  50. <nz-pagination
  51. [(nzPageIndex)]="historySpecimenPageIndex"
  52. [(nzTotal)]="historySpecimenListLength"
  53. [(nzPageSize)]="historySpecimenPageSize"
  54. (nzPageIndexChange)="getHistorySpecimen()"
  55. (nzPageSizeChange)="getHistorySpecimen()"
  56. >
  57. </nz-pagination>
  58. </div>
  59. </div>
  60. <div class="display_flex justify-content_flex-center">
  61. <button class="btn know" nz-button nzType="primary" (click)="hideModal()">
  62. 知道了
  63. </button>
  64. </div>
  65. </div>
  66. </div>