<div
  class="modal display_flex justify-content_flex-center align-items_center"
>
  <div class="modalBody" style="width: 1200px;">
    <div class="title">
      标本查看({{packageNo}})<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
    </div>
		<div class="list-template">
		  <div class="list-template__content">
				<div class="list-template__top" nz-row>
				  <div nz-col nzXl='18' class="list-template__searchBox">
				    <div class="list-template__searchItem">
				      <span class="label">患者</span>：
				      <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="userId" nzShowSearch nzAllowClear nzPlaceHolder="请选择患者" (ngModelChange)="userChange($event)">
				        <ng-container *ngFor="let data of userList">
				          <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.patientNo">
				          </nz-option>
				        </ng-container>
				      </nz-select>
				    </div>
				    <div class="list-template__searchItem">
							<span class="label">试管类型</span>：
							<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" [(ngModel)]="tubeTypeId" nzShowSearch nzAllowClear nzPlaceHolder="请选择试管类型" (ngModelChange)="tubeChange($event)">
							  <ng-container *ngFor="let data of tubeList">
							    <nz-option *ngIf="!isLoading" [nzLabel]="data.name" [nzValue]="data.tubeTypeId">
							    </nz-option>
							  </ng-container>
							</nz-select>
				    </div>
				  </div>
				  <div nz-col nzXl='6' class="list-template__btns">
						<button nz-button class="btn default" (click)="reset()">重置</button>
				  </div>
				</div>
		  </div>
		</div>
    <div class="content">
      <nz-table
        class="hospitalTable"
        [nzData]="historySpecimenList"
        nzSize="middle"
        [nzShowPagination]="false"
        [nzLoading]="hsLoading"
				[nzScroll]="{ y: '500px' }"
      >
        <thead>
          <tr class="thead">
            <th nzWidth="16%">科室信息</th>
            <th nzWidth="16%">患者信息</th>
            <th nzWidth="16%">标本信息</th>
            <th nzWidth="16%">采集信息</th>
            <th nzWidth="16%">标本类型</th>
						<th nzWidth="16%">状态</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of historySpecimenList; let i = index">
            <td>
							<div>{{ data.sickRoom?.dept }}</div>
							<div>{{ data.checkDept?.dept }}</div>
						</td>
            <td>
							<div>{{ data.residenceNo?data.residenceNo:data.patientNo }}</div>
							<div>{{ data.patientName}} <span *ngIf="data.bedNum">({{data.bedNum}})</span></div>
						</td>
            <td>
              <div>{{ data.scode }}</div>
              <div>{{ data.specimenDesc}}</div>
            </td>
						<td>
						  <div>{{ data.collectNurseName }}</div>
						  <div>{{ data.printDate | date: "MM-dd HH:mm:ss"}}</div>
						</td>
            <td>
              <div>{{ data.stype?.name }}</div>
              <div>{{ data.tubeType?.name }}</div>
            </td>
						<td>
						  {{ data.speState?.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 know" nz-button nzType="primary" (click)="hideModal()">
        知道了
      </button>
    </div>
  </div>
</div>
