回访工单

proxy.conf.json

@@ -1,6 +1,6 @@
 {
   "/service": {
-		"target": "http://192.168.3.108",
+		"target": "http://192.168.4.105",
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {

src/app/components/incidentManagement/incident-ser-call/incident-ser-call.component.html

@@ -0,0 +1,170 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody" style="width: 1200px;">
+    <div class="title">业务数据查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <!-- 血制品 -->
+      <nz-table *ngIf="type === 'blood'" class="hospitalTable" [nzData]="bloodList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="13%">患者姓名</th>
+            <th nzWidth="11%">患者ID</th>
+            <th nzWidth="11%">血液类型</th>
+            <th nzWidth="14%">血袋号</th>
+            <th nzWidth="11%">取血人</th>
+            <th nzWidth="12%">取血时间</th>
+            <th nzWidth="11%">接收人</th>
+            <th nzWidth="12%">接收时间</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of bloodList;let i = index;">
+            <td>{{i+1}}</td>
+            <td><span>{{ data.patientName }}<span *ngIf="data.bedNum">({{ data.bedNum }})</span></span></td>
+            <td>{{ data.patientNo||'' }}</td>
+            <td>{{ data.type ? data.type.name : "" }}</td>
+            <td>{{ data.bloodCode||'' }}</td>
+            <td>{{ data.arriverDTO?data.arriverDTO.name:'' }}</td>
+            <td>{{ data.arriveTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>{{ data.receiverDTO ? data.receiverDTO.name : '' }}</td>
+            <td>{{ data.receiveTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <!-- 标本 -->
+      <div class="list-template w100" *ngIf="type === 'specimen'">
+        <div class="list-template__content">
+          <div class="list-template__top" nz-row *ngIf="type === 'specimen'">
+            <div nz-col nzXl='24' class="list-template__searchBox">
+              <div class="list-template__searchItem">
+                <span class="label">标本类型</span>：
+                <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch
+                  nzPlaceHolder="请选择标本类型" [(ngModel)]="searchCriteria.stype" (ngModelChange)="selectStype($event)">
+                  <nz-option *ngFor="let option of specimentTypeList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
+                </nz-select>
+              </div>
+              <div class="list-template__searchItem">
+                <span class="label">检验项目</span>：
+                <nz-select style="width: 210px;" class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch
+                  nzPlaceHolder="请选择检验项目" [(ngModel)]="searchCriteria.specimenDesc" (ngModelChange)="selectDesc($event)">
+                  <nz-option *ngFor="let option of specimenDescList" [nzLabel]="option.nameNum" [nzValue]="option.id"></nz-option>
+                </nz-select>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <nz-table *ngIf="type === 'specimen'" class="hospitalTable" [nzData]="specimenList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="4%">序号</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>
+            <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 specimenList;let i = index;">
+            <td>{{ (pageIndex - 1) * pageSize + 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 ? data.checkDept.dept : "-" }}
+              <img *ngIf="data.urgent == 1" src="../../assets/images/icon_ji.png" alt="" class="ji" />
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <!-- 科室检查率统计 -->
+      <nz-table *ngIf="type === 'deptInspectionRateStatistics' || type === 'deptInspectionStatistics'" class="hospitalTable" [nzData]="inspectionRateStatisticsList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="4%">序号</th>
+            <th nzWidth="12%">患者姓名（床号）</th>
+            <th nzWidth="12%">检查项目</th>
+            <th nzWidth="12%">预约时间</th>
+            <th nzWidth="12%">叫号信息</th>
+            <th nzWidth="12%">检查科室</th>
+            <th nzWidth="12%">检查状态</th>
+            <th nzWidth="12%">陪检人</th>
+            <th nzWidth="12%">是否临时急查</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of inspectionRateStatisticsList;let i = index;">
+            <td>{{ (pageIndex - 1) * pageSize + i + 1 }}</td>
+            <td>{{ data.patientName }}<span *ngIf="data.patientBedNum">({{data.patientBedNum}})</span></td>
+            <td>{{ data.inspectName}}</td>
+            <td>{{ data.yyTime}}</td>
+            <td>{{ data.reservationNumber}}</td>
+            <td>{{ data.execDept ? data.execDept.dept : '' }}</td>
+            <td>{{ data.inspectState?data.inspectState.name:''}}</td>
+            <td>{{ data.workerName}}</td>
+            <td>{{ data.priority == 1 ? '是' : '否'}}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+
+      <!-- 被服洗涤批次管理-查看视图-查看异常 -->
+      <nz-table *ngIf="type === 'washingException'" class="hospitalTable" [nzData]="washingExceptionList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="13%">关联科室</th>
+            <th nzWidth="11%">被服种类</th>
+            <th nzWidth="5%">调整数量</th>
+            <th nzWidth="20%">调整原因</th>
+            <th nzWidth="20%">备注</th>
+            <th nzWidth="15%">时间</th>
+            <th nzWidth="11%">操作人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of washingExceptionList;let i = index;">
+            <td>{{i+1}}</td>
+            <td>{{ data.clothesDeptDTO?.dept }}</td>
+            <td>{{ data.clothesType?.name }}</td>
+            <td>{{ data.changeNum }}</td>
+            <td>{{ data.clothesExceptionRe?.name }}</td>
+            <td>{{ data.remarks }}</td>
+            <td>{{ data.changeTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>{{ data.changerDTO?.name }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+
+      <div class="pagination" *ngIf="type !== 'blood'">
+        <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="total"
+          [(nzPageSize)]="pageSize" (nzPageIndexChange)="getList()"
+          (nzPageSizeChange)="getList()" [nzShowTotal]="totalTemplate">
+        </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/components/incidentManagement/incident-ser-call/incident-ser-call.component.less

@@ -0,0 +1,201 @@
+@import "../../../../theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  .hospitalTable {
+    width: 100%;
+    td {
+      text-align: center !important;
+      position: relative;
+      word-break: break-all;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .ji {
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    width: 30px;
+  }
+
+  .list-template__top{
+    div{
+      text-align: left!important;
+    }
+  }
+
+  .tab {
+    width: 100%;
+    height: 60px;
+    border-bottom: 1px solid #e5e9ed;
+    background-color: #fff;
+
+    .item {
+      text-align: center;
+      line-height: 60px;
+      height: 100%;
+      border-right: 1px solid #e5e9ed;
+
+      &:nth-last-child(1) {
+        border: none;
+      }
+
+      &.checked {
+        background: #f0f6ed;
+      }
+    }
+  }
+
+  .modalBody {
+    width: 700px;
+    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;
+          }
+        }
+
+        &.pagination {
+          font-size: 14px;
+          color: #666;
+          padding-top: 16px;
+          padding-bottom: 16px;
+        }
+      }
+    }
+
+    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/components/incidentManagement/incident-ser-call/incident-ser-call.component.ts

@@ -0,0 +1,304 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { ToolService } from 'src/app/services/tool.service';
+import { format, startOfDay, endOfDay } from 'date-fns';
+import { MainService } from 'src/app/services/main.service';
+@Component({
+  selector: 'app-businessData-detail-modal',
+  templateUrl: './businessData-detail-modal.component.html',
+  styleUrls: ['./businessData-detail-modal.component.less']
+})
+export class BusinessDataDetailModalComponent implements OnInit {
+  // 切换科室，切换弹窗
+  hosId;
+  hsLoading = false;
+  bloodList: any = [];// 血制品列表
+  washingExceptionList: any = [];// 被服洗涤异常列表
+  specimenList: any = [];// 标本列表
+  inspectionRateStatisticsList: any = [];// 科室检查率统计列表
+  pageIndex: number = 1;//表格当前页码
+  pageSize: number = 10;//表格每页展示条数
+  total: number = 0;//表格总数据量
+  searchCriteria:any = {
+    stype: 0,
+    specimenDesc: 0,
+  }
+  @Input() show: Boolean;
+  @Input() orderId: String;
+  @Input() type: String = '';
+  @Input() dataInfo: any;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private mainService: MainService, private tool: ToolService) { }
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.tabType = 1;
+    switch(this.type){
+      case 'blood':
+        this.getBlood(1);
+        break;
+      case 'specimen':
+          this.getSpecimen(1);
+          this.getSpecimenType();
+          this.getSpecimenDesc();
+          break;
+      case 'deptInspectionRateStatistics':
+          this.getDeptInspectionRateStatistics(1);
+          break;
+      case 'deptInspectionStatistics':
+        this.getDeptInspectionStatistics(1);
+        break;
+      case 'washingException':
+          this.getWashingException(1);
+          break;
+    }
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+
+  // 切换tab栏
+  tabType: number = 1; //tab栏
+  checkTab(type) {
+    this.tabType = type;
+  }
+
+  // 切换标本类型下拉框
+  selectStype(e){
+    console.log(e);
+    this.searchCriteria.specimenDesc = 0;
+    this.getSpecimenDesc();
+    this.getSpecimen(1);
+  }
+
+  // 切换标本类型下拉框
+  selectDesc(e){
+    console.log(e);
+    this.getSpecimen(1);
+  }
+
+  // 分页获取数据
+  getList(){
+    switch(this.type){
+      case 'blood':
+        this.getBlood();
+        break;
+      case 'specimen':
+          this.getSpecimen();
+          break;
+      case 'deptInspectionRateStatistics':
+        this.getDeptInspectionRateStatistics();
+        break;
+      case 'deptInspectionStatistics':
+        this.getDeptInspectionStatistics();
+        break;
+      case 'washingException':
+        this.getWashingException();
+        break;
+    }
+  }
+
+  // 获取列表数据
+  getBlood(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      "type": "blood",
+      "orderId": this.orderId
+    }
+    this.hsLoading = true;
+    this.mainService.checkData(postData).subscribe((data:any) => {
+      this.hsLoading = false;
+      this.bloodList = data.data ? data.data.all : [];
+      this.pageSize = this.total = data.data ? data.data.all.length : 0;
+    })
+  }
+
+  // 获取标本类型
+  specimentTypeList: any[] = [{ id: 0, name: '全部' }];
+  getSpecimenType() {
+    this.mainService.getDictionary("list", "specimen_type").subscribe((data:any) => {
+      let specimentTypeList = [{ id: 0, name: '全部' }];
+      this.specimentTypeList = specimentTypeList.concat(data);
+    })
+  }
+
+  // 获取检验项目
+  specimenDescList: any[] = [{ id: 0, name: '', nameNum: '全部' }];
+  id:number = 0;
+  getSpecimenDesc() {
+    let postData = {
+      "hosId": this.hosId,
+      "gdId": this.orderId,
+      "stype": this.searchCriteria.stype || undefined,
+    };
+    this.mainService.specimenCount(postData).subscribe((data:any) => {
+      data.data = data.data || [];
+      let specimenDescList:any = [{ id: 0, name: '全部', nameNum: '全部' }];
+      specimenDescList[0].nameNum = `全部(${data.total})`;
+      this.specimenDescList = specimenDescList.concat( data.data.map(v => ({id: --this.id, name: v[0] || '', nameNum: (v[0] ? v[0].slice(0, 15) + (v[0].length >= 15 ? '...' : '') : '') + `(${v[1]})`})));
+    })
+  }
+
+  // 获取标本列表
+  getSpecimen(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      specimen: {
+        orderBy: 'arrive_time desc',
+        hosId: this.hosId,
+        gdid: this.orderId,
+        stype: this.searchCriteria.stype ? { id: this.searchCriteria.stype } : undefined,
+        specimenDesc: this.searchCriteria.specimenDesc ? this.specimenDescList.find(v => v.id == this.searchCriteria.specimenDesc).name: undefined,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','specimen',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.specimenList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+
+  // 获取被服洗涤异常列表
+  getWashingException(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      clothesException: {
+        hosId: this.hosId,
+        batchId: this.orderId,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','clothesException',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.washingExceptionList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+
+  // 获取科室检查率统计-详情列表
+  getDeptInspectionRateStatistics(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData:any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      canceled: this.dataInfo.canceled ? true : undefined,
+      priority: this.dataInfo.priority ? 0 : undefined,
+    }
+    switch(this.dataInfo.type){
+      case 'total':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        break;
+      case 'noCheckCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'noCheck';
+        break;
+      case 'checkCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'check';
+        break;
+      case 'insCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'inspect';
+        break;
+    }
+    this.hsLoading = true;
+    this.mainService.listMsgByMain("listInspect", postData).subscribe((data: any) => {
+      this.hsLoading = false;
+      this.inspectionRateStatisticsList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+
+  }
+
+  // 获取科室检查统计-详情列表
+  getDeptInspectionStatistics(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData:any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      znDeptInspect: true,
+    }
+    switch(this.dataInfo.type){
+      case 'total':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        break;
+      case 'cancel':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.cancel = true;
+        break;
+      case 'priority':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.priority = 1;
+        break;
+      case 'noneYY':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.noneYY = true;
+        break;
+      case 'waitCheck':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.waitCheck = true;
+        break;
+      case 'doCheck':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.doCheck = true;
+        break;
+    }
+    this.hsLoading = true;
+    this.mainService.listMsgByMain("listInspect", postData).subscribe((data: any) => {
+      this.hsLoading = false;
+      this.inspectionRateStatisticsList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+
+  }
+}
+
+
+

src/app/components/incidentManagement/incident-ser-message/incident-ser-message.component.html

@@ -0,0 +1,170 @@
+<div class="modal display_flex justify-content_flex-center align-items_center" *ngIf="show">
+  <div class="modalBody" style="width: 1200px;">
+    <div class="title">业务数据查看<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <!-- 血制品 -->
+      <nz-table *ngIf="type === 'blood'" class="hospitalTable" [nzData]="bloodList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="13%">患者姓名</th>
+            <th nzWidth="11%">患者ID</th>
+            <th nzWidth="11%">血液类型</th>
+            <th nzWidth="14%">血袋号</th>
+            <th nzWidth="11%">取血人</th>
+            <th nzWidth="12%">取血时间</th>
+            <th nzWidth="11%">接收人</th>
+            <th nzWidth="12%">接收时间</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of bloodList;let i = index;">
+            <td>{{i+1}}</td>
+            <td><span>{{ data.patientName }}<span *ngIf="data.bedNum">({{ data.bedNum }})</span></span></td>
+            <td>{{ data.patientNo||'' }}</td>
+            <td>{{ data.type ? data.type.name : "" }}</td>
+            <td>{{ data.bloodCode||'' }}</td>
+            <td>{{ data.arriverDTO?data.arriverDTO.name:'' }}</td>
+            <td>{{ data.arriveTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>{{ data.receiverDTO ? data.receiverDTO.name : '' }}</td>
+            <td>{{ data.receiveTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <!-- 标本 -->
+      <div class="list-template w100" *ngIf="type === 'specimen'">
+        <div class="list-template__content">
+          <div class="list-template__top" nz-row *ngIf="type === 'specimen'">
+            <div nz-col nzXl='24' class="list-template__searchBox">
+              <div class="list-template__searchItem">
+                <span class="label">标本类型</span>：
+                <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch
+                  nzPlaceHolder="请选择标本类型" [(ngModel)]="searchCriteria.stype" (ngModelChange)="selectStype($event)">
+                  <nz-option *ngFor="let option of specimentTypeList" [nzLabel]="option.name" [nzValue]="option.id"></nz-option>
+                </nz-select>
+              </div>
+              <div class="list-template__searchItem">
+                <span class="label">检验项目</span>：
+                <nz-select style="width: 210px;" class="formItem" [nzDropdownMatchSelectWidth]="false" nzShowSearch
+                  nzPlaceHolder="请选择检验项目" [(ngModel)]="searchCriteria.specimenDesc" (ngModelChange)="selectDesc($event)">
+                  <nz-option *ngFor="let option of specimenDescList" [nzLabel]="option.nameNum" [nzValue]="option.id"></nz-option>
+                </nz-select>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <nz-table *ngIf="type === 'specimen'" class="hospitalTable" [nzData]="specimenList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="4%">序号</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>
+            <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 specimenList;let i = index;">
+            <td>{{ (pageIndex - 1) * pageSize + 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 ? data.checkDept.dept : "-" }}
+              <img *ngIf="data.urgent == 1" src="../../assets/images/icon_ji.png" alt="" class="ji" />
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+      <!-- 科室检查率统计 -->
+      <nz-table *ngIf="type === 'deptInspectionRateStatistics' || type === 'deptInspectionStatistics'" class="hospitalTable" [nzData]="inspectionRateStatisticsList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="4%">序号</th>
+            <th nzWidth="12%">患者姓名（床号）</th>
+            <th nzWidth="12%">检查项目</th>
+            <th nzWidth="12%">预约时间</th>
+            <th nzWidth="12%">叫号信息</th>
+            <th nzWidth="12%">检查科室</th>
+            <th nzWidth="12%">检查状态</th>
+            <th nzWidth="12%">陪检人</th>
+            <th nzWidth="12%">是否临时急查</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of inspectionRateStatisticsList;let i = index;">
+            <td>{{ (pageIndex - 1) * pageSize + i + 1 }}</td>
+            <td>{{ data.patientName }}<span *ngIf="data.patientBedNum">({{data.patientBedNum}})</span></td>
+            <td>{{ data.inspectName}}</td>
+            <td>{{ data.yyTime}}</td>
+            <td>{{ data.reservationNumber}}</td>
+            <td>{{ data.execDept ? data.execDept.dept : '' }}</td>
+            <td>{{ data.inspectState?data.inspectState.name:''}}</td>
+            <td>{{ data.workerName}}</td>
+            <td>{{ data.priority == 1 ? '是' : '否'}}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+
+      <!-- 被服洗涤批次管理-查看视图-查看异常 -->
+      <nz-table *ngIf="type === 'washingException'" class="hospitalTable" [nzData]="washingExceptionList" nzSize="middle" [nzShowPagination]="false"
+        [nzLoading]="hsLoading" [nzScroll]="{ y: '500px' }">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%">序号</th>
+            <th nzWidth="13%">关联科室</th>
+            <th nzWidth="11%">被服种类</th>
+            <th nzWidth="5%">调整数量</th>
+            <th nzWidth="20%">调整原因</th>
+            <th nzWidth="20%">备注</th>
+            <th nzWidth="15%">时间</th>
+            <th nzWidth="11%">操作人</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of washingExceptionList;let i = index;">
+            <td>{{i+1}}</td>
+            <td>{{ data.clothesDeptDTO?.dept }}</td>
+            <td>{{ data.clothesType?.name }}</td>
+            <td>{{ data.changeNum }}</td>
+            <td>{{ data.clothesExceptionRe?.name }}</td>
+            <td>{{ data.remarks }}</td>
+            <td>{{ data.changeTime | date:"yyyy-MM-dd HH:mm:ss" }}</td>
+            <td>{{ data.changerDTO?.name }}</td>
+          </tr>
+        </tbody>
+      </nz-table>
+
+      <div class="pagination" *ngIf="type !== 'blood'">
+        <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
+        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="total"
+          [(nzPageSize)]="pageSize" (nzPageIndexChange)="getList()"
+          (nzPageSizeChange)="getList()" [nzShowTotal]="totalTemplate">
+        </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/components/incidentManagement/incident-ser-message/incident-ser-message.component.less

@@ -0,0 +1,201 @@
+@import "../../../../theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  .hospitalTable {
+    width: 100%;
+    td {
+      text-align: center !important;
+      position: relative;
+      word-break: break-all;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .ji {
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    width: 30px;
+  }
+
+  .list-template__top{
+    div{
+      text-align: left!important;
+    }
+  }
+
+  .tab {
+    width: 100%;
+    height: 60px;
+    border-bottom: 1px solid #e5e9ed;
+    background-color: #fff;
+
+    .item {
+      text-align: center;
+      line-height: 60px;
+      height: 100%;
+      border-right: 1px solid #e5e9ed;
+
+      &:nth-last-child(1) {
+        border: none;
+      }
+
+      &.checked {
+        background: #f0f6ed;
+      }
+    }
+  }
+
+  .modalBody {
+    width: 700px;
+    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;
+          }
+        }
+
+        &.pagination {
+          font-size: 14px;
+          color: #666;
+          padding-top: 16px;
+          padding-bottom: 16px;
+        }
+      }
+    }
+
+    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/components/incidentManagement/incident-ser-message/incident-ser-message.component.ts

@@ -0,0 +1,304 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { ToolService } from 'src/app/services/tool.service';
+import { format, startOfDay, endOfDay } from 'date-fns';
+import { MainService } from 'src/app/services/main.service';
+@Component({
+  selector: 'app-businessData-detail-modal',
+  templateUrl: './businessData-detail-modal.component.html',
+  styleUrls: ['./businessData-detail-modal.component.less']
+})
+export class BusinessDataDetailModalComponent implements OnInit {
+  // 切换科室，切换弹窗
+  hosId;
+  hsLoading = false;
+  bloodList: any = [];// 血制品列表
+  washingExceptionList: any = [];// 被服洗涤异常列表
+  specimenList: any = [];// 标本列表
+  inspectionRateStatisticsList: any = [];// 科室检查率统计列表
+  pageIndex: number = 1;//表格当前页码
+  pageSize: number = 10;//表格每页展示条数
+  total: number = 0;//表格总数据量
+  searchCriteria:any = {
+    stype: 0,
+    specimenDesc: 0,
+  }
+  @Input() show: Boolean;
+  @Input() orderId: String;
+  @Input() type: String = '';
+  @Input() dataInfo: any;
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private mainService: MainService, private tool: ToolService) { }
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.tabType = 1;
+    switch(this.type){
+      case 'blood':
+        this.getBlood(1);
+        break;
+      case 'specimen':
+          this.getSpecimen(1);
+          this.getSpecimenType();
+          this.getSpecimenDesc();
+          break;
+      case 'deptInspectionRateStatistics':
+          this.getDeptInspectionRateStatistics(1);
+          break;
+      case 'deptInspectionStatistics':
+        this.getDeptInspectionStatistics(1);
+        break;
+      case 'washingException':
+          this.getWashingException(1);
+          break;
+    }
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+
+  // 切换tab栏
+  tabType: number = 1; //tab栏
+  checkTab(type) {
+    this.tabType = type;
+  }
+
+  // 切换标本类型下拉框
+  selectStype(e){
+    console.log(e);
+    this.searchCriteria.specimenDesc = 0;
+    this.getSpecimenDesc();
+    this.getSpecimen(1);
+  }
+
+  // 切换标本类型下拉框
+  selectDesc(e){
+    console.log(e);
+    this.getSpecimen(1);
+  }
+
+  // 分页获取数据
+  getList(){
+    switch(this.type){
+      case 'blood':
+        this.getBlood();
+        break;
+      case 'specimen':
+          this.getSpecimen();
+          break;
+      case 'deptInspectionRateStatistics':
+        this.getDeptInspectionRateStatistics();
+        break;
+      case 'deptInspectionStatistics':
+        this.getDeptInspectionStatistics();
+        break;
+      case 'washingException':
+        this.getWashingException();
+        break;
+    }
+  }
+
+  // 获取列表数据
+  getBlood(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      "type": "blood",
+      "orderId": this.orderId
+    }
+    this.hsLoading = true;
+    this.mainService.checkData(postData).subscribe((data:any) => {
+      this.hsLoading = false;
+      this.bloodList = data.data ? data.data.all : [];
+      this.pageSize = this.total = data.data ? data.data.all.length : 0;
+    })
+  }
+
+  // 获取标本类型
+  specimentTypeList: any[] = [{ id: 0, name: '全部' }];
+  getSpecimenType() {
+    this.mainService.getDictionary("list", "specimen_type").subscribe((data:any) => {
+      let specimentTypeList = [{ id: 0, name: '全部' }];
+      this.specimentTypeList = specimentTypeList.concat(data);
+    })
+  }
+
+  // 获取检验项目
+  specimenDescList: any[] = [{ id: 0, name: '', nameNum: '全部' }];
+  id:number = 0;
+  getSpecimenDesc() {
+    let postData = {
+      "hosId": this.hosId,
+      "gdId": this.orderId,
+      "stype": this.searchCriteria.stype || undefined,
+    };
+    this.mainService.specimenCount(postData).subscribe((data:any) => {
+      data.data = data.data || [];
+      let specimenDescList:any = [{ id: 0, name: '全部', nameNum: '全部' }];
+      specimenDescList[0].nameNum = `全部(${data.total})`;
+      this.specimenDescList = specimenDescList.concat( data.data.map(v => ({id: --this.id, name: v[0] || '', nameNum: (v[0] ? v[0].slice(0, 15) + (v[0].length >= 15 ? '...' : '') : '') + `(${v[1]})`})));
+    })
+  }
+
+  // 获取标本列表
+  getSpecimen(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      specimen: {
+        orderBy: 'arrive_time desc',
+        hosId: this.hosId,
+        gdid: this.orderId,
+        stype: this.searchCriteria.stype ? { id: this.searchCriteria.stype } : undefined,
+        specimenDesc: this.searchCriteria.specimenDesc ? this.specimenDescList.find(v => v.id == this.searchCriteria.specimenDesc).name: undefined,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','specimen',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.specimenList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+
+  // 获取被服洗涤异常列表
+  getWashingException(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      clothesException: {
+        hosId: this.hosId,
+        batchId: this.orderId,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','clothesException',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.washingExceptionList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+
+  // 获取科室检查率统计-详情列表
+  getDeptInspectionRateStatistics(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData:any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      canceled: this.dataInfo.canceled ? true : undefined,
+      priority: this.dataInfo.priority ? 0 : undefined,
+    }
+    switch(this.dataInfo.type){
+      case 'total':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        break;
+      case 'noCheckCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'noCheck';
+        break;
+      case 'checkCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'check';
+        break;
+      case 'insCount':
+        postData.deptId = this.dataInfo.data.id;
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.reportInsState = 'inspect';
+        break;
+    }
+    this.hsLoading = true;
+    this.mainService.listMsgByMain("listInspect", postData).subscribe((data: any) => {
+      this.hsLoading = false;
+      this.inspectionRateStatisticsList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+
+  }
+
+  // 获取科室检查统计-详情列表
+  getDeptInspectionStatistics(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData:any = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      znDeptInspect: true,
+    }
+    switch(this.dataInfo.type){
+      case 'total':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        break;
+      case 'cancel':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.cancel = true;
+        break;
+      case 'priority':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.priority = 1;
+        break;
+      case 'noneYY':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.noneYY = true;
+        break;
+      case 'waitCheck':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.waitCheck = true;
+        break;
+      case 'doCheck':
+        postData.deptId = this.dataInfo.data[10];
+        postData.hosId = this.hosId;
+        postData.startTime = this.dataInfo.searchDto.dateRange[0] ? format(startOfDay(this.dataInfo.searchDto.dateRange[0]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.endTime = this.dataInfo.searchDto.dateRange[1] ? format(endOfDay(this.dataInfo.searchDto.dateRange[1]), 'yyyy-MM-dd HH:mm:ss') : undefined;
+        postData.doCheck = true;
+        break;
+    }
+    this.hsLoading = true;
+    this.mainService.listMsgByMain("listInspect", postData).subscribe((data: any) => {
+      this.hsLoading = false;
+      this.inspectionRateStatisticsList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+
+  }
+}
+
+
+

src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.component.html

@@ -0,0 +1,28 @@
+<div class="modal display_flex align-items_center">
+  <div class="modalBody" style="width: 1200px;">
+    <div class="title">待回访<i class="icon_transport transport-guanbi" (click)="hideModal()"></i></div>
+    <div class="content">
+      <div class="items">
+        <div class="row">
+          <div>单号：SJ2408030022</div>
+          <div>优先级：极低</div>
+          <div>院区-科室名称：同济医院主院区-神经内科Ⅰ</div>
+        </div>
+        <div class="row">
+          <div>故障描述：故障的描述故障的描述故障的描述故障的描述故障的描述故障的描述故障的描述故障的描述。</div>
+        </div>
+        <div class="row">
+          <div>详细地址：内科楼5楼20病房卫生间</div>
+        </div>
+        <div class="row">
+          <div>申请时间：2024-08-30 12:56</div>
+          <div>处理人：张三</div>
+          <div>
+            <input type="button" class="mid_bot" value="回访" (click)="openRecallModal(data.data.id)" />
+            <input type="button" class="btm_bot" value="查看" (click)="openDelModal(data.data.id, 'hsms')" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.component.less

@@ -0,0 +1,127 @@
+@import "../../../../theme.less";
+.modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+  .hospitalTable {
+    width: 100%;
+    td {
+      text-align: center !important;
+      position: relative;
+      word-break: break-all;
+    }
+    .thead {
+      background-image: linear-gradient(to right, @bg-start, @bg-end);
+      th {
+        text-align: center !important;
+        color: #fff;
+        background: transparent;
+      }
+    }
+  }
+
+  .ji {
+    position: absolute;
+    right: 0px;
+    top: -3px;
+    width: 30px;
+  }
+
+  .list-template__top{
+    div{
+      text-align: left!important;
+    }
+  }
+
+  .tab {
+    width: 100%;
+    height: 60px;
+    border-bottom: 1px solid #e5e9ed;
+    background-color: #fff;
+
+    .item {
+      text-align: center;
+      line-height: 60px;
+      height: 100%;
+      border-right: 1px solid #e5e9ed;
+
+      &:nth-last-child(1) {
+        border: none;
+      }
+
+      &.checked {
+        background: #f0f6ed;
+      }
+    }
+  }
+
+  .modalBody {
+    width: 700px;
+    height: 707px;
+    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 {
+      .items{
+        border-bottom: 1px solid #D9D9D9;
+        /* 中按钮 */
+        .mid_bot {
+          width: 65px;
+          border-radius: 4px;
+          color: white;
+          background-color: @primary-color;
+          border: 1px @primary-color solid;
+          cursor: pointer;
+          height: 27px;
+        }
+
+        /* 下按钮 */
+        .btm_bot {
+          width: 65px;
+          border-radius: 4px;
+          color: #78797a;
+          background-color: #FFF;
+          border: 1px #e5e9ed solid;
+          cursor: pointer;
+          height: 27px;
+        }
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+}

src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.component.ts

@@ -0,0 +1,55 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { ToolService } from 'src/app/services/tool.service';
+import { MainService } from 'src/app/services/main.service';
+@Component({
+  selector: 'app-incident-ser-visit',
+  templateUrl: './incident-ser-visit.component.html',
+  styleUrls: ['./incident-ser-visit.component.less']
+})
+export class IncidentSerVisitComponent implements OnInit {
+  // 切换科室，切换弹窗
+  hosId;
+  hsLoading = false;
+  visitList: any = [];// 列表
+  pageIndex: number = 1;//表格当前页码
+  pageSize: number = 10;//表格每页展示条数
+  total: number = 0;//表格总数据量
+
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(private mainService: MainService, private tool: ToolService) { }
+
+  ngOnInit() {
+    this.hosId = this.tool.getCurrentHospital().id;
+    this.getVisitList();
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+
+  // 分页获取数据
+  getList(){
+    this.getVisitList();
+  }
+
+  // 获取回访列表
+  getVisitList() {
+    let postData = {
+      idx: 0,
+      sum: 9999,
+      clothesException: {
+        hosId: this.hosId,
+      }
+    }
+    this.hsLoading = true;
+    this.mainService.getFetchDataList('simple/data','clothesException',postData).subscribe(data => {
+      this.hsLoading = false;
+      this.visitList = data.list || [];
+      this.total = data.totalNum || 0;
+    })
+  }
+}
+
+
+

src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { IncidentSerVisitComponent } from './incident-ser-visit.component';
+import { ShareModule } from 'src/app/share/share.module';
+
+
+@NgModule({
+  declarations: [
+    IncidentSerVisitComponent,
+  ],
+  imports: [
+    CommonModule,
+    ShareModule,
+  ],
+  exports: [
+    IncidentSerVisitComponent,
+  ]
+})
+export class IncidentSerVisitModule { }

src/app/views/fuwutai/fuwutai.component.html

@@ -714,48 +714,20 @@
     </div>
   </div>
 
-  <!-- 右侧悬浮框 baba-->
+  <!-- 右侧悬浮框 -->
   <div id="fixedMenu" class="fixed">
-    <div
-      class="left"
-      *ngIf="
-        fixedTab != '' &&
-        showLastItems &&
-        fixedTab != 'newOrder' &&
-        fixedTab != 'toSystem' &&
-        fixedTab != 'logout'
-      "
-    >
+    <div class="left" *ngIf="fixedTab != '' && showLastItems && fixedTab != 'newOrder' && fixedTab != 'toSystem' && fixedTab != 'logout'">
       <!-- 绑定分机 -->
-      <div
-        class="con bindingExtension"
-        *ngIf="
-          fixedTab == 'bindingExtension' &&
-          fixedTab != 'newOrder' &&
-          !phoneNumLoading
-        "
-      >
+      <div class="con bindingExtension" *ngIf="fixedTab == 'bindingExtension' && fixedTab != 'newOrder' && !phoneNumLoading">
         <div class="title">绑定分机</div>
-        <overlay-scrollbars
-          #osComponentRef7
-          [ngStyle]="{ height: '152px' }"
-          class="conditions"
-        >
+        <overlay-scrollbars #osComponentRef7 [ngStyle]="{ height: '152px' }" class="conditions">
           <div nz-row *ngIf="binding === 1">
             <div nz-col nzSpan="24">
               <div nz-row>
-                <nz-checkbox-wrapper
-                  class="w100"
-                  (nzOnChange)="changePhones($event)"
-                >
+                <nz-checkbox-wrapper class="w100" (nzOnChange)="changePhones($event)">
                   <div nz-row>
                     <div *ngFor="let data of phoneNumList" nz-col nzSpan="8">
-                      <label
-                        nz-checkbox
-                        [nzValue]="data.value"
-                        [ngModel]="data.checked"
-                        >分机{{ data.value }}</label
-                      >
+                      <label nz-checkbox [nzValue]="data.value" [ngModel]="data.checked">分机{{ data.value }}</label>
                     </div>
                   </div>
                 </nz-checkbox-wrapper>
@@ -773,68 +745,25 @@
           </div>
           <div nz-row *ngIf="binding === 3">
             <div nz-col nzSpan="24" class="noContentFlex">
-              <img
-                class="noContent"
-                src="../../assets/images/icon_jianchakong@big.png"
-                alt=""
-              />
+              <img class="noContent" src="../../assets/images/icon_jianchakong@big.png" alt="" />
               <p>暂未绑定分机号</p>
             </div>
           </div>
         </overlay-scrollbars>
         <div class="btns display_flex justify-content_flex-center">
-          <button
-            nz-button
-            nzType="primary"
-            nzValue="small"
-            (click)="bindingHandle()"
-            *ngIf="binding === 3"
-          >
+          <button nz-button nzType="primary" nzValue="small" (click)="bindingHandle()" *ngIf="binding === 3">
             绑定分机
           </button>
-          <button
-            nz-button
-            nzType="primary"
-            nzValue="small"
-            (click)="bindingHandle()"
-            *ngIf="binding === 2"
-          >
+          <button nz-button nzType="primary" nzValue="small" (click)="bindingHandle()" *ngIf="binding === 2">
             重新绑定
           </button>
-          <button
-            nz-button
-            nzType="primary"
-            nzValue="small"
-            *ngIf="binding === 1"
-            (click)="bindingOk()"
-            [nzLoading]="bindOkLoading"
-          >
+          <button nz-button nzType="primary" nzValue="small" *ngIf="binding === 1" (click)="bindingOk()" [nzLoading]="bindOkLoading">
             确定绑定
           </button>
         </div>
       </div>
-      <div
-        class="
-          con
-          bindingExtension
-          display_flex
-          justify-content_flex-center
-          align-items_center
-        "
-        *ngIf="
-          fixedTab == 'bindingExtension' &&
-          fixedTab != 'newOrder' &&
-          phoneNumLoading
-        "
-      >
-        <div
-          class="
-            loadingFull
-            display_flex
-            justify-content_flex-center
-            align-items_center
-          "
-        >
+      <div class="con bindingExtension display_flex justify-content_flex-center align-items_center" *ngIf="fixedTab == 'bindingExtension' && fixedTab != 'newOrder' && phoneNumLoading">
+        <div class="loadingFull display_flex justify-content_flex-center align-items_center">
           <div class="loadingFullInner">
             <img src="../../../assets/images/loading.gif" alt="" />
             <div>加载中...</div>
@@ -1135,17 +1064,23 @@
         </div>
       </div>
     </div>
-    <div
-      *ngIf="
-        showLastItems &&
-        fixedTab != '' &&
-        fixedTab != 'logout' &&
-        fixedTab != 'toSystem' &&
-        fixedTab != 'newOrder'
-      "
-      (click)="fixedMenuShangla()"
-      class="fixedMark"
-    ></div>
+    <div *ngIf="showLastItems && fixedTab != '' && fixedTab != 'logout' && fixedTab != 'toSystem' && fixedTab != 'newOrder'" (click)="fixedMenuShangla()" class="fixedMark"></div>
+  </div>
+
+  <!-- 左侧悬浮框 -->
+  <div id="fixedMenuLeft" class="fixedLeft">
+    <div class="right">
+      <div class="fixedMenu">
+        <div class="menuItems">
+          <div class="others">
+            <!-- <div class="item" (click)="visitOrder()">回访-10</div> -->
+            <div class="item">回访-10</div>
+            <div class="item">留言-10</div>
+            <div class="item itemLink">通话</div>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 
   <!-- 核酸打印 -->
@@ -2508,3 +2443,6 @@
 
 <!-- 处理 -->
 <app-incident-handle [id]="coopData.id" *ngIf="handleModalShow" (closeModelHs)="closeHandleModelOrder($event)" (confirmModelHs)="confirmHandleModelOrder($event)"></app-incident-handle>
+
+<!-- 回访 -->
+<app-incident-ser-visit *ngIf="visitShow" (closeModelHs)="closeVisit($event)"></app-incident-ser-visit>

src/app/views/fuwutai/fuwutai.component.less

@@ -671,7 +671,7 @@
     width: 70%;
     border-radius: 4px;
     color: #78797a;
-    background-color: #F0F6ED;
+    background-color: #FFF;
     border: 1px #e5e9ed solid;
     cursor: pointer;
     height: 27px;
@@ -951,10 +951,6 @@
     position: relative;
     overflow: hidden;
     display: flex;
-
-    .left_cots {
-      // width: 98%;
-    }
   }
 
   /* 急标 */
@@ -1257,7 +1253,7 @@
     margin-top: 4px;
     border-radius: 4px;
     color: #78797a;
-    background-color: #F0F6ED;
+    background-color: #FFF;
     border: 1px #e5e9ed solid;
     cursor: pointer;
     height: 27px;
@@ -1557,6 +1553,19 @@
     z-index: 8;
     border-radius: 5px 0 0 5px;
 
+    &.maskFull{
+      &::after{
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 8;
+        cursor: move;
+      }
+    }
+
     .fixedMark {
       position: fixed;
       left: 0;
@@ -1723,7 +1732,7 @@
             height: 35px;
             line-height: 35px;
             padding: 0 6px;
-            cursor: default;
+            cursor: pointer;
             border-bottom: 1px solid #e5e9ed;
             user-select: none;
             &.itemLink {
@@ -1751,6 +1760,80 @@
     }
   }
 
+  // 左侧悬浮菜单
+  .fixedLeft {
+    position: fixed;
+    top: 40%;
+    left: 0;
+    z-index: 8;
+    border-radius: 5px 0 0 5px;
+
+    &.maskFull{
+      &::after{
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 8;
+        cursor: move;
+      }
+    }
+
+    .right {
+      width: 80px;
+      float: left;
+      background: rgba(255, 255, 255, 0.5);
+      border-radius: 5px 0 0 5px;
+      position: relative;
+      z-index: 8;
+
+      .fixedMenu {
+        border: 1px solid #e5e9ed;
+        color: @primary-color;
+        background: rgba(255, 255, 255, 0.5);
+        text-align: center;
+        border-radius: 0 5px 5px 0;
+
+        &.hujiaozhongxin {
+          margin-bottom: 5px;
+        }
+
+        .menuItems {
+          .item {
+            height: 35px;
+            line-height: 35px;
+            padding: 0 6px;
+            cursor: pointer;
+            border-bottom: 1px solid #e5e9ed;
+            user-select: none;
+            text-align: left;
+            &.itemLink {
+              border-bottom: 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;
+        }
+      }
+    }
+  }
+
   // 新建工单弹框
   .newOrder {
     position: fixed;

src/app/views/fuwutai/fuwutai.component.ts

@@ -734,7 +734,8 @@ export class FuwutaiComponent implements OnInit {
     this.getOrderList(2);
     this.getOrderList(3);
     this.initControlView();
-    this.moveMenu();
+    this.moveMenu("fixedMenu");
+    this.moveMenu("fixedMenuLeft");
     this.getPhoneNum();
     this.getUnassignedBuilding2();
     this.getInspectAndPatientTransportConfigTasktype();
@@ -3808,13 +3809,13 @@ export class FuwutaiComponent implements OnInit {
   }
 
   // 菜单拖拽
-  moveMenu() {
-    let fixedMenu = document.getElementById("fixedMenu");
+  moveMenu(nodeId) {
+    let fixedMenu = document.getElementById(nodeId);
     if (!fixedMenu) return;
     fixedMenu.onmousedown = function (e) {
-      fixedMenu.style.cursor = "move";
       let y = e.clientY - fixedMenu.offsetTop;
       document.onmousemove = function (ev) {
+        fixedMenu.classList.add('maskFull');
         var _y = ev.clientY - y > 0 ? ev.clientY - y : 0;
         var wh = window.innerHeight;
         if (_y > wh - fixedMenu.clientHeight) {
@@ -3823,11 +3824,11 @@ export class FuwutaiComponent implements OnInit {
         fixedMenu.style.top = _y + "px";
       };
       document.onmouseup = function () {
-        fixedMenu.style.cursor = "default";
-        this.onmousemove = null;
-        this.onmouseup = null;
+        fixedMenu.classList.remove('maskFull');
+        document.onmousemove = null;
+        document.onmouseup = null;
       };
-      // return false;
+      return false;
     };
   }
 
@@ -4155,4 +4156,14 @@ export class FuwutaiComponent implements OnInit {
     this.handleModalShow = false;
     this.showPromptModalRefresh();
   }
+
+  // 回访
+  visitShow = false; //业务数据弹窗开关
+  visitOrder() {
+    this.visitShow = true;
+  }
+  // 关闭业务数据弹窗
+  closeVisit(e) {
+    this.visitShow = JSON.parse(e).show;
+  }
 }

src/app/views/fuwutai/fuwutai.module.ts

@@ -13,6 +13,7 @@ import { IncidentDetailModule } from 'src/app/components/incidentManagement/inci
 import { IncidentRejectModule } from 'src/app/components/incidentManagement/incident-reject/incident-reject.module';
 import { IncidentSubstitutionModule } from 'src/app/components/incidentManagement/incident-substitution/incident-substitution.module';
 import { IncidentHandleModule } from 'src/app/components/incidentManagement/incident-handle/incident-handle.module';
+import { IncidentSerVisitModule } from 'src/app/components/incidentManagement/incident-ser-visit/incident-ser-visit.module';
 
 
 @NgModule({
@@ -31,6 +32,7 @@ import { IncidentHandleModule } from 'src/app/components/incidentManagement/inci
     IncidentRejectModule,
     IncidentSubstitutionModule,
     IncidentHandleModule,
+    IncidentSerVisitModule,
   ]
 })
 export class FuwutaiModule { }