拉取代码

src/app/app-routing.module.ts

@@ -11,6 +11,8 @@ import { MainGuard } from './guard/main.guard';
 import { PharmacyGuard } from './guard/pharmacy.guard';
 // 标本视图权限
 import { SpecimenView2Guard } from './guard/SpecimenView2Guard.guard';
+// 标本间端权限
+import { SpecimenRoomViewGuard } from './guard/SpecimenRoomViewGuard.guard';
 // 全局业务查看权限
 import { DisinfectionSupplyGuard } from './guard/DisinfectionSupplyGuard.guard';
 // 配置中心查看权限
@@ -69,6 +71,12 @@ const routes: Routes = [
     loadChildren: () => import('./views/specimen-view2/specimen-view2.module').then(m => m.SpecimenView2Module),
     canActivate: [SpecimenView2Guard]
   },
+	// 标本间端
+	{
+	  path: 'specimenRoomView',
+	  loadChildren: () => import('./views/specimen-room-view/specimen-room-view.module').then(m => m.SpecimenRoomViewModule),
+	  canActivate: [SpecimenRoomViewGuard]
+	},
   // 全局业务查看
   {
     path: 'disinfectionSupply',

src/app/guard/SpecimenRoomViewGuard.guard.ts

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { CanActivate, Router } from '@angular/router';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SpecimenRoomViewGuard implements CanActivate {
+  constructor(public router: Router) { }
+
+  canActivate(): boolean {
+    const menus = JSON.parse(localStorage.getItem('menu'));
+    let can = false;
+    if (menus) {
+      can = menus.some(e => e.link == 'specimenRoomView');
+    }
+    if (!can) {
+      this.router.navigate(['login']);
+      return false
+    }
+    return true;
+  }
+}

src/app/share/pathology-add/pathology-add.component.html

@@ -0,0 +1,219 @@
+<div class="pathology-box display_flex align-items_center justify-content_flex-center">
+	<div class="pathology-content">
+		<div class="title">病理申请单<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+		</div>
+		<div class="content">
+			<form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+				<div class="content-item boder-right">
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="knowledgeClass" [nzSm]="6" [nzXs]="24">是否术中快速</nz-form-label>
+						<nz-form-control nzErrorTip="请选择!" [nzSm]="18" [nzXs]="24">
+							<nz-radio-group formControlName="knowledgeClass">
+								<label nz-radio [nzValue]="1">是</label>
+								<label nz-radio [nzValue]="0">否</label>
+							</nz-radio-group>
+						</nz-form-control>
+					</nz-form-item>
+					<nz-form-item class="form-title-box">
+						<div class="form-title"><span class="font-weight-500">申请单编号：</span>1008611</div>
+						<div class="form-title"><span class="font-weight-500">状态：</span>未打印</div>
+					</nz-form-item>
+					<nz-form-item class="form-title-box">
+						<div class="form-title"><span class="font-weight-500">科室名称：</span>科室111</div>
+						<div class="form-title"><span class="font-weight-500">住院号：</span>008622</div>
+					</nz-form-item>
+					<nz-form-item class="form-title-box">
+						<div class="form-title"><span class="font-weight-500">患者信息：</span>张三</div>
+						<div class="form-title"><span class="font-weight-500">年龄：</span>18</div>
+					</nz-form-item>
+					<nz-form-item>
+						<div class="form-title width-100 font-weight-500">诊断：</div>
+						<div>
+							<div>1.有病</div>
+							<div>2.有病</div>
+						</div>
+					</nz-form-item>
+					
+					<nz-form-item>
+						<div class="form-title font-weight-500">病理摘要：</div>
+						<div>患者因“胆囊息肉4月余”于2024-08-05入院。
+						患者4月前我院彩超提示胆囊息肉,大小约1.3*cds  0.7cm,无腹痛腹胀，无恶心呕吐，无发热，无胸闷、无返酸，无呕血、黑便，无腹泻，无尿频、尿急、尿痛。未进一步处理,今患者再次来我院,要求进一步治疗住院，</div>
+					</nz-form-item>
+					
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="scheme" [nzSm]="24" [nzXs]="24">手术方案</nz-form-label>
+						<nz-form-control nzErrorTip="请输入手术方案" [nzSm]="24" [nzXs]="24">
+							<textarea rows="3" nz-input formControlName="scheme" placeholder="请输入手术方案"></textarea>
+						</nz-form-control>
+					</nz-form-item>
+				</div>
+				
+				<div class="content-item">
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="sees" [nzSm]="6" [nzXs]="24">术中所见</nz-form-label>
+						<nz-form-control nzErrorTip="请输入术中所见" [nzSm]="24" [nzXs]="24">
+							<textarea rows="3" nz-input formControlName="sees" placeholder="请输入术中所见"></textarea>
+						</nz-form-control>
+					</nz-form-item>
+					
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="specimen" [nzSm]="5" [nzXs]="24">标本类型</nz-form-label>
+						<nz-form-control nzErrorTip="请选择标本类型!" [nzSm]="19" [nzXs]="24">
+							<nz-input-group>
+								<nz-select nzSearch nzShowSearch nzPlaceHolder="请选择标本类型" formControlName="specimen">
+									<ng-container *ngFor="let option of specimenData">
+										<nz-option *ngIf="!isDeptLoading" [nzLabel]="option.name" [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>
+					
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="number" [nzSm]="5" [nzXs]="24">标本件数</nz-form-label>
+						<nz-form-control nzErrorTip="请输入标本件数!" [nzSm]="19" [nzXs]="24">
+							<input nz-input formControlName="number"  placeholder="请输入标本件数" nzSize="default" />
+						</nz-form-control>
+					</nz-form-item>
+					
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired nzFor="part" [nzSm]="5" [nzXs]="24">采取部位</nz-form-label>
+						<nz-form-control nzErrorTip="请输入采取部位!" [nzSm]="19" [nzXs]="24">
+							<input nz-input formControlName="part"  placeholder="请输入采取部位" nzSize="default" />
+						</nz-form-control>
+					</nz-form-item>
+					
+					<nz-form-item class="form-title-box">
+						<div class="form-title">取标本位置：A01</div>
+						<div class="form-title">取材医生：王医生</div>
+					</nz-form-item>
+					
+					<nz-form-item class="form-item">
+						<nz-form-label nzRequired [nzSm]="3" [nzXs]="24">标本</nz-form-label>
+						<div class="add-icon-class" (click)='openSpecimen()'>
+							<span class="icon_transport transport-tag27fuben form-icon"></span>
+						</div>
+					</nz-form-item>
+					
+					<div class="specimen-list">
+						<div *ngFor="let item of specimenList;let index=index;" class="specimen-item">
+							<div>{{item.name}}</div>
+							<span class="icon_transport transport-lajitong specimen-icon" (click)="specimenDel($event,item,index)"></span>
+						</div>
+					</div>
+				</div>
+			</form>
+		</div>
+		<div class="display_flex justify-content_flex-center bottom-btn">
+		  <button class="btn btn-right" nz-button nzType="primary" (click)="submitForm()" [nzLoading]="btnLoading">打印标本</button>
+			<button class="btn cancel" nz-button nzType="default" (click)="hideModal()">取消</button>
+		</div>
+	</div>
+</div>
+
+<!-- 选择标本 -->
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="specimenModal">
+	<div class="modalBody">
+		<div class="title">新增病理标本<i class="icon_transport transport-guanbi" (click)="hideSpecimenModal()"></i>
+		</div>
+		<div class="content">
+			<form nz-form [formGroup]="validateSpecimenForm" class="addForm" (ngSubmit)="submitSpecimen()">
+				<nz-form-item class="form-item">
+					<nz-form-label nzRequired [nzSm]="3" [nzXs]="24">位置来源</nz-form-label>
+					<div class="specimen-list">
+						<div>
+							<div *ngFor="let item of placeList;let index=index;" class="select-item"
+							[ngClass]="{'activeClass': index == placeIndex}" (click)="placeClick($event,item,index)" class="select-item">{{item.name}}</div>
+						</div>
+					</div>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+					<nz-form-label nzRequired [nzSm]="3" [nzXs]="24">系统</nz-form-label>
+					<div class="specimen-list">
+						<div *ngFor="let item of systemList;let index=index;" class="select-box"
+							[ngClass]="{'activeClass': index == systemIndex}" (click)="systemClick($event,item,index)">
+							<div class="select-item">{{item.name}}</div>
+						</div>
+					</div>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+					<nz-form-label nzRequired [nzSm]="3" [nzXs]="24">器官</nz-form-label>
+					<div class="specimen-list">
+						<div *ngFor="let item of apparatusList;let index=index;" class="select-box"
+							[ngClass]="{'activeClass': index == apparatusIndex}" (click)="apparatusClick($event,item,index)">
+							<div class="select-item">{{item.name}}</div>
+						</div>
+					</div>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+					<nz-form-label nzRequired [nzSm]="3" [nzXs]="24">标本名称</nz-form-label>
+					<div class="specimen-list">
+						<div *ngFor="let item of specimenNameList;let index=index;" class="select-box"
+							[ngClass]="{'activeClass': index == specimenNameIndex}" (click)="specimenNameClick($event,item,index)">
+							<div class="select-item">{{item.name}}</div>
+						</div>
+					</div>
+				</nz-form-item>
+				
+				<nz-form-item class="form-item">
+					<nz-form-label nzRequired nzFor="remark" [nzSm]="3" [nzXs]="24">备注</nz-form-label>
+					<nz-form-control nzErrorTip="请输入备注" [nzSm]="21" [nzXs]="24">
+						<textarea rows="3" nz-input formControlName="remark" placeholder="请输入备注"></textarea>
+					</nz-form-control>
+				</nz-form-item>
+			</form>
+		</div>
+		<div class="display_flex justify-content_flex-center bottom-btn">
+			<button class="btn btn-right" nz-button nzType="primary" (click)="submitSpecimen()" [nzLoading]="btnLoading">确定</button>
+			<button class="btn cancel" nz-button nzType="default" (click)="hideSpecimenModal()">取消</button>
+		</div>
+	</div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="closeModel"></app-prompt-modal>
+	
+<!-- 未打印 -->
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="notModal">
+	<div class="modalBody no-width">
+		<div class="title">未打印<i class="icon_transport transport-guanbi" (click)="hideNotModal()"></i>
+		</div>
+		<div class="content">
+			<form nz-form [formGroup]="validatePrintForm" class="addForm" (ngSubmit)="submitPrintForm()">
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="8" nzFor="time">标本离体时间</nz-form-label>
+				  <nz-form-control [nzSpan]="16" nzErrorTip="请选择标本离体时间!">
+				    <nz-input-group>
+							<nz-date-picker formControlName="time" 
+							[nzShowTime]="{ nzFormat: 'yyyy-MM-dd HH:mm:ss' }" nzFormat="yyyy-MM-dd HH:mm:ss"
+							(ngModelChange)="formChangeDate($event)"></nz-date-picker>
+						</nz-input-group>
+				  </nz-form-control>
+				</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="5" nzFor="jobNumber">工号</nz-form-label>
+					<nz-form-control [nzSpan]="19" nzErrorTip="请输入工号!">
+						<input nz-input (input)="numberChange($event)" formControlName="jobNumber" placeholder="请输入工号" nzSize="default" />
+					</nz-form-control>
+				</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="5" nzFor="name">姓名</nz-form-label>
+					<nz-form-control [nzSpan]="19" nzErrorTip="请输入姓名!">
+						<input nz-input disabled formControlName="name" placeholder="请输入姓名" nzSize="default" />
+					</nz-form-control>
+				</nz-form-item>
+			</form>
+		</div>
+		<div class="display_flex justify-content_flex-center bottom-btn">
+			<button class="btn btn-right" nz-button nzType="primary" (click)="submitPrintForm()" [nzLoading]="btnLoading">确定</button>
+			<button class="btn cancel" nz-button nzType="default" (click)="hideNotModal()">取消</button>
+		</div>
+	</div>
+</div>

src/app/share/pathology-add/pathology-add.component.less

@@ -0,0 +1,198 @@
+.pathology-box {
+  position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.4);
+	z-index: 99;
+	.pathology-content{
+		width: 80%;
+		background: #fff;
+		border-radius: 5px;
+		padding: 10px 20px;
+		color: #000;
+		.title {
+		  width: 100%;
+		  text-align: center;
+		  font-size: 18px;
+		  position: relative;
+		
+		  i {
+		    position: absolute;
+		    right: 0;
+		    top: 0;
+		    font-size: 20px;
+		    color: #666;
+		    cursor: pointer;
+		    padding: 0 5px;
+		  }
+		}
+		.content{
+			width: 100%;
+			background: #f9fafb;
+			border: 1px solid #e5e9ed;
+			border-radius: 5px;
+			overflow: hidden;
+			margin-top: 12px;
+			height: auto;
+			// padding: 19px 14px 10px 0;
+			max-height: 460px;
+			overflow-y: auto;
+			.addForm{
+				display: flex;
+				.width-100{
+					width: 100%;
+				}
+				.font-weight-500{
+					color: #000;
+					font-weight: 500;
+				}
+				.ant-select{
+					width: 100%;
+				}
+				.content-item{
+					flex: 1;
+					padding: 0 15px;
+					.form-title-box{
+						display: flex;
+						.form-title{
+							color: #333;
+							margin-right: 40px;
+						}
+					}
+					.ant-form-item {
+					  margin-bottom: 14px;
+						display: flex;
+						flex-wrap: wrap;
+					  .ant-form-item-label {
+					    text-align: left;
+							font-weight: 500;
+					  }
+						.ant-form-item-control-wrapper{
+							.ant-form-item-control{
+								width: 400px;
+							}
+						}
+					}
+					.add-icon-class{
+						border: 1px solid #e5e9ed;
+						border-radius: 3px;
+						width: 26px;
+						height: 26px;
+						line-height: 26px;
+						text-align: center;
+						position: relative;
+						top: 7px;
+						cursor: pointer;
+						.form-icon{
+							
+						}
+					}
+				}
+				.boder-right{
+					border-right: 1px solid #e5e9ed;
+				}
+				.specimen-item{
+					display: flex;
+					margin-bottom: 10px;
+					.specimen-icon{
+						color: #64BD7B;
+						cursor: pointer;
+						font-size: 20px;
+						position: relative;
+						top: -4px;
+						left: 2px;
+					}
+				}
+			}
+		}
+		.bottom-btn{
+			margin-top: 10px;
+			.btn-right{
+				margin-right: 10px;
+			}
+		}
+	}
+	
+}
+	// 新增
+	&.add {
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		background: rgba(0, 0, 0, 0.4);
+		z-index: 999;
+	  .modalBody {
+	    width: 80%;
+	    height: auto;
+			padding: 10px 20px;
+			border-radius: 5px;
+			background: #fff;
+			.title {
+			  width: 100%;
+			  text-align: center;
+			  font-size: 18px;
+			  position: relative;
+			
+			  i {
+			    position: absolute;
+			    right: 0;
+			    top: 0;
+			    font-size: 20px;
+			    color: #666;
+			    cursor: pointer;
+			    padding: 0 5px;
+			  }
+			}
+	    .content {
+	      width: 100%;
+	      height: auto;
+	      padding: 19px 14px 0 14px;
+	      max-height: 500px;
+	      overflow-y: auto;
+				.ant-form-item {
+				  margin-bottom: 14px;
+					display: flex;
+					flex-wrap: wrap;
+				  .ant-form-item-label {
+				    text-align: left;
+						font-weight: 500;
+				  }
+					.ant-form-item-control-wrapper{
+						.ant-form-item-control{
+							width: 400px;
+						}
+					}
+				}
+				.select-item{
+					margin-top: 5px;
+					display: flex;
+					flex-wrap: wrap;
+					padding: 3px 8px;
+					border: 1px solid #e5e9ed;
+					border-radius: 5px;
+					margin-right: 10px;
+					cursor: pointer;
+					display: inline-block;
+				}
+				
+				.activeClass{
+					color: #64BD7B;
+					border-color: #64BD7B;
+				}
+	      
+	    }
+			.bottom-btn{
+				margin-top: 10px;
+				.btn-right{
+					margin-right: 10px;
+				}
+			}
+	  }
+		.no-width{
+			width: 30% !important;
+		}
+	}

src/app/share/pathology-add/pathology-add.component.ts

@@ -0,0 +1,246 @@
+import { Component, ElementRef, Output, Input, OnInit, EventEmitter } from '@angular/core';
+import { HttpHeaders, HttpRequest, HttpClient  } from "@angular/common/http";
+import host from "../../../assets/js/http";
+import { NzMessageService } from "ng-zorro-antd";
+import { MainService } from '../../services/main.service';
+import {
+  FormBuilder,
+  Validators,
+  FormGroup,
+  FormControl,
+} from "@angular/forms";
+import { format, startOfDay, endOfDay, subDays} from "date-fns";
+
+@Component({
+  selector: 'app-pathology-add',
+  templateUrl: './pathology-add.component.html',
+  styleUrls: ['./pathology-add.component.less']
+})
+export class PathologyAddComponent implements OnInit {
+	
+	@Output() pathologyCancel = new EventEmitter();
+	@Input() content: string;
+
+	constructor(
+		private http: HttpClient,
+		private message: NzMessageService,
+		private mainService: MainService,
+		private fb: FormBuilder,
+	) { }
+	
+	btnLoading:boolean = false;
+	validateForm: FormGroup; //新增/编辑表单
+	validateSpecimenForm: FormGroup; //选择标本表单
+	validatePrintForm: FormGroup;
+	specimenData:any=[]; //标本类型
+	isDeptLoading:boolean = false;
+	specimenModal:boolean = false; //选择标本状态
+	specimenList:any=[
+		{
+			name:'aaa'
+		},
+		{
+			name:'bbbb'
+		}
+	]; //已选标本
+	placeIndex:any;
+	systemIndex:any;
+	apparatusIndex:any;
+	specimenNameIndex:any;
+	placeList:any=[
+		{
+			name:'通用'
+		},
+		{
+			name:'左侧'
+		},
+		{
+			name:'通用'
+		},
+		{
+			name:'左侧'
+		},
+		{
+			name:'通用'
+		},
+		{
+			name:'左侧'
+		},
+		{
+			name:'通用'
+		},
+		{
+			name:'左侧'
+		},
+		{
+			name:'通用'
+		},
+		{
+			name:'左侧'
+		},
+	]; //位置来源数据
+	systemList:any=[]; //系统数据
+	apparatusList:any=[]; //器官数据
+	specimenNameList:any=[]; //标本名称数据
+	promptContent: string; //操作提示框提示信息
+	ifSuccess: boolean; //操作成功/失败
+	promptInfo: string; //操作结果提示信息
+	promptModalShow: boolean; //操作提示框是否展示
+	type:any = '未打印';
+	notModal:boolean = false;
+  ngOnInit() {
+		this.initForm()
+  }
+	
+	// 初始化新增form表单
+	initForm() {
+		this.validateForm = this.fb.group({
+		  knowledgeClass: [1, [Validators.required]],
+			specimen: [null, [Validators.required]],
+			sees: [null, [Validators.required]],
+			scheme: [null, [Validators.required]],
+			number: [null,[Validators.required]],
+			part: [null, [Validators.required]]
+		});
+	}
+	
+	specimenDel(e,item,index){
+		this.specimenList.splice(index,1)
+	}
+	
+	// 选择标本
+	openSpecimen(){
+		this.validateSpecimenForm = this.fb.group({
+		  remark: [null, [Validators.required]]
+		});
+		this.specimenModal = true
+	}
+	
+	// 选择位置来源
+	placeClick(e,item,index){
+		this.placeIndex = index
+	}
+	
+	// 选择系统
+	systemClick(e,item,index){
+		this.systemIndex = index
+		this.getApparatus(item)
+	}
+	
+	// 选择器官
+	apparatusClick(e,item,index){
+		this.apparatusIndex = index
+		this.getSpecimenName(item)
+	}
+	
+	// 选择标本名称
+	specimenNameClick(e,item,index){
+		this.specimenNameIndex = index
+	}
+	
+	// 获取器官
+	getApparatus(item){
+		
+	}
+	
+	// 获取标本名称
+	getSpecimenName(item){
+		
+	}
+	
+	submitSpecimen(){
+		this.hideSpecimenModal()
+	}
+	
+	hideSpecimenModal(){
+		this.specimenModal = false
+	}
+	
+	hideNotModal(){
+		this.notModal = false
+	}
+	
+	// 日期选择
+	startDate: string; //时间开始
+	formChangeDate(result?): void {
+	  this.startDate = format(result[0], 'yyyy-MM-dd HH:mm:ss');
+		
+	}
+	
+	submitPrintForm(): void{
+		// for (const i in that.validateForm.controls) {
+		//   that.validateForm.controls[i].markAsDirty();
+		//   that.validateForm.controls[i].updateValueAndValidity();
+		// }
+		// if (that.validateForm.invalid) return;
+		this.hideNotModal()
+	}
+	
+	// 监听工号数据
+	numberChange(e){
+		console.log(555,e)
+	}
+	
+	submitForm(): void{
+		if(this.type=='未打印'){
+			this.notModal = true
+			this.validatePrintForm = this.fb.group({
+			  time: [null, [Validators.required]],
+				jobNumber: [null, [Validators.required]],
+				name:[null, [Validators.required]],
+			});
+			let date = new Date();
+			this.startDate = format(date, "yyyy-MM-dd HH:mm:ss")
+			console.log(444,this.startDate)
+			this.validatePrintForm.controls.time.setValue(this.startDate);
+			return
+		}
+		var that = this;
+		// for (const i in that.validateForm.controls) {
+		//   that.validateForm.controls[i].markAsDirty();
+		//   that.validateForm.controls[i].updateValueAndValidity();
+		// }
+		// if (that.validateForm.invalid) return;
+		// let data: any = {
+		// 	startTime:this.formStartDate?this.formStartDate:this.loadStartTime,//发起时间开始
+		// 	endTime:this.formEndDate?this.formEndDate:this.loadEndTime,//发起时间结束
+		// 	hosId:this.hosId,
+		// 	pharmacy:this.validateForm.value.department,
+		// 	loadAllConsumeDept:this.validateForm.value.loadAllConsumeDept?1:0
+		// };
+		  
+		// that.btnLoading = true;
+		// that.mainService
+		//   .simplePost("addData", "drugsBatch", data)
+		//   .subscribe((data) => {
+		//     that.btnLoading = false;
+		//     that.hideModal();
+		//     that.initForm();
+		//     if (data.status == 200) {
+		//       that.showPromptModal("操作", true, "");
+		//     } else {
+		//       that.showPromptModal("操作", false, data.msg);
+		//     }
+		//   });
+		this.hideModal()
+	}
+	
+	closeModel(){
+		this.hideModal()
+	}
+	hideModal(){
+		this.pathologyCancel.emit()
+	}
+	
+	// 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
+	showPromptModal(con, success, promptInfo?) {
+	  this.promptModalShow = false;
+	  this.promptContent = con;
+	  this.ifSuccess = success;
+	  this.promptInfo = promptInfo;
+	  setTimeout(() => {
+	    this.promptModalShow = true;
+	  }, 100);
+	}
+}
+

src/app/share/share.module.ts

@@ -54,6 +54,8 @@ import { MedicalWasteLogPromptModalComponent } from './medical-waste-log-prompt-
 import { OutgoingRecordDetailComponent } from './outgoing-record-detail/outgoing-record-detail.component';
 import { InspectionExecuteDetailComponent } from './inspection-execute-detail/inspection-execute-detail.component';
 import { wangEditorComponent } from './wang-editor/wang-editor.component';
+import { PathologyAddComponent } from './pathology-add/pathology-add.component';
+
 @NgModule({
   declarations: [
     DetailSampleComponent,
@@ -83,6 +85,7 @@ import { wangEditorComponent } from './wang-editor/wang-editor.component';
     OutgoingRecordDetailComponent,
     InspectionExecuteDetailComponent,
 		wangEditorComponent,
+		PathologyAddComponent,
     DateTransformPipe,
     DataToNamePipe,
     DialogDeleteComponent,
@@ -146,6 +149,7 @@ import { wangEditorComponent } from './wang-editor/wang-editor.component';
     OutgoingRecordDetailComponent,
     InspectionExecuteDetailComponent,
 		wangEditorComponent,
+		PathologyAddComponent,
     CommonModule,
     NgZorroAntdModule,
     FormsModule,

src/app/views/hushijiandan/hushijiandan.component.html

@@ -566,6 +566,7 @@
                       nzSpan="8"
                       class="borderL alignC display_flex justify-content_flex-center align-items_center h100p"
                     >
+											<button *ngIf="surgeryWKOMsg.patientDTO && surgeryConfigs && surgeryConfigs.isPathologyForm == 1" nz-button nzType="primary" class="btn txtC mr8" (click)="pathologyAdd($event)">病理申请单</button>
                       <button *ngIf="surgeryWKOMsg.patientDTO && surgeryConfigs && surgeryConfigs.remandClinical == 1" nz-button nzType="primary" class="btn txtC mr8" (click)="sendWard($event, surgeryWKOMsg)">送回病房</button>
                       <button *ngIf="surgeryWKOMsg.patientDTO && surgeryConfigs && surgeryConfigs.remandRecovery == 1" nz-button nzType="primary" class="btn txtC" (click)="sendAwakeningRoom($event, surgeryWKOMsg)">送回苏醒间</button>
                     </div>
@@ -3952,3 +3953,7 @@
   </div>
 </div>
 <button ngxPrint printSectionId="print-section" #printBtn hidden [printStyle]="{ '@page': { margin: '0 !important' }, 'body': { margin: '0 !important' } }">打印</button>
+
+<!-- 病理申请单 -->
+
+<app-pathology-add *ngIf="pathologyModal" (pathologyCancel)="pathologyCancel($event)"></app-pathology-add>

src/app/views/hushijiandan/hushijiandan.component.less

@@ -1622,6 +1622,7 @@
 
 .alignC {
   display: flex;
+	flex-wrap: wrap;
   justify-content: center;
   align-items: center;
 }

src/app/views/hushijiandan/hushijiandan.component.ts

@@ -164,7 +164,7 @@ export class HushijiandanComponent implements OnInit {
   orderListTime = 0; //工单列表自动刷新秒数
   orderListTimeConst = 60; //工单列表自动刷新秒数
   deptDisplay; //护士端是否显示可以别名，1是显示科室名称，2是显示科室别名
-
+	pathologyModal:boolean = false; //病理申请单
   // 初始化权限按钮
   coopBtns: any = {};
 
@@ -305,7 +305,15 @@ export class HushijiandanComponent implements OnInit {
     this.coopBtns = coopBtns;
     console.log(this.coopBtns);
   }
-
+	
+	// 病理申请单
+	pathologyAdd(e){
+		this.pathologyModal = true
+	}
+	
+	pathologyCancel(){
+		this.pathologyModal = false
+	}
   // 切换综合日志和一键报修
   smallTabs = [];
   smallTabId = 2; //默认显示一键报修

src/app/views/main/main.component.html

@@ -41,6 +41,7 @@
           <button nz-button nzType="primary" *ngIf="largeScreenRole2" (click)="toBigScreen('largeScreen2')">大屏端2</button>
           <button nz-button nzType="primary" *ngIf="specimenViewRole" (click)="toBigScreen('specimenView')" [nzLoading]="deptTypeLoading">业务视图</button>
           <button nz-button nzType="primary" *ngIf="specimenViewRole2" (click)="toSpecimenView2()">标本视图</button>
+					<button nz-button nzType="primary" *ngIf="specimenRoomView" (click)="toSpecimenRoomView()">标本间端</button>
           <button nz-button nzType="primary" *ngIf="disinfectionSupplyRole" (click)="toDisinfectionSupply()">全局业务查看</button>
           <button nz-button nzType="primary" *ngIf="configurationCenterRole" (click)="toConfigurationCenter()">配置中心</button>
         </div>

src/app/views/main/main.component.ts

@@ -29,6 +29,7 @@ export class MainComponent implements OnInit {
   largeScreenRole2: boolean = false; //大屏端权限
   specimenViewRole: boolean = false; //业务视图权限
   specimenViewRole2: boolean = false; //标本视图权限
+	specimenRoomView: boolean = false; //标本间权限
   disinfectionSupplyRole: boolean = false; //全局业务查看权限
   configurationCenterRole: boolean = false; //配置中心权限
   PCCommutesToWork: boolean = false; //PC上下班权限
@@ -289,6 +290,10 @@ export class MainComponent implements OnInit {
         this.specimenViewRole2 = true;
         console.log("标本视图权限");
       }
+			if (e.link == "specimenRoomView") {
+			  this.specimenRoomView = true;
+			  console.log("标本间权限");
+			}
       if (e.link == "disinfectionSupply") {
         this.disinfectionSupplyRole = true;
         console.log("全局业务查看权限");
@@ -408,6 +413,10 @@ export class MainComponent implements OnInit {
   toSpecimenView2(): void {
     this.router.navigateByUrl("specimenView2");
   }
+	// 标本间
+	toSpecimenRoomView(): void {
+	  this.router.navigateByUrl("specimenRoomView");
+	}
   // 全局业务查看
   toDisinfectionSupply(): void {
     this.router.navigateByUrl("disinfectionSupply");

src/app/views/operation-config/operation-config.component.html

@@ -84,6 +84,11 @@
           <nz-form-label class="label">是否开启手术即将开始通知</nz-form-label>
           <nz-checkbox-group [(ngModel)]="surgeryBegin"></nz-checkbox-group>
         </div>
+				<!-- 是否开启病理申请单 -->
+				<div class="display_flex align-items_center mb8">
+				  <nz-form-label class="label">是否开启病理申请单</nz-form-label>
+				  <nz-checkbox-group [(ngModel)]="isPathologyForm"></nz-checkbox-group>
+				</div>
       </div>
       <!-- 自动建单配置 -->
       <div *ngIf="tabModalName=='automaticOrderCreation'">
@@ -93,6 +98,11 @@
           <nz-checkbox-group [(ngModel)]="autoCreateOrders" (ngModelChange)="changeAutoCreateOrders($event)"></nz-checkbox-group>
           <nz-time-picker [(ngModel)]="autoTime" nzFormat="HH:mm" *ngIf="autoCreateOrders[0].checked"></nz-time-picker>
         </div>
+				<!-- 是否开启速冻标本自动建单 -->
+				<div class="display_flex align-items_center mb8">
+				  <nz-form-label class="label">是否开启速冻标本自动建单</nz-form-label>
+				  <nz-checkbox-group [(ngModel)]="isFrozenSpecimen"></nz-checkbox-group>
+				</div>
       </div>
       <div class="bottom">
         <button class="login-form-button" nzType="primary" [nzLoading]="btnLoading" nz-button (click)="submitForm()">保存</button>

src/app/views/operation-config/operation-config.component.ts

@@ -44,6 +44,14 @@ export class OperationConfigComponent implements OnInit {
   surgeryBegin:any[] = [
     {label:'是否开启',value: 0}
   ];
+	// 是否开启病理申请单
+	isPathologyForm:any[] = [
+	  {label:'是否开启',value: 0}
+	];
+	// 是否开启速冻标本自动建单
+	isFrozenSpecimen:any[] = [
+	  {label:'是否开启',value: 0}
+	];
   // 建单时间
   autoTime:Date | null = null;
   tasktype1Id:any;
@@ -143,6 +151,8 @@ export class OperationConfigComponent implements OnInit {
       recoveryTypeId: this.tasktype2Id || undefined,
       remandClean: this.autoRemandClean[0].checked ? 1 : 0,
       surgeryBegin: this.surgeryBegin[0].checked ? 1 : 0,
+			isPathologyForm: this.isPathologyForm[0].checked ? 1 : 0,
+			isFrozenSpecimen: this.isFrozenSpecimen[0].checked ? 1 : 0,
       cleanTypeId: this.cleanTypeId || undefined,
     };
     let postData = Object.assign({}, this.configs, editData);
@@ -331,7 +341,9 @@ export class OperationConfigComponent implements OnInit {
                 }
 
                 this.surgeryBegin[0].checked = this.configs.surgeryBegin == 1;
-              }
+								this.isPathologyForm[0].checked = this.configs.isPathologyForm == 1;
+								this.isFrozenSpecimen[0].checked = this.configs.isFrozenSpecimen == 1;
+							}
             });
         }else{
           this.loading = false;

src/app/views/specimen-room-view/specimen-room-view-routing.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+import { SpecimenRoomViewComponent } from "./specimen-room-view.component";
+import { DetailSampleComponent } from 'src/app/share/detail-sample/detail-sample.component';
+
+const routes: Routes = [
+  {
+    path: "",
+    component: SpecimenRoomViewComponent,
+    // children: [
+    //   {
+    //     // 工单详情-标本
+    //     path: "detailSample/:id",
+    //     component: DetailSampleComponent,
+    //   },
+    // ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SpecimenRoomViewRoutingModule {}

src/app/views/specimen-room-view/specimen-room-view.component.html

@@ -0,0 +1,587 @@
+<div class="pharmacy">
+  <!-- 头部 start -->
+  <div class="pharmacy-header">
+   <div class="pharmacy-logo">
+<!--      <img
+        [src]="tool.logoUrl"
+        class="pharmacy-logo__img"
+        [alt]="tool.logoTitle"
+      />
+      <h1 class="pharmacy-logo__name">{{tool.logoTitle}}</h1> -->
+			<h2 class="pharmacy-name__title">
+			  <span>标本间</span>
+			  <!-- <span class="currentDate">{{ time | date: "yyyy年MM月dd日" }}</span> -->
+			</h2>
+    </div>
+    <div class="pharmacy-name">
+      <div class="pharmacy-name__total">
+				<div class="pharmacy-title">标本条码：</div>
+				<nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
+					<input type="text" [(ngModel)]="barCode" nz-input placeholder="请输入条码" />
+				</nz-input-group>
+				<ng-template #suffixButton>
+					<button nz-button nzType="primary" nzSize="large" nzSearch (click)="searchSpecimen()">搜索</button>
+				</ng-template>
+      </div>
+    </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>
+  <!-- 头部 end -->
+  <!-- 主体部分 start -->
+  <div class="pharmacy-main">
+    <!-- 手术间标本start -->
+    <div class="pharmacy-main__list pharmacy-main__print">
+      <!-- 标题 start -->
+      <div class="pharmacy-main__title">
+        <strong>手术间标本</strong>
+        <span class="autoUpdate">{{ logTime }}秒</span>
+      </div>
+      <!-- 标题 end -->
+      <!-- 搜索框 start -->
+      <div class="pharmacy-main__search">
+        <div class="pharmacy-main__searchInput">
+          <input
+            nz-input
+            placeholder="请输入关键字"
+            [(ngModel)]="printPharmacySearchKey"
+          />
+          <div class="pharmacy-main__searchText" (click)="searchKeyHandle('delegation')">
+            <i nz-icon nzType="search"></i>
+            <span>搜索</span>
+          </div>
+        </div>
+      </div>
+      <!-- 搜索框 end -->
+      <!-- 列表 start -->
+      <overlay-scrollbars #osComponentRef1 class="pharmacy-main__selectionWrap">
+        <div *ngIf="!loading1" style="height: 100%">
+          <div
+            class="pharmacy-main__selection noPointer"
+            *ngFor="let item of printPharmacyList"
+						(click)="viewDetail(item)"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span title="住院号" class="weight">
+									<span class="sign-red">速冻</span>
+									{{item.code || '无'}}
+								</span>
+                <span title="姓名" class="weight">{{item.name || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span title="部位">部位：{{item.bw || '无'}}</span>
+                <span title="标本数">标本数：{{item.bbs || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span title="手术间">手术间：{{item.ssj || '无'}}</span>
+                <span title="离体时间">离体时间：{{item.time || '无'}}</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="pharmacy-main__selection pharmacy-main__selection--noData"
+            *ngIf="printPharmacyList.length === 0"
+          >
+            <img src="./../../assets/images/image_kongbaiye.png" alt="" />
+          </div>
+          <!-- <div
+            (click)="loadMore(1)"
+            class="pharmacy-main__selection pharmacy-main__selection--more"
+            *ngIf="printPharmacyFlag"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <i
+                nz-icon
+                nzType="loading"
+                nzTheme="outline"
+                class="pharmacy-main__selection--icon"
+                *ngIf="printPharmacyLoad"
+              ></i
+              >查看更多
+            </div>
+          </div> -->
+        </div>
+        <div
+          *ngIf="loading1"
+          style="height: calc(100vh - 212px); min-height: 556px"
+        >
+          <div
+            class="loadingFull display_flex justify-content_flex-center align-items_center"
+          >
+            <div class="loadingFullInner">
+              <img src="../../../assets/images/loading.gif" alt="" />
+              <div>加载中...</div>
+            </div>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <!-- 列表 end -->
+    </div>
+
+    <!-- 标本间标本 start -->
+    <div class="pharmacy-main__list pharmacy-main__waitDelivery">
+      <!-- 标题 start -->
+      <div class="pharmacy-main__title">
+        <strong>标本间标本</strong>
+        <span class="autoUpdate">{{ logTime }}秒</span>
+      </div>
+      <!-- 标题 end -->
+      <!-- 搜索框 start -->
+      <div class="pharmacy-main__search">
+        <div class="pharmacy-main__searchInput">
+          <input
+            nz-input
+            placeholder="请输入关键字"
+            [(ngModel)]="waitPharmacySearchKey"
+          />
+          <div class="pharmacy-main__searchText" (click)="searchKeyHandle('take')">
+            <i nz-icon nzType="search"></i>
+            <span>搜索</span>
+          </div>
+        </div>
+      </div>
+      <!-- 搜索框 end -->
+      <!-- 列表 start -->
+      <overlay-scrollbars #osComponentRef2 class="pharmacy-main__selectionWrap">
+        <div *ngIf="!loading2" style="height: 100%">
+          <div
+            (click)="showOrderList(item)"
+            class="pharmacy-main__selection"
+            *ngFor="let item of waitPharmacyList; let i = index"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span title="执行人姓名">{{item.userName || '无'}}</span>
+                <span title="工单数量">{{item.orderNum || '无'}}</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="pharmacy-main__selection pharmacy-main__selection--noData"
+            *ngIf="waitPharmacyList.length === 0"
+          >
+            <img src="./../../assets/images/image_kongbaiye.png" alt="" />
+          </div>
+          <!-- <div
+            (click)="loadMore(2)"
+            class="pharmacy-main__selection pharmacy-main__selection--more"
+            *ngIf="waitPharmacyFlag"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <i
+                nz-icon
+                nzType="loading"
+                nzTheme="outline"
+                class="pharmacy-main__selection--icon"
+                *ngIf="waitPharmacyLoad"
+              ></i
+              >查看更多
+            </div>
+          </div> -->
+        </div>
+        <div
+          *ngIf="loading2"
+          style="height: calc(100vh - 212px); min-height: 556px"
+        >
+          <div
+            class="loadingFull display_flex justify-content_flex-center align-items_center"
+          >
+            <div class="loadingFullInner">
+              <img src="../../../assets/images/loading.gif" alt="" />
+              <div>加载中...</div>
+            </div>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <!-- 列表 end -->
+    </div>
+
+    <!-- 今日离科标本 start -->
+    <div class="pharmacy-main__list pharmacy-main__delivery">
+      <!-- 标题 start -->
+      <div class="pharmacy-main__title">
+        <strong>今日离科标本</strong>
+        <span class="autoUpdate">{{ logTime }}秒</span>
+      </div>
+      <!-- 标题 end -->
+      <!-- 搜索框 start -->
+      <div class="pharmacy-main__search">
+        <div class="pharmacy-main__searchInput">
+          <input
+            nz-input
+            placeholder="请输入关键字"
+            [(ngModel)]="pharmacySearchKey"
+          />
+          <div class="pharmacy-main__searchText" (click)="searchKeyHandle('trans')">
+            <i nz-icon nzType="search"></i>
+            <span>搜索</span>
+          </div>
+        </div>
+      </div>
+      <!-- 搜索框 end -->
+      <!-- 列表 start -->
+      <overlay-scrollbars #osComponentRef3 class="pharmacy-main__selectionWrap">
+        <div *ngIf="!loading3" style="height: 100%">
+          <div
+            (click)="showSpeList(item)"
+            class="pharmacy-main__selection"
+            *ngFor="let item of pharmacyList; let i = index"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span title="检验科室名称" class="moreContent left">{{item.check_dept || '无'}}</span>
+                <span title="配送标本数量">{{item.count || '无'}}</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="pharmacy-main__selection pharmacy-main__selection--noData"
+            *ngIf="pharmacyList.length === 0"
+          >
+            <img src="./../../assets/images/image_kongbaiye.png" alt="" />
+          </div>
+          <!-- <div
+            (click)="loadMore(3)"
+            class="pharmacy-main__selection pharmacy-main__selection--more"
+            *ngIf="pharmacyFlag"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <i
+                nz-icon
+                nzType="loading"
+                nzTheme="outline"
+                class="pharmacy-main__selection--icon"
+                *ngIf="pharmacyLoad"
+              ></i
+              >查看更多
+            </div>
+          </div> -->
+        </div>
+        <div
+          *ngIf="loading3"
+          style="height: calc(100vh - 212px); min-height: 556px"
+        >
+          <div
+            class="loadingFull display_flex justify-content_flex-center align-items_center"
+          >
+            <div class="loadingFullInner">
+              <img src="../../../assets/images/loading.gif" alt="" />
+              <div>加载中...</div>
+            </div>
+          </div>
+        </div>
+      </overlay-scrollbars>
+      <!-- 列表 end -->
+    </div>
+  </div>
+  <!-- 主体部分 end -->
+  <router-outlet></router-outlet>
+</div>
+
+<!-- 药房端科室切换提示框 -->
+<app-hs-prompt-modal
+  [changeShow]="changeShow"
+  [closeTime]="closeTime"
+  [closeTimeFlag]="closeTimeFlag"
+  [show]="hsPromptModalShow"
+  (closeModelHs)="closeModelHs($event)"
+  (clearModelHs)="clearModelHs($event)"
+  deptType="pharmacy"
+> 
+  <!-- 返回系统按钮 -->
+  <!-- 右侧悬浮框 -->
+   <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>
+
+<!-- 标本历史记录查看 -->
+<app-history-prompt-modal
+  *ngIf="logPromptModalShow"
+  [show]="logPromptModalShow"
+  [scode]="scode"
+  (closeModelHs)="closeModelLog($event)"
+></app-history-prompt-modal>
+
+<!-- 标本列表查看 -->
+<app-spe-prompt-modal
+  *ngIf="spePromptModalShow"
+  [show]="spePromptModalShow"
+  [checkDeptId]="checkDeptId"
+  [pharmacySearchKey]="pharmacySearchKey"
+  [printDate]="printDate"
+  (closeModelHs)="closeModelSpe($event)"
+></app-spe-prompt-modal>
+
+<!-- 工单列表查看 -->
+<app-order-prompt-modal
+  *ngIf="orderPromptModalShow"
+  [show]="orderPromptModalShow"
+  [workId]="workId"
+  (closeModelHs)="closeModelOrder($event)"
+></app-order-prompt-modal>
+
+<!-- 关联标本/手术室 -->
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="relevanceModal">
+	<div class="modalBody">
+		<div class="title">关联科室</div>
+		<overlay-scrollbars #osComponentRef1 class="content">
+		 <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+			<nz-form-item>
+				<nz-form-label nzRequired nzFor="specimen" [nzSm]="5" [nzXs]="24">关联标本间</nz-form-label>
+				<nz-form-control nzErrorTip="请选择标本间!" [nzSm]="19" [nzXs]="24">
+					<nz-input-group>
+						<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择标本间" formControlName="specimen">
+							<ng-container *ngFor="let option of specimenData">
+								<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>
+			
+			<nz-form-item>
+				<nz-form-label nzRequired nzFor="operation" [nzSm]="5" [nzXs]="24">关联手术间</nz-form-label>
+				<nz-form-control nzErrorTip="请选择手术间!" [nzSm]="19" [nzXs]="24">
+					<nz-input-group>
+						<nz-select class="formItem" nzMode="multiple" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择请选择手术间" formControlName="operation">
+							<ng-container *ngFor="let option of operationData">
+								<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>
+			
+			<nz-form-item>
+				<nz-form-label nzRequired nzFor="generate">标本是否直接生成配送单</nz-form-label>
+				<nz-form-control nzErrorTip="请选择!">
+					<nz-radio-group formControlName="generate">
+						<label nz-radio [nzValue]="1">是</label>
+						<label nz-radio [nzValue]="0">否</label>
+					</nz-radio-group>
+				</nz-form-control>
+			</nz-form-item>
+		 </form>
+		</overlay-scrollbars>
+		<div class="display_flex justify-content_flex-center">
+			<button class="btn" nz-button nzType="primary" (click)="submitForm()" [nzLoading]="btnLoading">确定</button>
+		</div>
+	</div>
+</div>
+
+
+<!-- 标本接收 -->
+<div class="pathology-box display_flex align-items_center justify-content_flex-center" *ngIf="fixationModal">
+	<div class="pathology-content">
+		<div class="title">标本接收固定
+		<i class="icon_transport transport-guanbi" (click)="hideSpecimenModal()"></i></div>
+		<div class="content">
+			<div class="content-item boder-right">
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">是否术中快速：</span>是</div>
+				</div>
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">申请单编号：</span>1008611</div>
+					<div class="form-title"><span class="font-weight-500">状态：</span>未打印</div>
+				</div>
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">科室名称：</span>科室111</div>
+					<div class="form-title"><span class="font-weight-500">住院号：</span>008622</div>
+				</div>
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">患者信息：</span>张三</div>
+					<div class="form-title"><span class="font-weight-500">年龄：</span>18</div>
+				</div>
+				<div class="form-list">
+					<div class="form-title font-weight-500">诊断：</div>
+					<div>
+						<div>1.有病</div>
+						<div>2.有病</div>
+					</div>
+				</div>
+				
+				<div class="form-list">
+					<div class="form-title font-weight-500">病理摘要：</div>
+					<div>患者因“胆囊息肉4月余”于2024-08-05入院。
+					患者4月前我院彩超提示胆囊息肉,大小约1.3*cds  0.7cm,无腹痛腹胀，无恶心呕吐，无发热，无胸闷、无返酸，无呕血、黑便，无腹泻，无尿频、尿急、尿痛。未进一步处理,今患者再次来我院,要求进一步治疗住院，</div>
+				</div>
+				<div class="form-list">
+					<div class="form-title font-weight-500">手术方案：</div>
+					<div>患者因“胆囊息肉4月余”于2024-08-05入院。
+					患者4月前我院彩超提示胆囊息肉,大小约1.3*cds  0.7cm,无腹痛腹胀，无恶心呕吐，无发热，无胸闷、无返酸，无呕血、黑便，无腹泻，无尿频、尿急、尿痛。未进一步处理,今患者再次来我院,要求进一步治疗住院，</div>
+				</div>
+				<div class="form-list">
+					<div class="form-title font-weight-500">术中所见：</div>
+					<div>患者因“胆囊息肉4月余”于2024-08-05入院。
+					患者4月前我院彩超提示胆囊息肉,大小约1.3*cds  0.7cm,无腹痛腹胀，无恶心呕吐，无发热，无胸闷、无返酸，无呕血、黑便，无腹泻，无尿频、尿急、尿痛。未进一步处理,今患者再次来我院,要求进一步治疗住院，</div>
+				</div>
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">标本类型：</span>张三</div>
+					<div class="form-title"><span class="font-weight-500">标本件数：</span>18</div>
+					<div class="form-title"><span class="font-weight-500">采取部位：</span>张三</div>
+				</div>
+				<div class="form-title-box">
+					<div class="form-title"><span class="font-weight-500">取标本位置：</span>张三</div>
+					<div class="form-title"><span class="font-weight-500">取材医生：</span>18</div>
+				</div>
+				<div class="form-list">
+					<div class="form-title font-weight-500">标本：</div>
+					<div>标本1</div>
+					<div>标本2</div>
+				</div>
+			</div>
+			
+			<div class="content-item">
+				<div class="center">提示：申请单含2只标本，已扫1只，请继续扫描标本。</div>
+				<div class="disp-fl">
+					<div class="width-120">标本条码：</div>
+					<!-- <nz-input-group autofocus> -->
+						<input nz-input id="specimen" [(ngModel)]="specimenCode" />
+					<!-- </nz-input-group> -->
+				</div>
+				<div class="list-template">
+				  <div class="list-template__content">
+						<div class="list-template__bottom" style="padding: 0 !important;">
+							<nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
+								[nzLoading]="loading1">
+								<thead>
+									<tr class="thead">
+										<th nzWidth="10%">序号</th>
+										<th>条码号</th>
+										<th>标本名称</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr *ngFor="let data of listOfData let index = index">
+										<td>{{index+1}}</td>
+										<td>{{ data.code}}</td>
+										<td>{{ data.name}}</td>
+									</tr>
+								</tbody>
+							</nz-table>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="display_flex justify-content_flex-center bottom-btn">
+			<button class="btn btn-right" nz-button nzType="primary" (click)="submitFixationForm()" [nzLoading]="btnLoading">确定</button>
+			<button class="btn cancel" nz-button nzType="default" (click)="hideSpecimenModal()">取消</button>
+		</div>
+	</div>
+</div>
+
+<!-- 操作成功/失败提示框 -->
+<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
+  [info]="promptInfo" (closeModel)="closeModel"></app-prompt-modal>
+	
+<!-- 标本核验 -->
+<div class="save add display_flex align-items_center justify-content_flex-center" *ngIf="verificationMoadl">
+	<div class="modalBody no-width">
+		<div class="title">标本核验<i class="icon_transport transport-guanbi" (click)="hideVerificationModal()"></i>
+		</div>
+		<div class="content">
+			<form nz-form [formGroup]="validateVerificationForm" class="addForm" (ngSubmit)="submitVerificationForm()">
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="6" nzFor="time">固定时间</nz-form-label>
+				  <nz-form-control [nzSpan]="18" nzErrorTip="请选择固定时间!">
+				    <nz-input-group>
+							<nz-date-picker formControlName="time" 
+							[nzShowTime]="{ nzFormat: 'yyyy-MM-dd HH:mm:ss' }" nzFormat="yyyy-MM-dd HH:mm:ss"
+							(ngModelChange)="formChangeDate($event)"></nz-date-picker>
+						</nz-input-group>
+				  </nz-form-control>
+				</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="6" nzFor="jobNumber">工号</nz-form-label>
+					<nz-form-control [nzSpan]="18" nzErrorTip="请输入工号!">
+						<input nz-input (input)="numberChange($event)" formControlName="jobNumber" placeholder="请输入工号" nzSize="default" />
+					</nz-form-control>
+				</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="6" nzFor="name">姓名</nz-form-label>
+					<nz-form-control [nzSpan]="18" nzErrorTip="请输入姓名!">
+						<input nz-input disabled formControlName="name" placeholder="请输入姓名" nzSize="default" />
+					</nz-form-control>
+				</nz-form-item>
+				<nz-form-item>
+				  <nz-form-label nzRequired [nzSpan]="8" nzFor="fixative">固体液类型</nz-form-label>
+				  <nz-form-control [nzSpan]="16" nzErrorTip="请选择固体液类型!">
+				    <nz-input-group>
+							<nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch nzPlaceHolder="请选择固体液类型" formControlName="fixative">
+							  <ng-container *ngFor="let option of fixativeData">
+							    <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 bottom-btn">
+			<button class="btn btn-right" nz-button nzType="primary" (click)="submitVerificationForm()" [nzLoading]="btnLoading">确定</button>
+			<button class="btn cancel" nz-button nzType="default" (click)="hideVerificationModal()">取消</button>
+		</div>
+	</div>
+</div>

src/app/views/specimen-room-view/specimen-room-view.component.less

@@ -0,0 +1,741 @@
+@import "../../../../src/theme.less";
+:host {
+  width: 100%;
+  background-color: #f9fafb;
+  .ant-btn[disabled] {
+    color: rgba(0, 0, 0, 0.25) !important;
+    background-color: #f5f5f5 !important;
+  }
+  .red {
+    color: red !important;
+    font-weight: bold !important;
+  }
+  .green {
+    color: @primary-color!important;
+    font-weight: bold !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  p {
+    margin: 0;
+  }
+  em {
+    font-style: normal;
+  }
+  .pharmacy {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  // 头部 start
+  .pharmacy-header {
+    // height: 88px;
+    background-color: #fff;
+    border-bottom: 1px solid #e5e9ed;
+    box-sizing: border-box;
+    display: flex;
+		color: #000;
+    .pharmacy-logo {
+      width: 221px;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      .pharmacy-logo__img {
+        max-width: 100%;
+        max-height: 50%;
+      }
+
+      .pharmacy-logo__name {
+        font-size: 14px;
+        color: @primary-color;
+        margin-top: 8px;
+      }
+    }
+
+    .pharmacy-name {
+      // flex: 1;
+      // border-right: 1px solid #e5e9ed;
+      display: flex;
+      // justify-content: space-between;
+      align-items: center;
+			width: 60%;
+			justify-content: center;
+      .pharmacy-name__title {
+        font-size: 22px;
+        color: #333;
+        margin-left: 43px;
+        line-height: 87px;
+        .currentDate {
+          margin-left: 24px;
+          font-size: 16px;
+        }
+      }
+      .pharmacy-name__total {
+        margin-right: 16px;
+        font-size: 16px;
+				display: flex;
+				.pharmacy-title{
+					width: 160px;
+					font-weight: 600;
+					font-size: 22px;
+				}
+      }
+    }
+
+    .pharmacy-operate {
+      width: 211px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      position: relative;
+      .pharmacy-operatePop {
+        cursor: pointer;
+        border: 1px solid #e5e9ed;
+        background-color: #fff;
+        position: absolute;
+        left: 0;
+        top: 100%;
+        width: 100%;
+        height: 34px;
+        line-height: 34px;
+        text-align: center;
+        font-size: 14px;
+        color: @primary-color;
+      }
+
+      &:after {
+        content: "";
+        display: block;
+        width: 0;
+        height: 0;
+        border-left: 7px solid transparent;
+        border-right: 7px solid transparent;
+        border-top: 10px solid #666;
+      }
+
+      .pharmacy-operate__img {
+        max-height: 40px;
+        margin-right: 8px;
+      }
+
+      .pharmacy-operate__title {
+        font-size: 20px;
+        color: #666;
+        padding-right: 24px;
+        cursor: pointer;
+      }
+    }
+  }
+  .userInfo {
+    // display: none;
+    width: 336px;
+    // height: 100%;
+    // float: right;
+    padding: 8px;
+    box-sizing: border-box;
+    font-size: 14px;
+    // border-left: 1px solid #e5e9ed;
+
+    .wel {
+      line-height: 15px;
+    }
+
+    .user {
+      font-size: 20px;
+      height: 36px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      line-height: normal;
+
+      img {
+        height: 100%;
+        margin-right: 8px;
+      }
+    }
+    .userInfo-wrap {
+      display: flex;
+      justify-content: flex-end;
+      .logOut {
+        display: inline-block;
+        text-align: right;
+        color: @primary-color;
+        line-height: 20px;
+        cursor: pointer;
+        margin-right: 8px;
+      }
+    }
+  }
+  // 头部 end
+  // 主体部分 start
+  .pharmacy-main {
+    height: calc(100vh - 88px);
+    min-height: 680px;
+    flex: 1;
+    padding: 16px;
+    display: flex;
+    justify-content: space-between;
+    .pharmacy-main__list {
+      display: flex;
+      flex-direction: column;
+      background-color: #f9fafb;
+      flex: 1;
+      margin: 0 4px;
+      box-sizing: border-box;
+      border: 1px solid #e5e9ed;
+      // 标题 start
+      .pharmacy-main__title {
+        height: 40px;
+        background-color: #fff;
+        font-size: 16px;
+        color: #333;
+        font-weight: 700;
+        padding-left: 8px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #e5e9ed;
+        .autoUpdate {
+          font-size: 14px;
+          color: #49b856;
+          margin-right: 8px;
+        }
+        .pharmacy-main__printAll {
+          // width: 80px;
+          height: 28px;
+          line-height: 28px;
+          margin-right: 16px;
+          background-color: @primary-color;
+          font-size: 14px;
+          color: #fff;
+          border-radius: 4px;
+          text-align: center;
+          display: flex;
+          justify-content: center;
+        }
+      }
+      // 标题 end
+      // 搜索框 start
+      .pharmacy-main__search {
+        padding: 8px;
+        position: relative;
+				border-bottom: 1px solid #e5e9ed;
+        .pharmacy-main__searchInput {
+          border-radius: 100px;
+          padding-right: 82px;
+          border: 1px solid #e5e9ed;
+          background-color: #fff;
+          overflow: hidden;
+          input {
+            border: none;
+          }
+          .ant-input:focus {
+            border-color: #fff;
+            outline: 0;
+            box-shadow: 0 0 0 2px #fff;
+          }
+          .pharmacy-main__searchText {
+            cursor: pointer;
+            position: absolute;
+            top: 13px;
+            right: 8px;
+            width: 74px;
+            height: 22px;
+            border-left: 1px solid #e5e9ed;
+            color: #999;
+            padding-left: 8px;
+            box-sizing: border-box;
+            span {
+              color: @primary-color;
+              margin-left: 8px;
+            }
+          }
+        }
+      }
+      // 搜索框 end
+      // 列表 start
+      .pharmacy-main__selectionWrap {
+        flex: 1;
+        // height: 630px;
+        overflow: auto;
+        &:first-child {
+          border-top: 1px solid #e5e9ed;
+        }
+        .pharmacy-main__selection {
+          box-sizing: border-box;
+          border-bottom: 1px solid #e5e9ed;
+          display: flex;
+          cursor: pointer;
+          &.noPointer{
+            cursor: default;
+          }
+          &.pharmacy-main__selection--more {
+            color: @primary-color;
+            height: 34px;
+            cursor: pointer;
+            .pharmacy-main__selectionInfo {
+              justify-content: center;
+              align-items: center;
+              flex-direction: row;
+              .pharmacy-main__selection--icon {
+                margin-right: 8px;
+              }
+            }
+          }
+          &.pharmacy-main__selection--noData {
+            height: calc(100vh - 212px);
+            min-height: 556px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            img {
+              width: 100px;
+            }
+          }
+          .pharmacy-main__selectionInfo {
+            padding: 8px;
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            .pharmacy-main__selectionItem {
+              display: flex;
+              justify-content: space-between;
+              padding: 0 8px;
+							margin-bottom: 5px;
+							.weight{
+								font-weight: 500;
+								.sign-red{
+									color: red;
+									margin-right: 10px;
+								}
+							}
+              .moreContent{
+                width: 150px;
+                display: flex;
+                justify-content: flex-end;
+                text-align: justify;
+                &.left{
+                  justify-content: flex-start;
+                }
+              }
+              span {
+                color: #666;
+                font-size: 12px;
+              }
+              strong {
+                color: #333;
+                font-weight: 700;
+                font-size: 14px;
+              }
+            }
+          }
+          .pharmacy-main__selectionPrint {
+            width: 90px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-left: 1px solid #e5e9ed;
+            .pharmacy-main__selectionPrintBtn {
+              width: 60px;
+              height: 28px;
+              line-height: 28px;
+              border-radius: 4px;
+              border: 1px solid @primary-color;
+              color: @primary-color;
+              text-align: center;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+      // 列表 end
+    }
+  }
+  // 主体部分 end
+
+  // 右侧悬浮菜单
+  .fixed {
+    position: fixed;
+    top: 40%;
+    right: 0;
+    z-index: 99;
+    border-radius: 5px 0 0 5px;
+
+    .fixedMark {
+      position: fixed;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.2);
+      z-index: 88;
+    }
+
+    // overflow: hidden;
+    & > .left {
+      width: 480px;
+      // height: 280px;
+      float: left;
+      background: #fff;
+      padding: 16px;
+      border-radius: 5px;
+      border: 1px solid #e5e9ed;
+      // box-shadow: -8px 5px 15px #eae9e9;
+      position: relative;
+      z-index: 98;
+
+      .con {
+        background: #f9fafb;
+        width: 100%;
+        height: 100%;
+        border-radius: 5px;
+        border: 1px solid #e5e9ed;
+        padding: 16px 20px;
+
+        &.tableCon {
+          padding: 0;
+
+          .table {
+            font-size: 14px;
+
+            tr {
+              td {
+                padding: 15px 6px;
+                text-align: center;
+
+                & > .tdiv {
+                  overflow: hidden;
+
+                  .name {
+                    float: left;
+                  }
+
+                  .num {
+                    float: right;
+                    font-size: 12px;
+
+                    span {
+                      color: @primary-color;
+                      font-size: 14px;
+                    }
+                  }
+                }
+
+                .notOpen {
+                  color: #666;
+                  font-size: 12px;
+
+                  img {
+                    margin-bottom: 8px;
+                  }
+                }
+              }
+            }
+          }
+        }
+
+        .title {
+          color: #333;
+          text-align: center;
+        }
+
+        .conditions {
+          & > .ant-row {
+            margin: 8px 0;
+
+            .ant-row {
+              .ant-col-6 {
+                margin: 2px 0;
+              }
+            }
+
+            .checkAll {
+              width: 100%;
+              border-bottom: 1px solid rgb(233, 233, 233);
+              color: @primary-color;
+            }
+          }
+        }
+
+        .btns {
+          padding: 5px 20px 0 20px;
+        }
+      }
+    }
+
+    .right {
+      // opacity: .5;
+      width: 80px;
+      float: left;
+      background: rgba(255, 255, 255, 0.5);
+      border-radius: 5px 0 0 5px;
+      position: relative;
+      z-index: 98;
+
+      .fixedMenu {
+        border: 1px solid #e5e9ed;
+        color: rgba(0, 128, 0, 0.5);
+        background: rgba(255, 255, 255, 0.5);
+        text-align: center;
+        border-radius: 5px 0 0 5px;
+        // box-shadow: -3px 4px 15px rgba(234, 233, 233, .5);
+
+        &.hujiaozhongxin {
+          margin-bottom: 5px;
+        }
+
+        .menuItems {
+          .item {
+            height: 35px;
+            line-height: 35px;
+            padding: 0 6px;
+            cursor: default;
+            border-bottom: 1px solid #e5e9ed;
+            user-select: none;
+
+            &.checked {
+              background: #fff;
+              color: #52ab77;
+              opacity: 1;
+              box-shadow: -3px 4px 7px #eae9e9;
+            }
+          }
+
+          .others {
+            transition: height 0.4s linear;
+            overflow: hidden;
+          }
+        }
+
+        .arrow {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+
+	// 新增
+	&.add {
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		background: rgba(0, 0, 0, 0.4);
+		z-index: 999;
+	  .modalBody {
+	    width: 40%;
+	    height: auto;
+			padding: 10px 20px;
+			border-radius: 5px;
+			background: #fff;
+			.title {
+			  width: 100%;
+			  text-align: center;
+			  font-size: 18px;
+			  position: relative;
+			
+			  i {
+			    position: absolute;
+			    right: 0;
+			    top: 0;
+			    font-size: 20px;
+			    color: #666;
+			    cursor: pointer;
+			    padding: 0 5px;
+			  }
+			}
+	    .content {
+	      width: 100%;
+	      height: auto;
+	      padding: 19px 14px 0 14px;
+	      max-height: 500px;
+	      overflow-y: auto;
+				.ant-select{
+					width: 100%;
+				}
+				.ant-form-item {
+				  margin-bottom: 14px;
+					display: flex;
+					flex-wrap: wrap;
+				  .ant-form-item-label {
+				    text-align: left;
+						font-weight: 500;
+				  }
+					.ant-form-item-control-wrapper{
+						.ant-form-item-control{
+							width: 400px;
+						}
+					}
+				}
+				.select-item{
+					margin-top: 5px;
+					display: flex;
+					flex-wrap: wrap;
+					padding: 3px 8px;
+					border: 1px solid #e5e9ed;
+					border-radius: 5px;
+					margin-right: 10px;
+					cursor: pointer;
+					display: inline-block;
+				}
+				
+				.activeClass{
+					color: #64BD7B;
+					border-color: #64BD7B;
+				}
+	      
+	    }
+			.bottom-btn{
+				margin-top: 10px;
+				.btn-right{
+					margin-right: 10px;
+				}
+			}
+	  }
+		.no-width{
+			width: 30% !important;
+		}
+	}
+
+.pathology-box {
+  position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.4);
+	z-index: 99;
+	.pathology-content{
+		width: 80%;
+		background: #fff;
+		border-radius: 5px;
+		padding: 10px 20px;
+		color: #000;
+		.title {
+		  width: 100%;
+		  text-align: center;
+		  font-size: 18px;
+		  position: relative;
+		
+		  i {
+		    position: absolute;
+		    right: 0;
+		    top: 0;
+		    font-size: 20px;
+		    color: #666;
+		    cursor: pointer;
+		    padding: 0 5px;
+		  }
+		}
+		.content{
+			width: 100%;
+			background: #f9fafb;
+			border: 1px solid #e5e9ed;
+			border-radius: 5px;
+			overflow: hidden;
+			margin-top: 12px;
+			display: flex;
+			// .addForm{
+				// display: flex;
+				.font-weight-500{
+					color: #000;
+					font-weight: 500;
+				}
+				.ant-select{
+					width: 100%;
+				}
+				.content-item{
+					height: auto;
+					max-height: 460px;
+					overflow-y: auto;
+					flex: 1;
+					padding: 0 15px;
+					.form-title-box{
+						display: flex;
+						margin-bottom: 10px;
+						.form-title{
+							color: #333;
+							margin-right: 40px;
+						}
+					}
+					.center{
+						text-align: center;
+						padding: 10px 0;
+					}
+					.disp-fl{
+						display: flex;
+						align-items: center;
+						.width-120{
+							width: 85px;
+						}
+						.ant-input{
+							width: 300px;
+						}
+					}
+					.form-list{
+						margin-bottom: 10px;
+					}
+					.ant-form-item {
+					  margin-bottom: 14px;
+						display: flex;
+						flex-wrap: wrap;
+					  .ant-form-item-label {
+					    text-align: left;
+							font-weight: 500;
+					  }
+						.ant-form-item-control-wrapper{
+							.ant-form-item-control{
+								width: 400px;
+							}
+						}
+					}
+					.add-icon-class{
+						border: 1px solid #e5e9ed;
+						border-radius: 3px;
+						width: 26px;
+						height: 26px;
+						line-height: 26px;
+						text-align: center;
+						position: relative;
+						top: 7px;
+						cursor: pointer;
+						.form-icon{
+							
+						}
+					}
+				}
+				.boder-right{
+					border-right: 1px solid #e5e9ed;
+				}
+				.specimen-item{
+					display: flex;
+					margin-bottom: 10px;
+					.specimen-icon{
+						color: #64BD7B;
+						cursor: pointer;
+						font-size: 20px;
+						position: relative;
+						top: -4px;
+						left: 2px;
+					}
+				}
+			// }
+		}
+		.bottom-btn{
+			margin-top: 10px;
+			.btn-right{
+				margin-right: 10px;
+			}
+		}
+	}
+	
+}

src/app/views/specimen-room-view/specimen-room-view.component.ts

@@ -0,0 +1,677 @@
+import { Component, OnInit, ViewChild, OnDestroy } from "@angular/core";
+import { MainService } from "../../services/main.service";
+import { Router } from "@angular/router";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-ngx";
+import { startOfDay, format, endOfDay } from "date-fns";
+import { ToolService } from 'src/app/services/tool.service';
+import {
+  FormBuilder,
+  Validators,
+  FormGroup,
+  FormControl,
+} from "@angular/forms";
+
+@Component({
+  selector: "app-specimen-room-view",
+  templateUrl: "./specimen-room-view.component.html",
+  styleUrls: ["./specimen-room-view.component.less"],
+})
+export class SpecimenRoomViewComponent implements OnInit, OnDestroy {
+  @ViewChild("osComponentRef1", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef1: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef2", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef2: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef3", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef3: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef4", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef4: OverlayScrollbarsComponent;
+  @ViewChild("osComponentRef5", {
+    read: OverlayScrollbarsComponent,
+    static: false,
+  })
+  osComponentRef5: OverlayScrollbarsComponent;
+  constructor(
+	private mainService: MainService, 
+	public router: Router, 
+	public tool: ToolService,
+	private fb: FormBuilder,
+	) {}
+  // 今日药单量
+  todayTotal: undefined;
+  // 今日已完成
+  todayComplete: undefined;
+  //待配药数据
+  // 待配药
+  printPharmacyList = [
+		{
+			code:'222',
+			name:'张珊',
+			bw:'肺部',
+			bbs:'8',
+			ssj:'手术间5',
+			time:'08-15 10:00'
+		},
+		{
+			code:'222',
+			name:'张珊',
+			bw:'肺部',
+			bbs:'8',
+			ssj:'手术间5',
+			time:'08-15 10:00'
+		},
+	]; //数据列表
+  printPharmacyIdx = 0; //页码
+  printPharmacyTotal = 0; //总数
+  printPharmacyFlag = false; //是否查看更多
+  printPharmacySearchKey = ""; //搜索的内容
+  printPharmacyLoad = false; //按钮的loading
+  // 配药中列表
+  waitPharmacyList = [];
+  waitPharmacyIdx = 0;
+  waitPharmacyTotal = 0;
+  waitPharmacyFlag = false;
+  waitPharmacySearchKey = "";
+  waitPharmacyLoad = false;
+  // 核对中列表
+  pharmacyList = [];
+  pharmacyIdx = 0;
+  pharmacyTotal = 0;
+  pharmacyFlag = false;
+  pharmacySearchKey = "";
+  pharmacyLoad = false;
+  // 配送中列表
+  distributionList = [];
+  distributionIdx = 0;
+  distributionTotal = 0;
+  distributionFlag = false;
+  distributionSearchKey = "";
+  distributionLoad = false;
+  // 已完成列表
+  completedList = [];
+  completedIdx = 0;
+  completedTotal = 0;
+  completedFlag = false;
+  completedSearchKey = "";
+  completedLoad = false;
+	
+	barCode:any; //条码搜索
+  // other
+  loginUser: any = localStorage.getItem("user")
+    ? JSON.parse(localStorage.getItem("user")).user
+    : null; //登录人信息
+
+  logTimer = null; //定时器
+  logTime = 0; //自动刷新秒数
+  logTimeConst = 60; //自动刷新秒数
+
+  time = new Date().getTime(); // 时间戳
+  timer = null; // 时间定时器
+	relevanceModal:boolean = false //关联标本和手术室
+	validateForm: FormGroup; //关联标本和手术室表单
+	validateVerificationForm: FormGroup; //核验标本
+	specimenData:any = []; //标本间数据
+	operationData:any = []; //手术间数据
+	fixationModal:boolean = false //标本接收固定
+	verificationMoadl:boolean = false //标本核验
+	specimenCode:any; //标本条码
+	listOfData:any=[
+		{
+			code:'222',
+			name:'张珊',
+		},
+	]; 
+	fixativeData:any = []; //固体液类型
+  ngOnDestroy() {
+    clearTimeout(this.timer);
+    clearTimeout(this.logTimer);
+  }
+
+  ngOnInit() {
+    this.runTime();
+    // 统计
+    this.total();
+		
+		this.setSpecimen()
+    // 切换科室
+    // this.changeKs();
+    // 手术间列表
+    // this.getPharmacyList(this.printPharmacyIdx, 'delegation', this.printPharmacySearchKey);
+    // // 标本间列表
+    // this.getPharmacyList(this.waitPharmacyIdx, 'take', this.waitPharmacySearchKey);
+    // // 今日离科标本列表
+    // this.getPharmacyList(this.pharmacyIdx, 'trans', this.pharmacySearchKey);
+
+    this.initRole();
+    // 自动刷新倒计时 start
+    this.autoUpdate();
+    // 自动刷新倒计时 end
+  }
+  // 当前时间日期
+  runTime() {
+    clearTimeout(this.timer);
+    this.timer = setTimeout(() => {
+      this.time = Date.now();
+      this.runTime();
+    }, 500);
+  }
+	
+	// 标本搜索
+	searchSpecimen(){
+		this.fixationModal = true
+		setTimeout(_=>{
+			document.getElementById('specimen').focus();
+		},200)
+	}
+	
+	// 确定接受固定标本
+	startDate:any;
+	submitFixationForm(){
+		this.validateVerificationForm = this.fb.group({
+		  time: [null, [Validators.required]],
+			jobNumber: [null, [Validators.required]],
+			name:[null, [Validators.required]],
+			immobilization:[null, [Validators.required]],
+		});
+		let date = new Date();
+		this.startDate = format(date, "yyyy-MM-dd HH:mm:ss")
+		this.validateVerificationForm.controls.time.setValue(this.startDate);
+		this.verificationMoadl = true
+		// this.fixationModal = false
+	}
+	
+	// 关闭接受固定标本
+	hideSpecimenModal(){
+		this.fixationModal = false
+	}
+	
+	// 获取是否关联标本间
+	setSpecimen(){
+		this.validateForm = this.fb.group({
+		  specimen: [null, [Validators.required]],
+			operation: [null, [Validators.required]],
+			generate:[null, [Validators.required]],
+		});
+		this.relevanceModal = true
+	}
+	
+	submitForm(){
+		// for (const i in that.validateForm.controls) {
+		//   that.validateForm.controls[i].markAsDirty();
+		//   that.validateForm.controls[i].updateValueAndValidity();
+		// }
+		// if (that.validateForm.invalid) return;
+		this.relevanceModal = false
+	}
+	
+	// 输入工号查询姓名
+	numberChange(e){
+		
+	}
+	
+	// 提交固定标本接收
+	submitVerificationForm(){
+		// for (const i in that.validateForm.controls) {
+		//   that.validateForm.controls[i].markAsDirty();
+		//   that.validateForm.controls[i].updateValueAndValidity();
+		// }
+		// if (that.validateForm.invalid) return;
+		this.hideVerificationModal()
+	}
+	hideVerificationModal(){
+		this.verificationMoadl = false
+	}
+  // 统计
+  total() {
+    let launch = JSON.parse(localStorage.getItem("user")).user.dept.id;
+    let startTime = format(startOfDay(new Date()), "yyyy-MM-dd HH:mm:ss");
+    let endTime = format(endOfDay(new Date()), "yyyy-MM-dd HH:mm:ss");
+    let postData = {
+      startTime,
+      endTime,
+      launch,
+    };
+
+    this.mainService.getDrugsBagStateCount(postData).subscribe((res: any) => {
+      if (res.status == 200) {
+        this.todayTotal = res.countMap.todayTotal;
+        this.todayComplete = res.countMap.todayComplete;
+      }
+    });
+  }
+  // 查看工单详情
+  goToOrderDetail(item){
+    console.log(item);
+    this.router.navigateByUrl(`specimenView2/detailSample/${item.id}`);
+  }
+	// 查看详情
+	viewDetail(item){
+		
+	}
+	
+  // 查看流程信息弹窗
+  logPromptModalShow = false; //弹窗开关
+  scode = ""; //查看记录携带
+  showLogs(data) {
+    clearInterval(this.logTimer);
+    this.scode = data.scode;
+    this.logPromptModalShow = true;
+  }
+  // 关闭流程信息弹窗
+  closeModelLog(e) {
+    this.logPromptModalShow = JSON.parse(e).show;
+    this.autoUpdate(false);
+  }
+  // 查看标本列表弹窗
+  spePromptModalShow = false; //弹窗开关
+  checkDeptId = ""; //检查科室id
+  printDate = ""; //采集日期
+  showSpeList(data) {
+    clearInterval(this.logTimer);
+    this.checkDeptId = data.check_dept_id;
+    this.printDate = data.startTime;
+    this.spePromptModalShow = true;
+  }
+  // 关闭标本列表弹窗
+  closeModelSpe(e) {
+    this.spePromptModalShow = JSON.parse(e).show;
+    this.autoUpdate(false);
+  }
+   // 查看工单列表弹窗
+   orderPromptModalShow = false; //弹窗开关
+   workId = ""; //配送人员ID
+   showOrderList(data) {
+     clearInterval(this.logTimer);
+     this.workId = data.workerid;
+     this.orderPromptModalShow = true;
+   }
+   // 关闭工单列表弹窗
+   closeModelOrder(e) {
+     this.orderPromptModalShow = JSON.parse(e).show;
+     this.autoUpdate(false);
+   }
+  // 自动刷新倒计时
+  autoUpdate(flag = true) {
+    if (flag) {
+      this.logTime = this.logTimeConst;
+    }
+    clearInterval(this.logTimer);
+    this.logTimer = setInterval(() => {
+      this.logTime--;
+      if (this.logTime === 0) {
+        this.logTime = this.logTimeConst;
+        // 代收急查标本（标本信息）列表
+        // this.getPharmacyList(0, 'delegation', this.printPharmacySearchKey);
+        // // 已收取（工单信息）列表
+        // this.getPharmacyList(0, 'take', this.waitPharmacySearchKey);
+        // // 中转标本（标本统计信息）列表
+        // this.getPharmacyList(0, 'trans', this.pharmacySearchKey);
+        // // 中转配送中（工单信息）列表
+        // this.getPharmacyList(0, 'trans_send', this.distributionSearchKey);
+        // // 异常标本（标本信息）列表
+        // this.getPharmacyList(0, 'error', this.completedSearchKey);
+      }
+    }, 1000);
+  }
+  // 药房端药房列表查询、搜索
+  // 1为pc待打印状态、2为pc配药中、3为pc核对中、4为pc配送中
+  // searchKey  为搜索的关键字，没有就不传
+  loading1 = false;
+  loading2 = false;
+  loading3 = false;
+  loading4 = false;
+  loading5 = false;
+  getPharmacyList(idx, type, searchKey) {
+    let hosId = JSON.parse(localStorage.getItem("user")).user.currentHospital.id;
+    switch (type) {
+      case 'delegation':
+        this.loading1 = true;
+        break;
+      case 'take':
+        this.loading2 = true;
+        break;
+      case 'trans':
+        this.loading3 = true;
+        break;
+      case 'trans_send':
+        this.loading4 = true;
+        break;
+      case 'error':
+        this.loading5 = true;
+        break;
+    }
+    let postData = {
+      viewType: type,
+      keyWord: searchKey,
+      hosId,
+    };
+    this.mainService
+      .specimenView2(postData)
+      .subscribe((result) => {
+        switch (type) {
+          case 'delegation':
+            this.loading1 = false;
+            break;
+          case 'take':
+            this.loading2 = false;
+            break;
+          case 'trans':
+            this.loading3 = false;
+            break;
+          case 'trans_send':
+            this.loading4 = false;
+            break;
+          case 'error':
+            this.loading5 = false;
+            break;
+        }
+        if (result["state"] == 200) {
+          switch (type) {
+            case 'delegation':
+              // 总数
+              this.printPharmacyTotal = result.totalNum;
+              // 隐藏按钮的loading
+              this.printPharmacyLoad = false;
+              // 查看更多，是否显示
+              if (result["data"].length < 10) {
+                this.printPharmacyFlag = false;
+              } else if (result["data"].length === 0 && idx === 0) {
+                this.printPharmacyFlag = false;
+              } else {
+                this.printPharmacyFlag = true;
+              }
+              // 列表数据合并
+              if (idx === 0) {
+                this.printPharmacyList = result["data"];
+              } else {
+                this.printPharmacyList = [
+                  ...this.printPharmacyList,
+                  ...result["data"],
+                ];
+              }
+              break;
+            case 'take':
+              this.waitPharmacyTotal = result.totalNum;
+              this.waitPharmacyLoad = false;
+              if (result["data"].length < 10) {
+                this.waitPharmacyFlag = false;
+              } else if (result["data"].length === 0 && idx === 0) {
+                this.waitPharmacyFlag = false;
+              } else {
+                this.waitPharmacyFlag = true;
+              }
+              if (idx === 0) {
+                this.waitPharmacyList = result["data"];
+              } else {
+                this.waitPharmacyList = [
+                  ...this.waitPharmacyList,
+                  ...result["data"],
+                ];
+              }
+              break;
+            case 'trans':
+              this.pharmacyTotal = result.totalNum;
+              this.pharmacyLoad = false;
+              if (result["data"].length < 10) {
+                this.pharmacyFlag = false;
+              } else if (result["data"].length === 0 && idx === 0) {
+                this.pharmacyFlag = false;
+              } else {
+                this.pharmacyFlag = true;
+              }
+              if (idx === 0) {
+                this.pharmacyList = result["data"];
+              } else {
+                this.pharmacyList = [...this.pharmacyList, ...result["data"]];
+              }
+              break;
+            case 'trans_send':
+              this.distributionTotal = result.totalNum;
+              this.distributionLoad = false;
+              if (result["data"].length < 10) {
+                this.distributionFlag = false;
+              } else if (result["data"].length === 0 && idx === 0) {
+                this.distributionFlag = false;
+              } else {
+                this.distributionFlag = true;
+              }
+              // 处理数据
+              result["data"].forEach(v=>{
+                v.deptList = v.deptList?v.deptList.join('，'):'';
+              })
+              if (idx === 0) {
+                this.distributionList = result["data"];
+              } else {
+                this.distributionList = [
+                  ...this.distributionList,
+                  ...result["data"],
+                ];
+              }
+              break;
+            case 'error':
+              this.completedTotal = result.totalNum;
+              this.completedLoad = false;
+              if (result["data"].length < 10) {
+                this.completedFlag = false;
+              } else if (result["data"].length === 0 && idx === 0) {
+                this.completedFlag = false;
+              } else {
+                this.completedFlag = true;
+              }
+              if (idx === 0) {
+                this.completedList = result["data"];
+              } else {
+                this.completedList = [...this.completedList, ...result["data"]];
+              }
+              break;
+          }
+        }
+      });
+  }
+  // 加载更多
+  loadMore(type) {
+    switch (type) {
+      case 'delegation':
+        this.printPharmacyIdx++;
+        this.printPharmacyLoad = true;
+        this.getPharmacyList(
+          this.printPharmacyIdx,
+          type,
+          this.printPharmacySearchKey
+        );
+        break;
+      case 'take':
+        this.waitPharmacyIdx++;
+        this.waitPharmacyLoad = true;
+        this.getPharmacyList(
+          this.waitPharmacyIdx,
+          type,
+          this.waitPharmacySearchKey
+        );
+        break;
+      case 'trans':
+        this.pharmacyIdx++;
+        this.pharmacyLoad = true;
+        this.getPharmacyList(this.pharmacyIdx, type, this.pharmacySearchKey);
+        break;
+      case 'trans_send':
+        this.distributionIdx++;
+        this.distributionLoad = true;
+        this.getPharmacyList(
+          this.distributionIdx,
+          type,
+          this.distributionSearchKey
+        );
+        break;
+      case 'error':
+        this.completedIdx++;
+        this.completedLoad = true;
+        this.getPharmacyList(this.completedIdx, type, this.completedSearchKey);
+        break;
+    }
+  }
+  // 搜索关键词
+  searchKeyHandle(type) {
+    switch (type) {
+      case 'delegation':
+        this.printPharmacyIdx = 0; //页码重置
+        this.printPharmacyList = []; //列表重置
+        this.getPharmacyList(
+          this.printPharmacyIdx,
+          type,
+          this.printPharmacySearchKey
+        );
+        break;
+      case 'take':
+        this.waitPharmacyIdx = 0; //页码重置
+        this.waitPharmacyList = []; //列表重置
+        this.getPharmacyList(
+          this.waitPharmacyIdx,
+          type,
+          this.waitPharmacySearchKey
+        );
+        break;
+      case 'trans':
+        this.pharmacyIdx = 0; //页码重置
+        this.pharmacyList = []; //列表重置
+        this.getPharmacyList(this.pharmacyIdx, type, this.pharmacySearchKey);
+        break;
+      case 'trans_send':
+        this.distributionIdx = 0; //页码重置
+        this.distributionList = []; //列表重置
+        this.getPharmacyList(
+          this.distributionIdx,
+          type,
+          this.distributionSearchKey
+        );
+        break;
+      case 'error':
+        this.completedIdx = 0; //页码重置
+        this.completedList = []; //列表重置
+        this.getPharmacyList(this.completedIdx, type, this.completedSearchKey);
+        break;
+    }
+  }
+  // 退出
+  logOut(): void {
+    // 假退出
+    let hospital = this.tool.getCurrentHospital();
+    if(hospital){
+      this.router.navigate(["login", hospital.id]);
+    }else{
+      this.router.navigateByUrl("login");
+    }
+    localStorage.removeItem("user");
+    localStorage.removeItem("menu");
+    localStorage.removeItem("phones");
+    localStorage.removeItem("index");
+    // 假退出
+    this.mainService.logOut().subscribe((data) => {
+      if (data.status == 200) {
+        if(hospital){
+          this.router.navigate(["login", hospital.id]);
+        }else{
+          this.router.navigateByUrl("login");
+        }
+        localStorage.removeItem("user");
+        localStorage.removeItem("menu");
+        localStorage.removeItem("phones");
+        localStorage.removeItem("index");
+      }
+    });
+
+  }
+
+  // 右侧菜单
+  showLastItems: boolean = false;
+  // 下拉
+  fixedMenuXiala() {
+    this.showLastItems = true;
+  }
+
+  // 上拉
+  fixedMenuShangla() {
+    this.showLastItems = false;
+  }
+
+  mainRole: boolean = false; //回到系统管理权限
+  initRole() {
+    let menus = JSON.parse(localStorage.getItem("menu"));
+    console.log("菜单数量" + menus.length);
+    if (menus.length >= 2) {
+      this.mainRole = true;
+      return;
+    }
+  }
+
+  // 切换右侧菜单Tab
+  fixedTab: string = "";
+  checkFixedTab(type: string) {
+    if (type == "toSystem") {
+      this.router.navigateByUrl("main");
+    }
+    if (this.fixedTab == type) {
+      this.fixedTab = "";
+    } else {
+      this.fixedTab = type;
+    }
+  }
+  //药房端科室切换
+  changeShow = true;
+  closeTime = 3;
+  closeTimeFlag = 0;
+  hsPromptModalShow: boolean = false; //科室切换提示框是否展示
+  timerCloseTime = null;
+  deptDisplay = 1; //护士端是否显示可以别名，1是显示科室名称，2是显示科室别名
+  //子传父接收
+  closeModelHs(e) {
+    this.hsPromptModalShow = JSON.parse(e).show;
+    this.changeShow = JSON.parse(e).changeShow;
+  }
+  //子传父接收
+  clearModelHs(e) {
+    if (JSON.parse(e).clear === true) {
+      clearInterval(this.timerCloseTime);
+    }
+    this.changeShow = JSON.parse(e).changeShow;
+  }
+  // 头部切换科室
+  changeKsNow() {
+    this.hsPromptModalShow = true;
+    clearInterval(this.timerCloseTime);
+    this.changeShow = false;
+  }
+  // 切换科室
+  changeKs() {
+    this.hsPromptModalShow = true;
+    // (1)	当用户设置为正数时，用户必须查看此窗体指定秒数。
+    // (2)	当用户设置为负数时，用户可点击知道了也可倒计时自动关闭。
+    // (3)	如果用户填写0则为无自动关闭和强制查看时间。
+    if (this.closeTimeFlag === 0) {
+      return;
+    }
+    this.closeTime = Math.abs(this.closeTimeFlag);
+    clearInterval(this.timerCloseTime);
+    this.timerCloseTime = setInterval(() => {
+      this.closeTime = Math.max(--this.closeTime, 0);
+      if (this.closeTime === 0) {
+        if (this.closeTimeFlag <= 0) {
+          this.hsPromptModalShow = false;
+        }
+        clearInterval(this.timerCloseTime);
+      }
+    }, 1000);
+  }
+}
+

src/app/views/specimen-room-view/specimen-room-view.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SpecimenRoomViewRoutingModule } from './specimen-room-view-routing.module';
+import { ShareModule } from 'src/app/share/share.module';
+import { SpecimenRoomViewComponent } from './specimen-room-view.component';
+
+
+@NgModule({
+  declarations: [SpecimenRoomViewComponent],
+  imports: [
+    CommonModule,
+    SpecimenRoomViewRoutingModule,
+    ShareModule
+  ]
+})
+export class SpecimenRoomViewModule { }