标本视图

src/app/app-routing.module.ts

@@ -5,6 +5,7 @@ import { NurseGuard } from './guard/nurse.guard';//护士端权限
 import { FuwutaiGuard } from './guard/fuwutai.guard';//服务台权限
 import { MainGuard } from './guard/main.guard';//管理端权限
 import { PharmacyGuard } from './guard/pharmacy.guard';//药房端权限
+import { SpecimenView2Guard } from './guard/SpecimenView2Guard.guard';//标本视图权限
 const routes: Routes = [
   {
     path: '',
@@ -44,6 +45,11 @@ const routes: Routes = [
     loadChildren: () => import('./views/pharmacy2/pharmacy2.module').then(m => m.Pharmacy2Module),
     canActivate: [PharmacyGuard]
   },
+  {
+    path: 'specimenView2',//标本视图
+    loadChildren: () => import('./views/specimen-view2/specimen-view2.module').then(m => m.SpecimenView2Module),
+    canActivate: [SpecimenView2Guard]
+  },
   { path: '**', redirectTo: 'main/home' }
 
 ];

src/app/guard/SpecimenView2Guard.guard.ts

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

src/app/services/main.service.ts

@@ -552,4 +552,12 @@ export class MainService {
       headers: this.headers,
     });
   }
+   // 标本视图查询列表接口
+   specimenView2(data): any {
+    return this.http.post(
+      host.host + "/nurse/specimenView2",
+      data,
+      { headers: this.headers }
+    );
+  }
 }

src/app/share/share.module.ts

@@ -33,6 +33,7 @@ import { FilterSelfPipe } from '../pipes/filter-self.pipe';
 import { LogPromptModalComponent } from './log-prompt-modal/log-prompt-modal.component';
 import { DetailBxComponent } from './detail-bx/detail-bx.component';
 import { ImageViewerComponent } from './image-viewer/image-viewer.component';
+import { SpePromptModalComponent } from './spe-prompt-modal/spe-prompt-modal.component';
 
 @NgModule({
   declarations: [
@@ -64,6 +65,7 @@ import { ImageViewerComponent } from './image-viewer/image-viewer.component';
     LogPromptModalComponent,
     DetailBxComponent,
     ImageViewerComponent,
+    SpePromptModalComponent,
   ],
   imports: [
     CommonModule,
@@ -110,6 +112,7 @@ import { ImageViewerComponent } from './image-viewer/image-viewer.component';
     LogPromptModalComponent,
     DetailBxComponent,
     ImageViewerComponent,
+    SpePromptModalComponent,
   ]
 })
 export class ShareModule { }

src/app/share/spe-prompt-modal/spe-prompt-modal.component.html

@@ -0,0 +1,57 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+    <div class="modalBody">
+      <div class="title">标本列表查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+      <div class="content">
+        <nz-table class="hospitalTable" [nzData]="historySpecimenList" nzSize="middle" [nzShowPagination]="false"
+          [nzLoading]="hsLoading">
+          <thead>
+            <tr class="thead">
+                <th nzWidth="4%">序号</th>
+                <th nzWidth="8%">申请科室</th>
+                <th nzWidth="7%">患者姓名</th>
+                <th nzWidth="5%">标本编码</th>
+                <th nzWidth="8%">检验项目</th>
+                <th nzWidth="8%">标本类型</th>
+                <th nzWidth="5%">状态</th>
+                <th nzWidth="8%">收取时间</th>
+                <th nzWidth="8%">收取人</th>
+                <th nzWidth="8%">中转时间</th>
+                <th nzWidth="8%">送达时间</th>
+                <th nzWidth="8%">送达人</th>
+                <th nzWidth="8%">终点科室</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngFor="let data of historySpecimenList;let i = index;">
+                <td>{{ i + 1 }}</td>
+                <td>{{ data.sickRoom ? data.sickRoom.dept : "-" }}</td>
+                <td>{{ data.patientName}}<span *ngIf="data.bedNum">({{data.bedNum}})</span><br>{{data.residenceNo}}</td>
+                <td>{{ data.scode || "-" }}</td>
+                <td>{{ data.specimenDesc || "-" }}</td>
+                <td>{{ data.stype ? data.stype.name : "-" }}</td>
+                <td>{{ data.speState ? data.speState.name : "-" }}</td>
+                <td>{{ data.arriveTime || "-" }}</td>
+                <td>{{ data.receiverName || "-" }}</td>
+                <td>{{ data.transTime || '-' }}</td>
+                <td>{{ data.sendTime || '-' }}</td>
+                <td>{{ data.delivererName || "-" }}</td>
+                <td>
+                  {{ data.checkDept ? (!showCoop&&deptDisplay==2?data.checkDept.deptalias:data.checkDept.dept) : "-" }}
+                  <img *ngIf="data.urgent == 1"
+                  src="../../assets/images/icon_ji.png" alt="" class="ji"></td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <div class="pagination">
+          <nz-pagination [(nzPageIndex)]="historySpecimenPageIndex" [(nzTotal)]="historySpecimenListLength"
+            [(nzPageSize)]="historySpecimenPageSize" (nzPageIndexChange)="getHistorySpecimen()"
+            (nzPageSizeChange)="getHistorySpecimen()">
+          </nz-pagination>
+        </div>
+      </div>
+      <div class="display_flex justify-content_flex-center">
+        <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
+      </div>
+    </div>
+  </div>
+  

src/app/share/spe-prompt-modal/spe-prompt-modal.component.less

@@ -0,0 +1,170 @@
+@import "../../../../src/theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  .ji {
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    width: 30px;
+  }
+  .hospitalTable {
+    width: 100%;
+    td {
+      text-align: center !important;
+      position: relative;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .modalBody {
+    width: 1094px;
+    min-height: 220px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+    &.modalBody-search {
+      width: 480px;
+      min-height: 250px;
+    }
+
+    .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 {
+      min-height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      &.content-search {
+        min-height: 147px;
+        justify-content: start;
+        .defeat-search {
+          width: 100%;
+          height: 52px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border-bottom: solid 1px #e5e9ed;
+          em {
+            color: #666;
+            font-style: normal;
+          }
+        }
+        .form {
+          width: 100%;
+          padding: 0 16px;
+          .ant-form-item-label,
+          .ant-form-explain {
+            text-align: left !important;
+          }
+        }
+      }
+
+      div {
+        text-align: center;
+        margin: 0;
+
+        &.defeat {
+          color: #333;
+          font-size: 28px;
+        }
+        &.countDown {
+          font-size: 14px;
+          color: 666;
+          em {
+            font-style: normal;
+            color: @primary-color;
+          }
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+          padding-bottom: 10px;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 0;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}

src/app/share/spe-prompt-modal/spe-prompt-modal.component.ts

@@ -0,0 +1,56 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { MainService } from '../../services/main.service';
+
+@Component({
+  selector: 'app-spe-prompt-modal',
+  templateUrl: './spe-prompt-modal.component.html',
+  styleUrls: ['./spe-prompt-modal.component.less']
+})
+export class SpePromptModalComponent implements OnInit {
+  // 切换科室，切换弹窗
+  hsLoading = false;
+  historySpecimenList: any = [];
+  historySpecimenPageIndex: number = 1;//表格当前页码
+  historySpecimenPageSize: number = 5;//表格每页展示条数
+  historySpecimenListLength: number = 10;//表格总数据量
+  @Input() show: Boolean;
+  @Input() checkDeptId: String;
+  @Input() printDate: any;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private mainService: MainService) { }
+
+  ngOnInit() {
+    this.getHistorySpecimen();
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+  // 获取列表数据
+  getHistorySpecimen(idx?) {
+    if (idx) {
+      this.historySpecimenPageIndex = 1;
+    }
+    let postData = {
+      idx: this.historySpecimenPageIndex - 1,
+      sum: this.historySpecimenPageSize,
+      specimen: {
+        hosId: JSON.parse(localStorage.getItem("user")).user.currentHospital.id,
+        checkDept: {id: this.checkDeptId},
+        speState: {id: 382},
+        printDate: this.printDate?(new Date(this.printDate).getTime()):undefined,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','specimen',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.historySpecimenList = data.list || [];
+      this.historySpecimenListLength = data.totalNum || 0;
+    })
+  }
+}
+
+
+

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

@@ -41,6 +41,7 @@
             (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>
         </div>
         <div class="right">
           <div class="msg">

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

@@ -28,6 +28,7 @@ export class MainComponent implements OnInit {
   largeScreenRole: boolean = false; //大屏端权限
   largeScreenRole2: boolean = false; //大屏端权限
   specimenViewRole: boolean = false; //业务视图权限
+  specimenViewRole2: boolean = false; //标本视图权限
   @ViewChild("osComponentRef1", {
     read: OverlayScrollbarsComponent,
     static: false,
@@ -120,6 +121,10 @@ export class MainComponent implements OnInit {
         this.specimenViewRole = true;
         console.log("业务视图权限");
       }
+      if (e.link == "specimenView2") {
+        this.specimenViewRole2 = true;
+        console.log("标本视图权限");
+      }
       if (!e.link) {
         arr.push(e);
       }
@@ -210,6 +215,10 @@ export class MainComponent implements OnInit {
   toPharmacy2(): void {
     this.router.navigateByUrl("pharmacy2");
   }
+  // 标本视图
+  toSpecimenView2(): void {
+    this.router.navigateByUrl("specimenView2");
+  }
   // 大屏端或视图端
   screenType;
   hosFlag = false;

src/app/views/specimen-view2/specimen-view2-routing.module.ts

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

src/app/views/specimen-view2/specimen-view2.component.html

@@ -0,0 +1,598 @@
+<div class="pharmacy">
+  <!-- 头部 start -->
+  <div class="pharmacy-header">
+    <div class="pharmacy-logo">
+      <img
+        src="./../../assets/images/login_logo.png"
+        class="pharmacy-logo__img"
+        alt=""
+      />
+      <h1 class="pharmacy-logo__name">大势医院输送保障管理平台</h1>
+    </div>
+    <div class="pharmacy-name">
+      <h2 class="pharmacy-name__title">
+        <span>标本视图</span>
+        <span class="currentDate">{{ time | date: "yyyy年MM月dd日" }}</span>
+      </h2>
+      <div class="pharmacy-name__total">
+        <div>
+          <!-- 今日药单量：<strong>{{ todayTotal }}</strong> -->
+        </div>
+        <div>
+          <!-- 今日已完成：<strong>{{ todayComplete }}</strong> -->
+        </div>
+      </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"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span>检验项目</span>
+                <span>{{item.specimen_desc || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>患者姓名</span>
+                <span>{{item.patientname || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>住院号</span>
+                <span>{{item.residence_no || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span class="moreContent left">{{item.sick_room || '无'}}</span>
+                <span class="icon_transport transport-arrow-right-full"></span>
+                <span class="moreContent">{{item.check_dept || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>采集时间</span>
+                <span>{{item.print_date ? (item.print_date|date:'MM-dd HH:mm') :'无'}}</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>
+    <!-- 代收急查标本（标本信息） end -->
+    <!-- 已收取（工单信息） 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)="goToOrderDetail(item)"
+            class="pharmacy-main__selection"
+            *ngFor="let item of waitPharmacyList; let i = index"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span>单号</span>
+                <span>{{item.gdcode || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>执行人</span>
+                <span>{{item.userName || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>科室名称</span>
+                <span class="moreContent">{{item.start_department || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>扫描标本总数</span>
+                <span>{{item.actual_receive_num || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>到达时间</span>
+                <span>{{item.arrivetime ? (item.arrivetime|date:'MM-dd HH:mm') :'无'}}</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>
+    <!-- 已收取（工单信息） end -->
+    <!-- 中转标本（标本统计信息） 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>科室名称</span>
+                <span class="moreContent">{{item.check_dept || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>数量</span>
+                <span>{{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>
+    <!-- 中转标本（标本统计信息） end -->
+    <!-- 中转配送中（工单信息） 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)]="distributionSearchKey"
+          />
+          <div class="pharmacy-main__searchText" (click)="searchKeyHandle('trans_send')">
+            <i nz-icon nzType="search"></i>
+            <span>搜索</span>
+          </div>
+        </div>
+      </div>
+      <!-- 搜索框 end -->
+      <!-- 列表 start -->
+      <overlay-scrollbars #osComponentRef4 class="pharmacy-main__selectionWrap">
+        <div *ngIf="!loading4" style="height: 100%">
+          <div
+            (click)="goToOrderDetail(item)"
+            class="pharmacy-main__selection"
+            *ngFor="let item of distributionList; let i = index"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span>单号</span>
+                <span>{{item.gdcode || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>执行人</span>
+                <span>{{item.userName || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>配送科室</span>
+                <span class="moreContent">{{item.deptList || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>建单时间</span>
+                <span>{{item.starttime ? (item.starttime|date:'MM-dd HH:mm') :'无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>标本总数</span>
+                <span>{{item.count || '无'}}</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="pharmacy-main__selection pharmacy-main__selection--noData"
+            *ngIf="distributionList.length === 0"
+          >
+            <img src="./../../assets/images/image_kongbaiye.png" alt="" />
+          </div>
+          <!-- <div
+            (click)="loadMore(4)"
+            class="pharmacy-main__selection pharmacy-main__selection--more"
+            *ngIf="distributionFlag"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <i
+                nz-icon
+                nzType="loading"
+                nzTheme="outline"
+                class="pharmacy-main__selection--icon"
+                *ngIf="distributionLoad"
+              ></i
+              >查看更多
+            </div>
+          </div> -->
+        </div>
+        <div
+          *ngIf="loading4"
+          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>
+    <!-- 中转配送中（工单信息） end -->
+    <!-- 异常标本（标本信息） 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)]="completedSearchKey"
+          />
+          <div class="pharmacy-main__searchText" (click)="searchKeyHandle('error')">
+            <i nz-icon nzType="search"></i>
+            <span>搜索</span>
+          </div>
+        </div>
+      </div>
+      <!-- 搜索框 end -->
+      <!-- 列表 start -->
+      <overlay-scrollbars #osComponentRef5 class="pharmacy-main__selectionWrap">
+        <div *ngIf="!loading5" style="height: 100%">
+          <div
+            (click)="showLogs(item)"
+            class="pharmacy-main__selection"
+            *ngFor="let item of completedList; let i = index"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <div class="pharmacy-main__selectionItem">
+                <span>标本编码</span>
+                <span>{{item.scode || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>标本类型</span>
+                <span>{{item.stype || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>检验项目</span>
+                <span>{{item.specimen_desc || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>状态</span>
+                <span>{{item.spe_state || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>住院号</span>
+                <span>{{item.residence_no || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>患者姓名（床号）</span>
+                <span>{{item.patientname || '无'}}<span *ngIf="item.patientname && item.bednum">（{{item.bednum}}）</span></span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>收取人</span>
+                <span>{{item.receiver || '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>收取时间</span>
+                <span>{{item.arrive_time ? (item.arrive_time|date:'MM-dd HH:mm') : '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span>中转时间</span>
+                <span>{{item.trans_time ? (item.trans_time|date:'MM-dd HH:mm') : '无'}}</span>
+              </div>
+              <div class="pharmacy-main__selectionItem">
+                <span class="moreContent left">{{item.sick_room || '无'}}</span>
+                <span class="icon_transport transport-arrow-right-full"></span>
+                <span class="moreContent">{{item.check_dept || '无'}}</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="pharmacy-main__selection pharmacy-main__selection--noData"
+            *ngIf="completedList.length === 0"
+          >
+            <img src="./../../assets/images/image_kongbaiye.png" alt="" />
+          </div>
+          <!-- <div
+            (click)="loadMore(5)"
+            class="pharmacy-main__selection pharmacy-main__selection--more"
+            *ngIf="completedFlag"
+          >
+            <div class="pharmacy-main__selectionInfo">
+              <i
+                nz-icon
+                nzType="loading"
+                nzTheme="outline"
+                class="pharmacy-main__selection--icon"
+                *ngIf="completedLoad"
+              ></i
+              >查看更多
+            </div>
+          </div> -->
+        </div>
+        <div
+          *ngIf="loading5"
+          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>
+    <!-- 异常标本（标本信息） end -->
+  </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"
+  [printDate]="printDate"
+  (closeModelHs)="closeModelSpe($event)"
+></app-spe-prompt-modal>

src/app/views/specimen-view2/specimen-view2.component.less

@@ -0,0 +1,503 @@
+@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;
+
+    .pharmacy-logo {
+      width: 221px;
+      background-color: #0f2e3b;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .pharmacy-logo__img {
+        width: 32px;
+      }
+
+      .pharmacy-logo__name {
+        font-size: 14px;
+        color: #fff;
+      }
+    }
+
+    .pharmacy-name {
+      flex: 1;
+      border-right: 1px solid #e5e9ed;
+      display: flex;
+      justify-content: space-between;
+      align-items: 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;
+      }
+    }
+
+    .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 {
+    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;
+        .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;
+              .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;
+        }
+      }
+    }
+  }
+}

src/app/views/specimen-view2/specimen-view2.component.ts

@@ -0,0 +1,540 @@
+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";
+
+@Component({
+  selector: "app-specimen-view2",
+  templateUrl: "./specimen-view2.component.html",
+  styleUrls: ["./specimen-view2.component.less"],
+})
+export class SpecimenView2Component 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) {}
+  // 今日药单量
+  todayTotal: undefined;
+  // 今日已完成
+  todayComplete: undefined;
+  //待配药数据
+  // 待配药
+  printPharmacyList = []; //数据列表
+  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;
+
+  // 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; // 时间定时器
+
+  ngOnDestroy() {
+    clearTimeout(this.timer);
+    clearTimeout(this.logTimer);
+  }
+
+  ngOnInit() {
+    this.runTime();
+    // 统计
+    this.total();
+    // 切换科室
+    this.changeKs();
+    // 代收急查标本（标本信息）列表
+    this.getPharmacyList(this.printPharmacyIdx, 'delegation', this.printPharmacySearchKey);
+    // 已收取（工单信息）列表
+    this.getPharmacyList(this.waitPharmacyIdx, 'take', this.waitPharmacySearchKey);
+    // 中转标本（标本统计信息）列表
+    this.getPharmacyList(this.pharmacyIdx, 'trans', this.pharmacySearchKey);
+    // 中转配送中（工单信息）列表
+    this.getPharmacyList(this.distributionIdx, 'trans_send', this.distributionSearchKey);
+    // 异常标本（标本信息）列表
+    this.getPharmacyList(this.completedIdx, 'error', this.completedSearchKey);
+    this.initRole();
+    // 自动刷新倒计时 start
+    this.autoUpdate();
+    // 自动刷新倒计时 end
+  }
+  // 当前时间日期
+  runTime() {
+    clearTimeout(this.timer);
+    this.timer = setTimeout(() => {
+      this.time = Date.now();
+      this.runTime();
+    }, 500);
+  }
+  // 统计
+  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}`);
+  }
+  // 查看流程信息弹窗
+  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);
+  }
+  // 自动刷新倒计时
+  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 {
+    // 假退出
+    localStorage.removeItem("user");
+    localStorage.removeItem("menu");
+    localStorage.removeItem("phones");
+    localStorage.removeItem("index");
+    this.router.navigateByUrl("login");
+    // 假退出
+    this.mainService.logOut().subscribe((data) => {
+      if (data.status == 200) {
+        localStorage.removeItem("user");
+        localStorage.removeItem("menu");
+        localStorage.removeItem("phones");
+        localStorage.removeItem("index");
+        this.router.navigateByUrl("login");
+      }
+    });
+  }
+
+  // 右侧菜单
+  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 = true; //科室切换提示框是否展示
+  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-view2/specimen-view2.module.ts

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

src/assets/iconfont/demo_index.html

@@ -3,8 +3,8 @@
 <head>
   <meta charset="utf-8"/>
   <title>iconfont Demo</title>
-  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
-  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
   <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
   <link rel="stylesheet" href="demo.css">
   <link rel="stylesheet" href="iconfont.css">
@@ -55,6 +55,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon icon_transport">&#xea66;</span>
+                <div class="name">单箭头,长箭头,右</div>
+                <div class="code-name">&amp;#xea66;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon icon_transport">&#xe6b6;</span>
                 <div class="name">急</div>
                 <div class="code-name">&amp;#xe6b6;</div>
@@ -660,10 +666,10 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'icon_transport';
-  src: url('iconfont.woff2?t=1624348715748') format('woff2'),
-       url('iconfont.woff?t=1624348715748') format('woff'),
-       url('iconfont.ttf?t=1624348715748') format('truetype'),
-       url('iconfont.svg?t=1624348715748#icon_transport') format('svg');
+  src: url('iconfont.woff2?t=1663987617832') format('woff2'),
+       url('iconfont.woff?t=1663987617832') format('woff'),
+       url('iconfont.ttf?t=1663987617832') format('truetype'),
+       url('iconfont.svg?t=1663987617832#icon_transport') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -690,6 +696,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon icon_transport transport-arrow-right-full"></span>
+            <div class="name">
+              单箭头,长箭头,右
+            </div>
+            <div class="code-name">.transport-arrow-right-full
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon icon_transport transport-zu1468"></span>
             <div class="name">
               急
@@ -1600,6 +1615,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#transport-arrow-right-full"></use>
+                </svg>
+                <div class="name">单箭头,长箭头,右</div>
+                <div class="code-name">#transport-arrow-right-full</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#transport-zu1468"></use>
                 </svg>
                 <div class="name">急</div>

src/assets/iconfont/iconfont.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "icon_transport"; /* Project id 2522689 */
-  src: url('iconfont.woff2?t=1624348715748') format('woff2'),
-       url('iconfont.woff?t=1624348715748') format('woff'),
-       url('iconfont.ttf?t=1624348715748') format('truetype'),
-       url('iconfont.svg?t=1624348715748#icon_transport') format('svg');
+  src: url('iconfont.woff2?t=1663987617832') format('woff2'),
+       url('iconfont.woff?t=1663987617832') format('woff'),
+       url('iconfont.ttf?t=1663987617832') format('truetype'),
+       url('iconfont.svg?t=1663987617832#icon_transport') format('svg');
 }
 
 .icon_transport {
@@ -14,6 +14,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.transport-arrow-right-full:before {
+  content: "\ea66";
+}
+
 .transport-zu1468:before {
   content: "\e6b6";
 }

src/assets/iconfont/iconfont.json

@@ -6,6 +6,13 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "18175500",
+      "name": "单箭头,长箭头,右",
+      "font_class": "arrow-right-full",
+      "unicode": "ea66",
+      "unicode_decimal": 60006
+    },
+    {
       "icon_id": "19675369",
       "name": "急",
       "font_class": "zu1468",