zy-pc/src/app/components/incidentManagement/incident-handle-repair/incident-handle-repair.component.html

<div class="detailItem">
  <div class="name">申请时间：</div>
  <div class="value">{{incidentData.startDate | date:'yyyy-MM-dd HH:mm'}}</div>
</div>
<div class="detailItem">
  <div class="name">登记时间：</div>
  <div class="value">{{incidentData.acceptDate | date:'yyyy-MM-dd HH:mm'}}</div>
</div>
<div class="detailItem">
  <div class="name">故障描述：</div>
  <div class="value">{{incidentData.description}}</div>
</div>
<div class="detailItem">
  <div class="name">报修科室：</div>
  <div class="value">{{incidentData.department?.dept}}</div>
</div>
<div class="detailItem">
  <div class="name">详细地址：</div>
  <div class="value">{{ incidentData.place ? incidentData.place.building.buildingName : '' }}{{ incidentData.place ? incidentData.place.floorName + '层' : '' }}{{ incidentData.houseNumber }}</div>
</div>
<div class="detailItem">
  <div class="name">报修图片：</div>
  <div class="value thumbs">
    <div class="thumb" *ngFor="let item of repairImgs;let index = index;" (click)="previewImageHandler(repairImgs, index)"><img [src]="item.thumbFilePath" alt=""></div>
  </div>
</div>
<div class="detailItem">
  <div class="name">联系人：</div>
  <div class="value">{{incidentData.contacts}}</div>
</div>
<div class="detailItem">
  <div class="name">联系电话：</div>
  <div class="value">{{incidentData.contactsInformation}}</div>
</div>
<div class="detailItem">
  <div class="name">来电电话：</div>
  <div class="value">{{incidentData.incomingPhone}}</div>
</div>
<div class="detailItem">
  <div class="name">电话录音：</div>
  <div class="value">
    <audio class="audio" controls style="outline: none;" *ngIf="incidentData.callID && audioSrc">
      <source [src]="audioSrc" type="audio/wav">
    </audio>
  </div>
</div>
<!-- 图片预览 -->
<app-image-viewer [imageUrl]="imgs" hidden *ngIf="isPreview" [isPreviewNow]="true" [initialViewIndex]="initialViewIndex"></app-image-viewer>