调度台事件列表加上报修录音图标，并且工单详情添加报修录音和报修类型

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

@@ -15,6 +15,10 @@
               <div class="col">状态：{{incidentData.state?.name}}</div>
             </div>
             <div class="row">
+              <div class="col">报修类型：{{incidentData.repairIncidentType?.name}}</div>
+              <div class="col display_flex flex2">报修录音：<audio class="audio" controls style="outline: none;" *ngIf="incidentData.reqRecord && audioRequireSrc"><source [src]="audioRequireSrc" type="audio/mp3"></audio></div>
+            </div>
+            <div class="row">
               <div class="col">故障现象：{{incidentData.category?.mutiCategory}}</div>
             </div>
             <div class="row">

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

@@ -60,6 +60,7 @@ export class IncidentDetailComponent implements OnInit {
 
     if(this.activeTabValue == 1){
       this.incidentData.callID && this.getCallLog();
+      this.incidentData.reqRecord && this.getAudioRequireSrc();
       this.incidentData.reqAttachment && this.getRepairImgs();
     }else if(this.activeTabValue == 2){
       this.getHandleImgs();
@@ -205,6 +206,24 @@ export class IncidentDetailComponent implements OnInit {
       });
   }
 
+  // 获取报修录音
+  audioRequireSrc =  '';//音频
+  getAudioRequireSrc() {
+    this.mainService
+      .getPreviewImage('wechatIncidentRecord', this.incidentData.id)
+      .subscribe((res:any) => {
+        res.data = res.data || [];
+        if(res.data.length){
+          res.data.forEach(v => {
+            v.previewUrl = location.origin + "/file" + v.relativeFilePath;
+          })
+          this.audioRequireSrc = res.data[0].previewUrl;
+        }else{
+          this.audioRequireSrc = '';
+        }
+      });
+  }
+
   maskFlag:any = false;
   // 获取处理流程
   incidentLogList:any[] = [];

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

@@ -218,6 +218,7 @@
                     <span class="left">
                       <span nz-tooltip [nzTooltipTitle]="(data.data.place ? data.data.place.building.buildingName : '') + (data.data.place ? data.data.place.floorName + '层' : '') + data.data.houseNumber">{{ data.data.place ? data.data.place.building.buildingName : '' }}{{ data.data.place ? data.data.place.floorName + '层' : '' }}{{ data.data.houseNumber }}</span>
                       <i class="icon_transport transport-a-11111 ml8" *ngIf="data.data.reqAttachment"></i>
+                      <i class="icon_transport transport-luyin ml8" *ngIf="data.data.reqRecord"></i>
                     </span>
                   </div>
 
@@ -398,6 +399,7 @@
                     <span class="left">
                       <span nz-tooltip [nzTooltipTitle]="(data.data.place ? data.data.place.building.buildingName : '') + (data.data.place ? data.data.place.floorName + '层' : '') + data.data.houseNumber">{{ data.data.place ? data.data.place.building.buildingName : '' }}{{ data.data.place ? data.data.place.floorName + '层' : '' }}{{ data.data.houseNumber }}</span>
                       <i class="icon_transport transport-a-11111 ml8" *ngIf="data.data.reqAttachment"></i>
+                      <i class="icon_transport transport-luyin ml8" *ngIf="data.data.reqRecord"></i>
                     </span>
                   </div>
 
@@ -571,6 +573,7 @@
                     <span class="left">
                       <span nz-tooltip [nzTooltipTitle]="(data.data.place ? data.data.place.building.buildingName : '') + (data.data.place ? data.data.place.floorName + '层' : '') + data.data.houseNumber">{{ data.data.place ? data.data.place.building.buildingName : '' }}{{ data.data.place ? data.data.place.floorName + '层' : '' }}{{ data.data.houseNumber }}</span>
                       <i class="icon_transport transport-a-11111 ml8" *ngIf="data.data.reqAttachment"></i>
+                      <i class="icon_transport transport-luyin ml8" *ngIf="data.data.reqRecord"></i>
                     </span>
                   </div>
 

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

@@ -32,7 +32,7 @@
   }
 }
 
-.transport-a-11111{
+.transport-a-11111, .transport-luyin{
   color: @primary-color;
 }