服务台通话记录

proxy.conf.json

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

src/app/components/incidentManagement/incident-recording/incident-recording.component.html

@@ -0,0 +1,14 @@
+<div class="save display_flex justify-content_flex-center align-items_center add">
+  <div class="modalBody">
+    <div class="title">回放录音<i class="icon_transport transport-guanbi" (click)="hideModal()"></i>
+    </div>
+    <div class="content audio">
+      <audio controls style="outline: none;">
+        <source [src]="audioPath" type="audio/wav">
+      </audio>
+    </div>
+    <div class=" display_flex justify-content_flex-center">
+      <button class="btn cancel" nz-button nzType="default" (click)="hideModal()">知道了</button>
+    </div>
+  </div>
+</div>

src/app/components/incidentManagement/incident-recording/incident-recording.component.less

@@ -0,0 +1,173 @@
+@import "../../../../../src/theme.less";
+.save {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+
+  .modalBody {
+    width: 350px;
+    height: 220px;
+    background: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    color: #333;
+
+    .title {
+      width: 100%;
+      text-align: center;
+      font-size: 18px;
+      position: relative;
+
+      i {
+        position: absolute;
+        right: 0;
+        top: 0;
+        font-size: 20px;
+        color: #666;
+        cursor: pointer;
+        padding: 0 5px;
+      }
+    }
+
+    .content {
+      width: 310px;
+      height: 117px;
+      background: #f9fafb;
+      border: 1px solid #e5e9ed;
+      border-radius: 5px;
+      overflow: hidden;
+      margin-top: 12px;
+
+      & > div {
+        text-align: center;
+        margin: 0;
+
+        &.icon {
+          margin-top: 17px;
+
+          i {
+            color: #34b349;
+            font-size: 30px !important;
+
+            &.transport-wenhao {
+              color: #f5a523;
+            }
+
+            &.transport-shibai {
+              color: #ff3a52;
+            }
+          }
+        }
+
+        &.defeat {
+          color: #333;
+          font-size: 18px;
+        }
+
+        &:nth-child(3) {
+          font-size: 14px;
+          color: #666;
+        }
+      }
+      .roundRobinTips {
+        font-size: 12px;
+      }
+    }
+
+    button {
+      margin-top: 10px;
+
+      &.btn {
+        margin-left: 8px;
+      }
+    }
+  }
+
+  // 新增
+  &.add {
+    .modalBody {
+      width: 480px;
+      height: auto;
+
+      .content {
+        width: 100%;
+        height: auto;
+        padding: 18px 14px 0 14px;
+        max-height: 497px;
+        overflow-y: auto;
+        &.audio {
+          padding: 0;
+          height: 126px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        .addForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+
+            .desc {
+              margin-top: 5px;
+            }
+          }
+
+          .datesControl {
+            margin-top: -16px;
+
+            .ant-form-item-label {
+              line-height: 40px;
+            }
+          }
+
+          .timer {
+            .ant-form-item-label {
+              width: 100%;
+              text-align: left;
+            }
+
+            .numInp {
+              margin-right: 5px;
+            }
+
+            .line {
+              margin-right: 5px;
+            }
+          }
+
+          .timer2 {
+            .ant-form-item-label {
+              line-height: 20px;
+            }
+          }
+        }
+
+        .editForm {
+          .ant-form-item {
+            margin-bottom: 15px;
+
+            .ant-form-item-label {
+              line-height: 14px;
+              text-align: left;
+            }
+          }
+        }
+      }
+
+      button {
+        &:nth-child(1) {
+          margin-right: 20px;
+        }
+      }
+    }
+  }
+}

src/app/components/incidentManagement/incident-recording/incident-recording.component.ts

@@ -0,0 +1,29 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'app-incident-recording',
+  templateUrl: './incident-recording.component.html',
+  styleUrls: ['./incident-recording.component.less']
+})
+export class IncidentRecordingComponent implements OnInit {
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  @Input() path: any;
+
+  constructor() { }
+
+  audioPath = ""; //录音文件地址
+
+  ngOnInit() {
+    this.audioPath = location.origin + this.path;
+  }
+
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit(JSON.stringify({ show: false }));//emits(向上弹射)事件
+  }
+}
+
+
+
+

src/app/components/incidentManagement/incident-recording/incident-recording.module.ts

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

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

@@ -1,170 +1,77 @@
-<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="modal display_flex align-items_center">
+  <div class="modalBody">
+    <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 w100" style="padding: 16px;">
         <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__top" nz-row style="padding: 0;">
+            <div nz-col nzXl='18' 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>
+                <span class="label">主叫号码：</span>
+                <input nz-input class="formItem" placeholder="请输入主叫号码" [(ngModel)]="searchDTO.dTMFA" />
               </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>
+                <span class="label">被叫号码：</span>
+                <input nz-input class="formItem" placeholder="请输入被叫号码" [(ngModel)]="searchDTO.dTMFB" />
               </div>
+              <div class="list-template__searchItem">
+                <span class="label">开始时间：</span>
+                <nz-date-picker class="formItem" [ngModel]="searchDTO.responseTime" (ngModelChange)="searchDTO.responseTime = $event" nzShowTime></nz-date-picker>
+              </div>
+            </div>
+            <div nz-col nzXl='6' class="list-template__btns">
+              <button nz-button class="btn default ml8 mt0" (click)='search()'>搜索</button>
+              <button nz-button class="btn default ml8 mt0" (click)='reset()'>重置</button>
             </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 class="tableWrap">
+        <nz-table class="hospitalTable" [nzData]="messageList" nzSize="small" [nzShowPagination]="false" [nzLoading]="loading">
+          <thead>
+            <tr class="thead">
+              <th nzWidth="12.5%">主叫号码</th>
+              <th nzWidth="12.5%">被叫号码</th>
+              <th nzWidth="12.5%">开始时间</th>
+              <th nzWidth="12.5%">结束时间</th>
+              <th nzWidth="12.5%">通话时长</th>
+              <th nzWidth="12.5%">已接/未接</th>
+              <th nzWidth="12.5%">呼入/呼出</th>
+              <th nzWidth="12.5%">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr *ngFor="let data of messageList;let i = index;">
+              <td>{{ data.dTMFA }}</td>
+              <td>{{ data.dTMFB }}</td>
+              <td>{{ data.responseTime}}</td>
+              <td>{{ data.overTime}}</td>
+              <td *ngIf="data.longTime!==undefined">{{data.longTime}}秒</td>
+              <td *ngIf="data.longTime===undefined"></td>
+              <td>{{data.callState == 1?'已接':'未接'}}</td>
+              <td>{{data.callType == 1?'呼入':(data.callType == 0?'呼出':'')}}</td>
+              <td>
+                <div class="coop">
+                  <span *ngIf="data.path" (click)="recordcall(data)">回访录音</span>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </nz-table>
+        <div class="pagination">
+          <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>
-    <div class="display_flex justify-content_flex-center">
-      <button class="btn know" nz-button nzType="primary" (click)="hideModal()">知道了</button>
-    </div>
   </div>
 </div>
+
+<!-- 回放录音模态框 -->
+<app-incident-recording [path]="coopData.relativePath" *ngIf="recordingModalShow" (closeModelHs)="closeRecordingModelOrder($event)"></app-incident-recording>
+
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

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

@@ -1,4 +1,53 @@
 @import "../../../../theme.less";
+.coop {
+  button{
+    color: #333;
+  }
+  span,button {
+    display: inline-block;
+    padding: 0 8px;
+    cursor: pointer;
+    position: relative;
+
+    &::after {
+      content: "|";
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+
+    &:hover,
+    &:active {
+      color: @primary-color;
+    }
+
+    &:nth-last-child(1) {
+      &::after {
+        content: "";
+      }
+    }
+  }
+}
+.tabs{
+  width: 100%;
+  height: 56px;
+  border-bottom: 1px solid #D9D9D9;
+  display: flex;
+  align-items: center;
+  .tab{
+    width: 100px;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    font-size: #333;
+    cursor: pointer;
+    &.active{
+      color: @primary-color;
+      border-bottom: 2px solid @primary-color;
+    }
+  }
+}
 .modal {
   position: fixed;
   left: 0;
@@ -7,6 +56,18 @@
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   z-index: 999;
+  .tableWrap{
+    margin: 0 16px 16px!important;
+    background: #F9FAFB;
+    border-radius: 8px;
+    border: 1px solid #D9D9D9;
+    width: calc(100% - 32px);
+    min-height: 501px;
+    padding: 16px 16px 0;
+    ::ng-deep .ant-table-body{
+      margin: 0!important;
+    }
+  }
   .hospitalTable {
     width: 100%;
     td {
@@ -37,31 +98,8 @@
     }
   }
 
-  .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;
+    width: 1315px;
     background: #fff;
     border-radius: 5px;
     padding: 10px 20px;
@@ -90,7 +128,7 @@
 
     .content {
       min-height: 117px;
-      background: #f9fafb;
+      // background: #f9fafb;
       border: 1px solid #e5e9ed;
       border-radius: 5px;
       overflow: hidden;
@@ -146,6 +184,7 @@
           color: #666;
           padding-top: 16px;
           padding-bottom: 16px;
+          text-align: right;
         }
       }
     }

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

@@ -1,304 +1,100 @@
-// 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;
-//     })
-
-//   }
-// }
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { format, startOfDay, endOfDay } from 'date-fns';
+import { MainService } from 'src/app/services/main.service';
+import { ToolService } from 'src/app/services/tool.service';
+import { NzMessageService } from 'ng-zorro-antd';
+@Component({
+  selector: 'app-incident-ser-call',
+  templateUrl: './incident-ser-call.component.html',
+  styleUrls: ['./incident-ser-call.component.less']
+})
+export class IncidentSerCallComponent implements OnInit {
+  // 切换科室，切换弹窗
+  loading = false;
+  messageList: any = [];// 通话记录列表
+  pageIndex: number = 1;//表格当前页码
+  pageSize: number = 10;//表格每页展示条数
+  total: number = 0;//表格总数据量
+
+  searchDTO: any = {};
+
+  @Input() itsmData:any;
+  @Output() closeModelHs = new EventEmitter<any>();//1.组件暴露一个 EventEmitter 属性，当事件发生时，子组件利用该属性 emits(向上弹射)事件
+
+  constructor(
+    private mainService: MainService,
+    private tool: ToolService,
+    private message: NzMessageService,
+  ) { }
+
+  ngOnInit() {
+    this.getMessageList(1);
+  }
+  // 关闭弹窗
+  hideModal() {
+    this.closeModelHs.emit({ show: false });//emits(向上弹射)事件
+  }
+
+  // 搜索
+  search() {
+    this.getMessageList(1);
+  }
+  // 重置
+  reset() {
+    this.searchDTO = {};
+    this.getMessageList(1);
+  }
+
+  // 回放录音
+  coopData:any = {};
+  recordingModalShow = false; //弹窗开关
+  maskFlag:any = false;
+  recordcall(data) {
+    this.maskFlag = this.message.loading("正在加载中..", {
+      nzDuration: 0,
+    }).messageId;
+    this.mainService.getCallLogPath({ path: data.path, hosId: data.hosId }).subscribe((result) => {
+      this.message.remove(this.maskFlag);
+      this.maskFlag = false;
+      if (result["state"] == 200) {
+        this.coopData = { relativePath: result["relativePath"] };
+        this.recordingModalShow = true;
+      }
+    });
+  }
+  // 关闭弹窗
+  closeRecordingModelOrder(e) {
+    this.recordingModalShow = JSON.parse(e).show;
+  }
+
+  // 分页获取数据
+  getList(){
+    this.getMessageList();
+  }
+
+  // 获取通话记录列表
+  getMessageList(idx?) {
+    if (idx) {
+      this.pageIndex = 1;
+    }
+    let postData = {
+      idx: this.pageIndex - 1,
+      sum: this.pageSize,
+      callLog: {
+        "hosIds": this.itsmData.allDuty == 1 ? undefined : (this.itsmData.checkedHos.map(v => v.id).toString() || undefined),
+        dTMFA: this.searchDTO.dTMFA || undefined,
+        dTMFB: this.searchDTO.dTMFB || undefined,
+        responseTime: this.searchDTO.responseTime ? format(this.searchDTO.responseTime, 'yyyy-MM-dd HH:mm:ss') : undefined,
+      }
+    }
+    this.loading = true;
+    this.mainService.getFetchDataList('simple/data','callLog',postData).subscribe(data => {
+      this.loading = false;
+      this.messageList = data.list || [];
+      this.total = data.totalNum;
+    })
+  }
+}
 
 
 

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

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { IncidentSerCallComponent } from './incident-ser-call.component';
+import { ShareModule } from 'src/app/share/share.module';
+import { IncidentRecordingModule } from '../incident-recording/incident-recording.module';
+
+
+@NgModule({
+  declarations: [
+    IncidentSerCallComponent,
+  ],
+  imports: [
+    CommonModule,
+    ShareModule,
+    IncidentRecordingModule,
+  ],
+  exports: [
+    IncidentSerCallComponent,
+  ]
+})
+export class IncidentSerCallModule { }

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

@@ -5,7 +5,7 @@
       <div class="tabs">
         <div class="tab" *ngFor="let item of tabs" (click)="clickTbab(item)" [ngClass]="{ active: activeTabValue === item.value }">{{ item.name }}</div>
       </div>
-      <div class="list-template w100">
+      <div class="list-template w100" style="padding: 16px;">
         <div class="list-template__content">
           <div class="list-template__top" nz-row style="padding: 0;">
             <div nz-col nzXl='18' class="list-template__searchBox">
@@ -15,8 +15,8 @@
               </div>
             </div>
             <div nz-col nzXl='6' class="list-template__btns">
-              <button nz-button class="btn default ml8" (click)='search()'>搜索</button>
-              <button nz-button class="btn default ml8" (click)='reset()'>重置</button>
+              <button nz-button class="btn default ml8 mt0" (click)='search()'>搜索</button>
+              <button nz-button class="btn default ml8 mt0" (click)='reset()'>重置</button>
             </div>
           </div>
         </div>
@@ -41,7 +41,7 @@
               <td>
                 <div class="coop">
                   <span *ngIf="data.isExcute === 0" (click)="createOrder(data)">生成工单</span>
-                  <span *ngIf="data.isExcute === 0 || data.isExcute === 1" (click)="addModal(data.recFileName)">回访录音</span>
+                  <span *ngIf="data.isExcute === 0 || data.isExcute === 1" (click)="recordcall(data)">回访录音</span>
                   <span *ngIf="data.isExcute === 0" (click)="showDelModal(data, '确认不受理后，将无法转换为事件工单!', '不受理', 'notAccepted')">不受理</span>
                   <span *ngIf="data.isExcute === 1" (click)="openItsmDetails(data.incidentDTO)">查看故障单</span>
                 </div>
@@ -62,20 +62,7 @@
 </div>
 
 <!-- 回放录音模态框 -->
-<div class="save display_flex justify-content_flex-center align-items_center add" *ngIf="modal">
-  <div class="modalBody">
-    <div class="title">回放录音<i class="icon_transport transport-guanbi" (click)="hideAddModal()"></i>
-    </div>
-    <div class="content audio">
-      <audio controls style="outline: none;">
-        <source [src]="audioPath" type="audio/wav">
-      </audio>
-    </div>
-    <div class=" display_flex justify-content_flex-center">
-      <button class="btn cancel" nz-button nzType="default" (click)="hideAddModal()">知道了</button>
-    </div>
-  </div>
-</div>
+<app-incident-recording [path]="coopData.recFileName" *ngIf="recordingModalShow" (closeModelHs)="closeRecordingModelOrder($event)"></app-incident-recording>
 
 <!-- 操作成功/失败提示框 -->
 <app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow" [info]="promptInfo"></app-prompt-modal>

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

@@ -57,7 +57,7 @@
   background: rgba(0, 0, 0, 0.4);
   z-index: 999;
   .tableWrap{
-    margin: 16px!important;
+    margin: 0 16px 16px!important;
     background: #F9FAFB;
     border-radius: 8px;
     border: 1px solid #D9D9D9;
@@ -238,176 +238,3 @@
     }
   }
 }
-
-.save {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.4);
-  z-index: 999;
-
-  .modalBody {
-    width: 350px;
-    height: 220px;
-    background: #fff;
-    border-radius: 5px;
-    padding: 10px 20px;
-    color: #333;
-
-    .title {
-      width: 100%;
-      text-align: center;
-      font-size: 18px;
-      position: relative;
-
-      i {
-        position: absolute;
-        right: 0;
-        top: 0;
-        font-size: 20px;
-        color: #666;
-        cursor: pointer;
-        padding: 0 5px;
-      }
-    }
-
-    .content {
-      width: 310px;
-      height: 117px;
-      background: #f9fafb;
-      border: 1px solid #e5e9ed;
-      border-radius: 5px;
-      overflow: hidden;
-      margin-top: 12px;
-
-      & > div {
-        text-align: center;
-        margin: 0;
-
-        &.icon {
-          margin-top: 17px;
-
-          i {
-            color: #34b349;
-            font-size: 30px !important;
-
-            &.transport-wenhao {
-              color: #f5a523;
-            }
-
-            &.transport-shibai {
-              color: #ff3a52;
-            }
-          }
-        }
-
-        &.defeat {
-          color: #333;
-          font-size: 18px;
-        }
-
-        &:nth-child(3) {
-          font-size: 14px;
-          color: #666;
-        }
-      }
-      .roundRobinTips {
-        font-size: 12px;
-      }
-    }
-
-    button {
-      margin-top: 10px;
-
-      &.btn {
-        margin-left: 8px;
-      }
-    }
-  }
-
-  // 新增
-  &.add {
-    .modalBody {
-      width: 480px;
-      height: auto;
-
-      .content {
-        width: 100%;
-        height: auto;
-        padding: 18px 14px 0 14px;
-        max-height: 497px;
-        overflow-y: auto;
-        &.audio {
-          padding: 0;
-          height: 126px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-
-        .addForm {
-          .ant-form-item {
-            margin-bottom: 15px;
-
-            .ant-form-item-label {
-              line-height: 14px;
-              text-align: left;
-            }
-
-            .desc {
-              margin-top: 5px;
-            }
-          }
-
-          .datesControl {
-            margin-top: -16px;
-
-            .ant-form-item-label {
-              line-height: 40px;
-            }
-          }
-
-          .timer {
-            .ant-form-item-label {
-              width: 100%;
-              text-align: left;
-            }
-
-            .numInp {
-              margin-right: 5px;
-            }
-
-            .line {
-              margin-right: 5px;
-            }
-          }
-
-          .timer2 {
-            .ant-form-item-label {
-              line-height: 20px;
-            }
-          }
-        }
-
-        .editForm {
-          .ant-form-item {
-            margin-bottom: 15px;
-
-            .ant-form-item-label {
-              line-height: 14px;
-              text-align: left;
-            }
-          }
-        }
-      }
-
-      button {
-        &:nth-child(1) {
-          margin-right: 20px;
-        }
-      }
-    }
-  }
-}

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

@@ -2,7 +2,6 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { format, startOfDay, endOfDay } from 'date-fns';
 import { MainService } from 'src/app/services/main.service';
 import { ToolService } from 'src/app/services/tool.service';
-import cloneDeep from 'lodash-es/cloneDeep'
 @Component({
   selector: 'app-incident-ser-message',
   templateUrl: './incident-ser-message.component.html',
@@ -10,19 +9,11 @@ import cloneDeep from 'lodash-es/cloneDeep'
 })
 export class IncidentSerMessageComponent implements OnInit {
   // 切换科室，切换弹窗
-  hosId;
   loading = false;
-  bloodList: any = [];// 血制品列表
-  washingExceptionList: any = [];// 被服洗涤异常列表
-  messageList: any = [];// 标本列表
-  inspectionRateStatisticsList: any = [];// 科室检查率统计列表
+  messageList: any = [];// 留言列表
   pageIndex: number = 1;//表格当前页码
   pageSize: number = 10;//表格每页展示条数
   total: number = 0;//表格总数据量
-  searchCriteria:any = {
-    stype: 0,
-    specimenDesc: 0,
-  }
 
   tabs:any[] = [
     {id: 1, name: '全部', value: '', num: ''},
@@ -39,7 +30,6 @@ export class IncidentSerMessageComponent implements OnInit {
   constructor(private mainService: MainService, private tool: ToolService) { }
 
   ngOnInit() {
-    this.hosId = this.tool.getCurrentHospital().id;
     this.clickTbab(this.tabs[1]);
   }
   // 关闭弹窗
@@ -116,17 +106,15 @@ export class IncidentSerMessageComponent implements OnInit {
     this.closeModelHs.emit({ show: false, data: data });
   }
 
-  // 播放录音弹框
-  audioPath = ""; //录音文件地址
-  addModal(recFileName) {
-    this.modal = true;
-    this.audioPath = location.origin + recFileName;
-    console.log(this.audioPath)
+  // 回放录音
+  recordingModalShow = false; //弹窗开关
+  recordcall(data) {
+    this.coopData = data;
+    this.recordingModalShow = true;
   }
-  //关闭播放录音弹框
-  modal: boolean = false; //模态框
-  hideAddModal() {
-    this.modal = false;
+  // 关闭弹窗
+  closeRecordingModelOrder(e) {
+    this.recordingModalShow = JSON.parse(e).show;
   }
 
   // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）

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

@@ -4,6 +4,7 @@ import { CommonModule } from '@angular/common';
 import { IncidentSerMessageComponent } from './incident-ser-message.component';
 import { ShareModule } from 'src/app/share/share.module';
 import { IncidentDetailModule } from '../incident-detail/incident-detail.module';
+import { IncidentRecordingModule } from '../incident-recording/incident-recording.module';
 
 
 @NgModule({
@@ -14,6 +15,7 @@ import { IncidentDetailModule } from '../incident-detail/incident-detail.module'
     CommonModule,
     ShareModule,
     IncidentDetailModule,
+    IncidentRecordingModule,
   ],
   exports: [
     IncidentSerMessageComponent,

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

@@ -14,7 +14,6 @@ export class IncidentSerVisitComponent implements OnInit {
   })
   osComponentRef1: OverlayScrollbarsComponent;
   // 切换科室，切换弹窗
-  hosId;
   loading = false;
   visitList: any = [];// 列表
   pageIndex: number = 1;//表格当前页码
@@ -27,7 +26,6 @@ export class IncidentSerVisitComponent implements OnInit {
   constructor(private mainService: MainService, private tool: ToolService) { }
 
   ngOnInit() {
-    this.hosId = this.tool.getCurrentHospital().id;
     this.getVisitList();
   }
   // 关闭弹窗

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

@@ -1063,7 +1063,7 @@
           <div class="others">
             <div class="item" (click)="visitOrder()">回访<span *ngIf="visitNum !== undefined">-{{visitNum}}</span></div>
             <div class="item" (click)="messageOrder()">留言<span *ngIf="messageNum !== undefined">-{{messageNum}}</span></div>
-            <div class="item itemLink">通话</div>
+            <div class="item itemLink" (click)="callOrder()">通话</div>
           </div>
         </div>
       </div>
@@ -2436,3 +2436,6 @@
 
 <!-- 留言列表 -->
 <app-incident-ser-message [itsmData]="itsmData" *ngIf="messageShow" (closeModelHs)="closeMessage($event)"></app-incident-ser-message>
+
+<!-- 通话列表 -->
+<app-incident-ser-call [itsmData]="itsmData" *ngIf="callShow" (closeModelHs)="closeCall($event)"></app-incident-ser-call>

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

@@ -2035,6 +2035,9 @@
                     &.flex7{
                       flex: 7;
                     }
+                    .ant-input-clear-icon{
+                      align-self: center;
+                    }
                     .name{
                       flex-shrink: 0;
                       width: 6em;

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

@@ -1435,23 +1435,7 @@ export class FuwutaiComponent implements OnInit {
     }
 
     console.log(postData);
-    this.mainService.orderList(postData).pipe(map((v:any) => {
-      if(Array.isArray(v.data)){
-        v.data.map(vv => {
-          if(vv.type === 'mdv2' && vv.data.department){
-            vv.data.department = {
-              id: vv.data.department.id,
-              dept: vv.data.department.dept,
-              manyPhone: vv.data.department.manyPhone,
-            }
-          }
-          return vv;
-        })
-      }else{
-        v = [];
-      }
-      return v;
-    })).subscribe((data:any) => {
+    this.mainService.orderList(postData).subscribe((data:any) => {
         if (stateId == 1) {
           // 未分派
           let unassignedList = data.data || [];
@@ -4299,4 +4283,14 @@ export class FuwutaiComponent implements OnInit {
         });
     }
   }
+
+  // 通话记录列表
+  callShow = false; //弹窗开关
+  callOrder() {
+    this.callShow = true;
+  }
+  // 关闭弹窗
+  closeCall(e) {
+    this.callShow = e.show;
+  }
 }

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

@@ -15,6 +15,7 @@ import { IncidentSubstitutionModule } from 'src/app/components/incidentManagemen
 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';
 import { IncidentSerMessageModule } from 'src/app/components/incidentManagement/incident-ser-message/incident-ser-message.module';
+import { IncidentSerCallModule } from 'src/app/components/incidentManagement/incident-ser-call/incident-ser-call.module';
 import { VirtualScrollerModule } from 'ngx-virtual-scroller';
 
 
@@ -36,6 +37,7 @@ import { VirtualScrollerModule } from 'ngx-virtual-scroller';
     IncidentHandleModule,
     IncidentSerVisitModule,
     IncidentSerMessageModule,
+    IncidentSerCallModule,
     VirtualScrollerModule,
   ]
 })

src/common.less

@@ -16,6 +16,9 @@
 .mt8 {
   margin-top: 8px !important;
 }
+.mt0 {
+  margin-top: 0 !important;
+}
 .ml16 {
   margin-left: 16px !important;
 }
@@ -263,7 +266,7 @@
 // list模板样式 start
 .list-template {
   padding: 8px;
-  .ant-calendar-picker {
+  nz-range-picker {
     width: 373px!important;
   }
   .list-template__content {