<div
  class="modal display_flex justify-content_flex-center align-items_center"
  *ngIf="show"
>
  <div class="modalBody">
    <div class="title">
      流程信息查看<i
        class="icon_transport transport-guanbi"
        (click)="hideModal()"
      ></i>
    </div>
    <div class="content">
      <nz-table
        class="hospitalTable"
        [nzData]="historySpecimenList"
        nzSize="middle"
        [nzShowPagination]="false"
        [nzLoading]="hsLoading"
      >
        <thead>
          <tr class="thead">
            <th nzWidth="8%">序号</th>
            <th nzWidth="23%">时间</th>
            <th nzWidth="23%">操作类型</th>
            <th nzWidth="23%">操作人</th>
            <th nzWidth="23%">交接人</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of historySpecimenList; let i = index">
            <td>{{ i + 1 }}</td>
            <td>{{ data.operationTime | date: "MM-dd HH:mm:ss" }}</td>
            <td>{{ data.operationType ? data.operationType.name : "" }}</td>
            <td>
              {{ data.username || "暂无" }}
              <span *ngIf="data.operatorAccount"
                >({{ data.operatorAccount }})</span
              >
            </td>
            <td>
              {{ data.handoverName || "暂无" }}
              <span *ngIf="data.handoverAccount"
                >({{ data.handoverAccount }})</span
              >
            </td>
          </tr>
        </tbody>
      </nz-table>
      <div class="pagination">
        <nz-pagination
          [(nzPageIndex)]="historySpecimenPageIndex"
          [(nzTotal)]="historySpecimenListLength"
          [(nzPageSize)]="historySpecimenPageSize"
          (nzPageIndexChange)="getHistorySpecimen()"
          (nzPageSizeChange)="getHistorySpecimen()"
        >
        </nz-pagination>
      </div>
    </div>
    <div class="display_flex justify-content_flex-center">
      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">
        知道了
      </button>
    </div>
  </div>
</div>
