zy-pc/src/app/views/pathology/pathology.component.html

<div class="pharmacy">
  <!-- 头部 start -->
  <div class="pharmacy-header">
   <div class="pharmacy-logo">
		<h2 class="pharmacy-name__title">
			<span>病理科</span>
		</h2>
    </div>
    <div class="pharmacy-name">
			<div class="mar-ri-30" *ngIf="toDayData">
				今日接收：
				申请单 <span class="weight">{{toDayData.pathologyFormNum || 0}}</span> &nbsp;
				标本 <span class="weight">{{toDayData.specimenNum  || 0}}</span>&nbsp;
				速冻 <span class="weight">{{toDayData.rapidityNum  || 0}}</span>&nbsp;
				送出申请单 <span class="weight">{{toDayData.sendOut  || 0}}</span>&nbsp;
			</div>
      <div class="pharmacy-name__total">
				<nz-input-group nzSize="large">
					<input type="text" id="Binput" (ngModelChange)="specimenCodeChange($event)" [(ngModel)]="barCode" nz-input placeholder="可扫描物理标本条码及包码" />
				</nz-input-group>
      </div>
			<div class="error-class">{{errorcODEMsg}}</div>
    </div>
		<div class="nurseCode" (click)="showNurseCode()">
		  <i class="nurseCodeIcon icon_transport transport-erweima"></i
		  >二维码
		</div>
    <div class="userInfo">
      <div class="wel">欢迎您：</div>
      <div class="user">
        <img src="../../assets/images/icon_keshi.png" alt="" />
        <span *ngIf="deptDisplay">{{
          deptDisplay == 2 ? loginUser.dept.deptalias : loginUser.dept.dept
        }}</span>
      </div>
      <div class="userInfo-wrap">
        <div class="logOut" (click)="changeKsNow()">切换科室</div>
        <div class="logOut" (click)="logOut()">退出</div>
      </div>
    </div>
  </div>
	<div class="tabs">
		<div class="tabs-item">
			<div class="tabs-item-item" [ngClass]="{'activeClass': activeIndex == 0}" (click)="tabClick(0)">交接本</div>
			<div class="tabs-item-item" [ngClass]="{'activeClass': activeIndex == 1}" (click)="tabClick(1)">实时术中快速<span class="red" *ngIf="toDayData">({{toDayData.unReceiveRapidityNum?toDayData.unReceiveRapidityNum:0}})</span></div>
			<div class="tabs-item-item" [ngClass]="{'activeClass': activeIndex == 2}" (click)="tabClick(2)">打包配送</div>
		</div>
		<div class="tabs-btn">
			<button class="btn default" nz-button nzType="primary" nzSize="small" (click)='connect()'>接收</button>
			<button class="btn default" nz-button nzType="primary" nzSize="small" (click)='packaging()'>打包</button>
		</div>
	</div>
  <!-- 头部 end -->
  <div class="pharmacy-main">
    <div *ngIf="activeIndex==0" class="list-template pharmacy-main__list pharmacy-main__print">
			<div class="list-template__content">
			  <div class="list-template__top" nz-row>
			    <div nz-col nzLg='18' class="list-template__searchBox">
			      <div class="list-template__searchItem">
			        <span class="label">接收时间：</span>
			        <nz-range-picker [(ngModel)]="acceptTime" nzFormat="yyyy-MM-dd HH:mm:ss"
							(ngModelChange)="changeDate($event)"></nz-range-picker>
			      </div>
						<div class="list-template__searchItem">
						  <span class="label">配送人：</span>
							<nz-select class="formItem" (nzOnSearch)="changeUserInp($event)"
							  [nzDropdownMatchSelectWidth]="false" nzServerSearch nzShowSearch nzAllowClear nzPlaceHolder="请选择配送人"
							  [(ngModel)]="deliveryUser">
							  <ng-container *ngFor="let option of userData">
							    <nz-option *ngIf="!isLoading" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
							  </ng-container>
							  <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
							    <i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
							  </nz-option>
							</nz-select>
						</div>
						<div class="list-template__searchItem">
						  <span class="label">术中快速：</span>
							<nz-radio-group [(ngModel)]="pathologyFormType">
								<label nz-radio nzValue="1">是</label>
								<label nz-radio nzValue="0">否</label>
							</nz-radio-group>
						</div>
			    </div>
			    <div nz-col nzLg="6" class="list-template__btns">
			      <button class="btn default" (click)='search()'>搜索</button>
			      <button class="btn default ml8" (click)='reset()'>重置</button>
			    </div>
			  </div>
			  <div class="list-template__bottom">
			    <nz-table class="list-template__nzTable" [nzData]="listOneData" nzSize="middle" [nzShowPagination]="false"
			      [nzLoading]="loading1">
			      <thead>
			        <tr class="thead">
			          <th>申请单号</th>
			          <th>患者姓名</th>
			          <th>住院号</th>
			          <th>部位</th>
			          <th>标本数</th>
			          <th>申请科室</th>
			          <th>配送人</th>
			          <th>接收人</th>
								<th>接收时间</th>
			          <th>操作</th>
			        </tr>
			      </thead>
			      <tbody>
			        <tr *ngFor="let data of listOneData">
			          <td><span *ngIf="data.pathologyFormType==1" style="color: red;">速</span>{{ data.applyCode || '-' }}</td>
								<td>{{ data.patientDTO?data.patientDTO.patientName : '-' }}</td>
			          <td>{{ data.patientDTO.patientCode}}</td>
			          <td>{{ data.takePart}}</td>
			          <td>{{ data.specimenNum}}</td>
			          <td>{{ data.patientDTO?data.patientDTO.department.dept : '-'}}</td>
								<td>{{ data.deliveryUserDTO?data.deliveryUserDTO.name : '-' }}</td>
								<td>{{ data.receiveUserDTO?data.receiveUserDTO.name : '-' }}</td>
								<td>{{ data.receiveTime|date:'yyyy-MM-dd HH:mm:ss'  }}</td>
			          <td>
			            <div class="coop">
										<span (click)="oneLook($event,data)">查看</span>
			            </div>
			          </td>
			        </tr>
			      </tbody>
			    </nz-table>
			    <div class="list-template__pagination">
			      <nz-pagination [(nzPageIndex)]="pageOneIndex" [(nzTotal)]="listOneLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
			        (nzPageIndexChange)="getConnectList()" (nzPageSizeChange)="getConnectList()">
			      </nz-pagination>
			    </div>
			  </div>
			</div>
    </div>

    <div class="pharmacy-main__list pharmacy-main__waitDelivery">
      <div *ngIf="activeIndex==1" class="list-template pharmacy-main__list pharmacy-main__print">
      	<div class="list-template__content">
      	  <div class="list-template__bottom">
      	    <nz-table class="list-template__nzTable" [nzData]="listTwoData" nzSize="middle" [nzShowPagination]="false"
      	      [nzLoading]="loading2">
      	      <thead>
      	        <tr class="thead">
      	          <th>申请单号</th>
      	          <th>患者姓名</th>
      	          <th>住院号</th>
      	          <th>部位</th>
      	          <th>标本数</th>
      	          <th>申请科室</th>
      	          <th>配送人</th>
      	          <th>状态</th>
      	          <th>操作</th>
      	        </tr>
      	      </thead>
      	      <tbody>
      	        <tr *ngFor="let data of listTwoData">
      	         <td><span *ngIf="data.pathologyFormType==1" style="color: red;">速</span>{{ data.applyCode || '-' }}</td>
      	         <td>{{ data.patientDTO?data.patientDTO.patientName : '-' }}</td>
      	         <td>{{ data.patientDTO.patientCode}}</td>
      	         <td>{{ data.takePart}}</td>
      	         <td>{{ data.specimenNum}}</td>
      	         <td>{{ data.patientDTO?data.patientDTO.department.dept : '-'}}</td>
      	         <td>{{ data.deliveryUserDTO?data.deliveryUserDTO.name : '-' }}</td>
      	         <td>{{ data.status?data.status.name:'-' }}</td>
      	         <td>
      	           <div class="coop">
      	         		<span (click)="oneLook($event,data)">查看</span>
      	           </div>
      	         </td>
      	        </tr>
      	      </tbody>
      	    </nz-table>
      	    <div class="list-template__pagination">
      	      <nz-pagination [(nzPageIndex)]="pageTwoIndex" [(nzTotal)]="listTwoLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
      	        (nzPageIndexChange)="getSpeedinessList()" (nzPageSizeChange)="getSpeedinessList()">
      	      </nz-pagination>
      	    </div>
      	  </div>
      	</div>
      </div>
    </div>

    <div class="pharmacy-main__list pharmacy-main__delivery">
			<div *ngIf="activeIndex==2" class="list-template pharmacy-main__list pharmacy-main__print">
				<div class="list-template__content">
				  <div class="list-template__bottom">
				    <nz-table class="list-template__nzTable" [nzData]="listThreeData" nzSize="middle" [nzShowPagination]="false"
				      [nzLoading]="loading3">
				      <thead>
				        <tr class="thead">
				          <th>包号</th>
				          <th>打包人 | 打包时间</th>
				          <th>申请单数</th>
				          <th>标本数</th>
									<th>配送人 | 配送时间</th>
									<th>接收人 | 接收时间</th>
				          <th>状态</th>
				          <th>操作</th>
				        </tr>
				      </thead>
				      <tbody>
				        <tr *ngFor="let data of listThreeData">
				          <td>{{ data.packCode || '-' }}</td>
									<td>
										<div>{{data.packUserDTO.name }}</div>
										<div>{{data.packTime|date:'yyyy-MM-dd HH:mm' }}</div>
									</td>
				          <td>{{ data.pathologyFormNum }}</td>
				          <td>{{ data.specimenNum }}</td>
				          <td>
				          	<div>{{data.deliveryUserDTO?data.deliveryUserDTO.name:'-' }}</div>
				          	<div>{{data.deliveryTime|date:'yyyy-MM-dd HH:mm' || '-' }}</div>
				          </td>
				          <td>
				          	<div>{{data.receiveUserDTO?data.receiveUserDTO.name:'-' }}</div>
				          	<div>{{data.receiveTime|date:'yyyy-MM-dd HH:mm' || '-' }}</div>
				          </td>
									<td>{{ data.status.name }}</td>
				          <td>
				            <div class="coop">
											<span (click)="threeLook($event,data)">查看标本</span>
											<span (click)="reprint($event,data)">补打</span>
											<span *ngIf="data.status.value==1" (click)="distribution($event,data)">配送</span>
				            </div>
				          </td>
				        </tr>
				      </tbody>
				    </nz-table>
				    <div class="list-template__pagination">
				      <nz-pagination [(nzPageIndex)]="pageThreeIndex" [(nzTotal)]="listThreeLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
				        (nzPageIndexChange)="getPackList()" (nzPageSizeChange)="getPackList()">
				      </nz-pagination>
				    </div>
				  </div>
				</div>
			</div>
    </div>
  </div>
  <!-- 主体部分 end -->
  <!-- <router-outlet></router-outlet> -->
</div>

<!-- 科室二维码模态框 -->
<!-- 在模态框所在的 div 添加属性 [appDrag] -->
<div appDrag class="modal" *ngIf="isShowNurseCode">
  <div class="header drag-title">
    <h2>签到二维码</h2>
    <i
      class="icon-close icon_transport transport-guanbi1"
      (click)="closeNurseCode()"
    ></i>
  </div>
  <div class="dialog-center">
    <div class="dialog-code">
      <img [src]="nurseCodeImg" alt="" />
    </div>
  </div>
  <div class="dialog-operate">
    <strong class="dialog-refresh" (click)="showNurseCode()">刷新</strong>
    <span>{{ refreshQRCodeTime }}s</span>
  </div>
</div>
<!-- 科室切换提示框 -->
<app-hs-prompt-modal
  [changeShow]="changeShow"
  [closeTime]="closeTime"
  [closeTimeFlag]="closeTimeFlag"
  [show]="hsPromptModalShow"
  (closeModelHs)="closeModelHs($event)"
  (clearModelHs)="clearModelHs($event)"
  deptType="pathology"
> 
  <!-- 返回系统按钮 -->
  <!-- 右侧悬浮框 -->
   <div id="fixedMenu" class="fixed" *ngIf="mainRole">
    <div class="right">
      <div class="fixedMenu hujiaozhongxin">
        <div class="menuItems">
          <div class="item">快捷菜单</div>
        </div>
      </div>
      <div class="fixedMenu">
        <div class="menuItems">
          <div
            class="others"
            [ngStyle]="{
              height: showLastItems
                ? mainRole
                  ? 35 * 2 + 'px'
                  : 35 * 1 + 'px'
                : 0
            }"
          >
            <div
              [ngClass]="{ item: true, checked: fixedTab == 'back' }"
              *ngIf="mainRole"
              (click)="checkFixedTab('toSystem')"
            >
              返回系统
            </div>
          </div>
        </div>
        <div class="arrow" *ngIf="!showLastItems" (click)="fixedMenuXiala()">
          <i class="icon_transport transport-xiala2-01"></i>
        </div>
        <div class="arrow" *ngIf="showLastItems" (click)="fixedMenuShangla()">
          <i class="icon_transport transport-shangla-"></i>
        </div>
      </div>
    </div>
    <div
      *ngIf="showLastItems && fixedTab != ''"
      (click)="fixedMenuShangla()"
      class="fixedMark"
    ></div>
  </div>
</app-hs-prompt-modal>


<!-- 查看详情 -->
<div class="pathology-box display_flex align-items_center justify-content_flex-center" *ngIf="detailMoadl">
	<div class="pathology-content">
		<div class="title">查看详情
		<i class="icon_transport transport-guanbi" (click)="closeDetailMoadl()"></i></div>
		<div class="content border">
			<div class="content-item boder-right">
				<div class="form-title-box">
					<div class="form-title"><span class="font-weight-500">是否术中快速：</span>{{detailsData.pathologyFormType==1?'是':'否'}}</div>
					<div class="form-title"><span class="font-weight-500">申请单编号：</span>{{detailsData.applyCode}}</div>
					<div class="form-title"><span class="font-weight-500">状态：</span>{{detailsData.status.name}}</div>
					<div class="form-title"><span class="font-weight-500">科室名称：</span>{{detailsData.patientDTO.department.dept}}</div>
				</div>
				<div class="form-title-box">
					<div class="form-title"><span class="font-weight-500">住院号：</span>{{detailsData.patientDTO.patientCode}}</div>
					<div class="form-title"><span class="font-weight-500">患者信息：</span>{{detailsData.patientDTO.patientName}} ({{detailsData.patientDTO.bedNum}}床)</div>
					<div class="form-title"><span class="font-weight-500">年龄：</span>{{detailsData.patientDTO.age||'-'}}岁</div>
				</div>
				
				<div class="form-title-box">
					<div class="form-title"><span class="font-weight-500">检验项目：</span>{{project||'无'}}</div>
				</div>
				
				<div class="form-list">
					<div class="form-title font-weight-500">诊断：</div>
					<div class="indent">
						{{detailsData.diagnose||'无'}}
					</div>
				</div>
				
				<div class="form-list">
					<div class="form-title font-weight-500">病历摘要：</div>
					<div class="indent">{{detailsData.medicalRecords||'无'}}</div>
				</div>
				<div class="form-list">
					<div class="form-title font-weight-500">手术方案：</div>
					<div class="indent">{{detailsData.surgicalPlan||'无'}}</div>
				</div>

				<div class="form-title-box">
					<div class="form-title"><span class="font-weight-500">标本类型：</span>{{detailsData.specimenType.name||'无'}}</div>
					<div class="form-title"><span class="font-weight-500">标本数量：</span>{{detailsData.specimenNum||'无'}}</div>
					<div class="form-title"><span class="font-weight-500">部位：</span>{{detailsData.takePart||'无'}}</div>
				</div>
				
				<div class="form-title-box">
					<div class="form-title"><span class="font-weight-500">送检医生：</span>{{detailsData.surgeryDoctorDTO?detailsData.surgeryDoctorDTO.name : '-'}}</div>
					<div class="form-title"><span class="font-weight-500">离体时间：</span>{{detailsData.inVitroTime?(detailsData.inVitroTime|date:'yyyy-MM-dd HH:mm:ss'):'无'}}</div>
					<div class="form-title"><span class="font-weight-500">固定时间：</span>{{detailsData.fixationTime?(detailsData.fixationTime|date:'yyyy-MM-dd HH:mm:ss'):'无'}}</div>
				</div>
				
				<div class="form-list">
					<div class="form-title font-weight-500">标本：</div>
					<div class="form-title specimen-list">
						<div *ngFor="let item of specimenList" class="specimen-item-class form-title cursors" (click)="specimenView(item)">
							<span *ngIf="item.partSource && item.partSource.value!=1">{{item.partSource?item.partSource.name:''}}</span>{{item.specimenName}}({{item.specimenCode}})
						</div>
					</div>
				</div>

			</div>
			
			<div class="content-item-right">
				<div class="step-title">病理闭环</div>
				<nz-steps [nzCurrent]="stepLength" nzDirection="vertical" nzSize="small">
					<ng-container *ngFor="let item of pathologyLogs; let index = index">
							<nz-step
								[nzDescription]="tpl"
							>
							</nz-step>
							<ng-template #tpl>
								<div *ngIf="index==pathologyLogs.length-1" class="step-size">
									<div style="color: #49B856;">{{item.operationType.name}} {{item.handoverUserDto?item.handoverUserDto.name:''}}</div>
									<div style="color:#333;">{{item.createTime|date:'yyyy-MM-dd HH:mm:ss'}} {{item.operationUserDto?item.operationUserDto.name:''}}</div>
								</div>
								<div *ngIf="index!=pathologyLogs.length-1" class="step-size">
									<div>{{item.operationType.name}} {{item.handoverUserDto?item.handoverUserDto.name:''}}</div>
									<div>{{item.createTime|date:'yyyy-MM-dd HH:mm:ss'}} {{item.operationUserDto?item.operationUserDto.name:''}}</div>
								</div>
							</ng-template>
						</ng-container>
				</nz-steps>
			</div>
		</div>
		<div class="display_flex justify-content_flex-center bottom-btn">
			<button class="btn btn-right" nz-button nzType="primary" (click)="closeDetailMoadl()">知道了</button>
		</div>
	</div>
</div>

<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo" (closeModel)="closeModel()"></app-prompt-modal>
	

<div class="mask-style" *ngIf="isSpinning">
	<nz-spin nzSimple class="spin-style"></nz-spin>
</div>

<!-- 查看标本 -->
<div class="look">
	<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="specimenViewDialog">
		<div class="modalBody modalBody-ga">
			<div class="title">查看标本<i class="icon_transport transport-guanbi" (click)="closeSpecimenModal()"></i>
			</div>
			<overlay-scrollbars #osComponentRef1 class="content">
				<div class="list-template__bottom">
					<nz-table class="list-template__nzTable" [nzData]="viewData" nzSize="middle" [nzShowPagination]="false"
					  [nzLoading]="loading1">
					  <thead>
					    <tr class="thead">
								<th>标本名称</th>
								<th>系统</th>
								<th>部位</th>
					      <th>编码</th>
					      <th>备注</th>
					      <th>离体时间</th>
					      <th>离体操作人</th>
					      <th>固定时间</th>
					      <th>固定操作人</th>
					    </tr>
					  </thead>
					  <tbody>
					    <tr *ngFor="let data of viewData">
								<td>{{ data.specimenName }}</td>
								<td>{{ data.system ? data.system.name : '-' }}</td>
								<td>{{ data.organ ? data.organ.name : '-' }}</td>
					      <td>{{ data.specimenCode }}</td>
					      <td>{{ data.remark ? data.remark : '无' }}</td>
								<td>{{ data.inVitroTime ? (data.inVitroTime|date:'yyyy-MM-dd HH:mm:ss') : '-' }}</td>
								<td>{{ data.inVitroOperator ? data.inVitroOperator.name : '-' }}</td>
								<td>{{ data.fixationTime ? (data.fixationTime|date:'yyyy-MM-dd HH:mm:ss') : '-' }}</td>
								<td>{{ data.fixationOperator ? data.fixationOperator.name : '-' }}</td>
					    </tr>
					  </tbody>
					</nz-table>
				</div>
			</overlay-scrollbars>
			<div class="display_flex justify-content_flex-center">
				<button class="btn" nz-button nzType="primary" (click)="closeSpecimenModal()">知道了</button>
			</div>
		</div>
	</div>
</div>

<!-- 补打 -->
<app-dialog-delete [delModal]="printModal" (hideDelModalEvent)="hidePrintModal()" [btnLoading]="parintLoading"
  (confirmDelEvent)="confirmPrintDel()" [content]="'您确认要重新打印条码吗？'"></app-dialog-delete>
	
<!-- 配送 -->
<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="distributionModal">
	<div class="modalBody">
		<div class="title">配送信息填写<i class="icon_transport transport-guanbi" (click)="hideDistributionModal()"></i>
		</div>
		<div class="content">
		 <div class="title-class">包内含申请单{{rowData.pathologyFormNum}}张、标本{{rowData.specimenNum}}支，请填写配送人员工号。</div>
		 <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitDistributionForm()">
			<nz-form-item>
				<nz-form-label nzRequired nzFor="jobNumber">配送人工号</nz-form-label>
				<nz-form-control nzErrorTip="请输入配送人工号!">
					<input nz-input (ngModelChange)="numberChange($event)" formControlName="jobNumber" placeholder="请输入配送人工号" nzSize="default" />
				</nz-form-control>
			</nz-form-item>
			<nz-form-item class="form-name">
				<nz-form-label style="margin-left: 12px;">配送人姓名</nz-form-label>
				<!-- <nz-form-control nzErrorTip="请输入配送人工号!"> -->
					<div class="job-class">{{distributionName}}</div>
				<!-- </nz-form-control> -->
			</nz-form-item>
			<nz-form-item>
				<nz-form-label nzRequired nzFor="gurop">接收院区</nz-form-label>
				<nz-form-control nzErrorTip="请选择接收院区!">
					<nz-input-group>
						<nz-select class="formItem" (ngModelChange)="changeHospDate($event)" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择接收院区" formControlName="gurop">
							<ng-container *ngFor="let option of hospital">
								<nz-option [nzLabel]="option.hosName" [nzValue]="option.id"></nz-option>
							</ng-container>
						</nz-select>
					</nz-input-group>
				</nz-form-control>
			</nz-form-item>
			<nz-form-item>
				<nz-form-label nzRequired nzFor="department">接收科室</nz-form-label>
				<nz-form-control nzErrorTip="请选择接收科室!">
					<nz-input-group>
						<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择接收科室" formControlName="department">
							<ng-container *ngFor="let option of department">
								<nz-option *ngIf="!isDeptLoading" [nzLabel]="option.dept" [nzValue]="option.id"></nz-option>
							</ng-container>
							<nz-option *ngIf="isDeptLoading" nzDisabled nzCustomContent>
								<i nz-icon nzType="loading" class="loading-icon"></i> 搜索中...
							</nz-option>
						</nz-select>
					</nz-input-group>
				</nz-form-control>
			</nz-form-item>
		 </form>
		</div>
		<div class="display_flex justify-content_flex-center">
			<button class="btn" nz-button nzType="primary" (click)="submitDistributionForm()" [nzLoading]="btnLoading">确定配送</button>
			<button class="btn cancel" nz-button nzType="default" (click)="hideDistributionModal()">取消</button>
		</div>
	</div>
</div>

<!-- 配送接收 -->
<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="receptionModal">
	<div class="modalBody">
		<div class="title">配送接收<i class="icon_transport transport-guanbi" (click)="hideReceptionModal()"></i>
		</div>
		<div class="content">
		 <div class="title-class">
			 包内含申请单12张、标本100，请确认接收。
			</div>
		 <form nz-form [formGroup]="validateConnectForm" class="addForm" (ngSubmit)="submitReceptionForm()">
			<nz-form-item>
				<nz-form-label nzRequired nzFor="receptionNumber">接收人工号</nz-form-label>
				<nz-form-control nzErrorTip="请输入接收人工号!">
					<input nz-input (ngModelChange)="receptionChange($event)" formControlName="receptionNumber" placeholder="请输入接收人工号" nzSize="default" />
				</nz-form-control>
			</nz-form-item>
			<nz-form-item class="form-name">
				<nz-form-label style="margin-left: 12px;">接收人姓名</nz-form-label>
				<!-- <nz-form-control nzErrorTip="请输入接收人工号!"> -->
					<div class="job-class">{{receptionName}}</div>
				<!-- </nz-form-control> -->
			</nz-form-item>
			<nz-form-item>
				<nz-form-label nzRequired nzFor="dispatchingNumber">配送人工号</nz-form-label>
				<nz-form-control nzErrorTip="请输入配送人工号!">
					<input nz-input (ngModelChange)="dispatchingChange($event)" formControlName="dispatchingNumber" placeholder="请输入配送人工号" nzSize="default" />
				</nz-form-control>
			</nz-form-item>
			<nz-form-item class="form-name">
				<nz-form-label style="margin-left: 12px;">配送人姓名</nz-form-label>
				<!-- <nz-form-control nzErrorTip="请输入配送人工号!"> -->
					<div class="job-class">{{dispatchingName}}</div>
				<!-- </nz-form-control> -->
			</nz-form-item>
		 </form>
		</div>
		<div class="display_flex justify-content_flex-center">
			<button class="btn" nz-button nzType="primary" (click)="submitReceptionForm()" [nzLoading]="btnConnectLoading">确定接收</button>
			<button class="btn cancel" nz-button nzType="default" (click)="hideReceptionModal()">取消</button>
		</div>
	</div>
</div>

<!-- 打包并打印 -->
<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="packModal">
	<div class="modalBody">
		<div class="title">打包并打印<i class="icon_transport transport-guanbi" (click)="hidePackModal()"></i>
		</div>
		<div class="content-modal">
			 本次共扫描单据50张、标本40，是否打包并打印？
		</div>
		<div class="display_flex justify-content_flex-center">
			<button class="btn" nz-button nzType="primary" (click)="submitPackForm()" [nzLoading]="btnPackLoading">打包并打印</button>
			<button class="btn cancel" nz-button nzType="default" (click)="hidePackModal()">取消</button>
		</div>
	</div>
</div>

<!-- 打印 -->
<div id="report" style="display: none;" *ngIf="printData">
	<div class="monad">
		<div style="font-size: 10px;padding: 2px;">
			<!-- <div> -->
				<div style="display: flex;align-items: center;justify-content: center;">
					<img style="width: 100%;height: 60px;" [src]="printData.qrCode" alt="">
				</div>
				<div style="padding: 1px;">
					<div style="display: flex;flex-wrap: nowrap;margin-bottom:3px;">包码:{{printData.packCode}}</div>
					<div style="display: flex;">打包时间:{{printData.packTime|date:'yyyy-MM-dd HH:mm:ss'}}</div>
					<!-- <div style="display: flex;">打包人:{{printData.packUserDTO?printData.packUserDTO.name:'-'}}</div> -->
					<!-- <div style="display: flex;margin-bottom:6px;">申请单数:{{printData.pathologyFormNum}}</div> -->
					<!-- <div style="display: flex;margin-bottom:6px;">标本数:{{printData.specimenNum}}</div> -->
				</div>
			<!-- </div> -->
			<!-- <div style="display: flex;">打包时间:{{printData.packTime|date:'yyyy-MM-dd HH:mm:ss'}}</div> -->
		</div>
	</div>
</div>