<!-- 报修信息 -->
<div class="detail" *ngIf="!maskFlag">
  <div class="title">报修信息<i class="icon_transport transport-guanbi" (click)="close()"></i></div>
  <overlay-scrollbars #osComponentRef1 style="height: 90%; flex: 1">
    <div class="content">
      <div class="top" *ngIf="amplificationShow">
        <div class="num">
          <span class="left">工单单号：{{orderInfo.incidentsign}}</span>
          <span class="right">{{orderInfo.state?orderInfo.state.name:''}}</span>
        </div>
        <div class="info" nz-row>
          <div nz-col nzSpan="8">报修类别：{{orderInfo.category?orderInfo.category.category:''}}</div>
          <div nz-col nzSpan="8">报修地址：<ng-container *ngIf="orderInfo.place">{{ orderInfo.place.building.buildingName }} {{ orderInfo.place.floorName }}层 {{ orderInfo.houseNumber }}</ng-container></div>
          <div nz-col nzSpan="24">报修内容：{{orderInfo.description}}</div>
          <div nz-col nzSpan="24">报修图片：
            <div class="thumbList" *ngIf="imgs_wechatRequesterIncident.length > 0">
              <div class="thumb" *ngFor="let item of imgs_wechatRequesterIncident;let index = index;" (click)="previewImageHandler(imgs_wechatRequesterIncident, index)"><img [src]="item.thumbFilePath" alt=""></div>
            </div>
          </div>
          <div nz-col nzSpan="24">处理图片：
            <div class="thumbList" *ngIf="imgs_incident.length > 0">
              <div class="thumb" *ngFor="let item of imgs_incident;let index = index;" (click)="previewImageHandler(imgs_incident, index)"><img [src]="item.thumbFilePath" alt=""></div>
            </div>
          </div>
					<div nz-col nzSpan="6">关联资产：<ng-container *ngIf="orderInfo.assetDTO">{{ orderInfo.assetDTO.name }}</ng-container></div>
          <div nz-col nzSpan="6">维修人：<ng-container *ngIf="orderInfo.handlingPersonnelUser">{{ orderInfo.handlingPersonnelUser.name }}</ng-container></div>
          <div nz-col nzSpan="6">维修人电话：<ng-container *ngIf="orderInfo.handlingPersonnelUser">{{ orderInfo.handlingPersonnelUser.phone }}</ng-container></div>
          <div nz-col nzSpan="6">维修总金额：{{orderInfo.rsPrice === undefined ? '无' : orderInfo.rsPrice + '元'}}</div>
        </div>
      </div>
      <div class="center" *ngIf="amplificationShow">
        <div class="box">
          <!-- 流程图 start -->
          <div class="processBox">
            <ng-container *ngFor="let item of progressInfo;let last = last;">
              <div class="process">
                <div class="status">
                  {{ item.logType ? item.logType.name : '' }}
                </div>
                <div class="ico">
                  <i class="icon_transport transport-icon_liucheng last"></i>
                </div>
                <div class="time">
                    {{ item.startTime | date:"MM-dd HH:mm:ss" }}
                    <span *ngIf="item.appointorName">
                      ，{{ item.appointorName }}
                    </span>
                </div>
              </div>
              <div class="processCont">
                <div class="status"></div>
                <div class="conents" [ngClass]="{lastContent: last}" [innerHTML]="item.remark"></div>
              </div>
            </ng-container>
          </div>
          <!-- 流程图 end -->
        </div>
      </div>
    </div>
  </overlay-scrollbars>
  <div class="btns display_flex justify-content_flex-center">
    <button nz-button nzType="primary" (click)="goToSummary()" *ngIf="orderInfo.state.value == 'close' && itsmSummarySheet.value == 1 && orderInfo.summaryId">汇总单</button>
    <button class=" btn cancel" nz-button nzType="default" (click)="close()">取消</button>
  </div>
</div>

<!-- 操作成功/失败提示框 -->
<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
  [info]="promptInfo" (closeModel)="close()">
  <!-- 2.父组件调用子组件时绑定到这个事件属性，并在事件发生时作出回应。(closeModel)="close()" -->
</app-prompt-modal>
<app-incident-details *ngIf="isShowIncidentDetails" (close)="closeIncidentDetails()" [incidentId]="orderInfo.id"></app-incident-details>
<!-- 遮罩 -->
<app-mask *ngIf="maskFlag"></app-mask>

<!-- 图片预览 -->
<app-image-viewer [imageUrl]="imgs" hidden *ngIf="isPreview" [isPreviewNow]="true" [initialViewIndex]="initialViewIndex"></app-image-viewer>
