<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+(historySpecimenPageIndex-1) * historySpecimenPageSize + 1 }}</td>
            <td>{{ data.operationType?.name }}</td>
            <td>{{ data.createTime | date: "MM-dd HH:mm:ss" }}</td>
            <td>{{ data.logRemarks }}</td>
            <td>{{ data.operationUserDTO?.name }}</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 cancel" nz-button (click)="hideModal()">
        关闭
      </button>
    </div>
  </div>
</div>
