<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-01-04 17:29:18
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-13 10:50:02
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint-detail\\complaint-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper [title]="'投诉管理'" [logo]="logo">
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>
    
  </ng-template>
</page-header-wrapper>
<!-- [nzExtra]="extraTemplate" -->
<nz-card nzTitle="投诉信息" [nzExtra]="cardTemplate">
  <ng-template #cardTemplate>
    <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()" *ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
</ng-template>
  <h2>投诉单号：{{datailList?.complaintCode}}</h2>
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
    <ng-template sf-template="imgUrls" let-schema="schema" let-item let-ui="ui">
     <!-- <app-imagelist [imgList]="datailList?.imgUrls"></app-imagelist> -->

    <img nz-image width="100px" height="100%" *ngFor="let item of datailList?.imgUrls" [nzSrc]="item"
    style="margin:0 10px 0 0" alt="" />
    </ng-template>

  </sf>
</nz-card>


<nz-card class="dealBox" nzTitle="投诉处理">
<nz-timeline nzMode="left">
  <nz-timeline-item *ngFor="let i of datailList?.processNodeVOS; let id = index" >
    <div class="p mt-sm">{{i?.nodeNameLabel}}</div>
    <p>
      {{i?.timeLabel}}：<span class="p-line">{{i?.time}}</span>
    </p>
    <p >
      {{i?.resultLabel}}：<span class="p-line">{{i?.result}}</span>
    </p>
  </nz-timeline-item>
</nz-timeline>
</nz-card>
<nz-modal [(nzVisible)]="isVisibleRE"  [nzWidth]="600" [nzFooter]="nzModalFooterview2"  (nzOnOk)="handleOK()" nzTitle="处理" (nzOnCancel)="Cancel()">
  <ng-container *nzModalContent>
    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
    </sf>
  </ng-container>
  <ng-template #nzModalFooterview2>
    <button nz-button nzType="default" (click)="handleCancel('1')">拒绝</button>
    <button nz-button nzType="primary" (click)="handleOK()">通过</button>
    <button nz-button nzType="primary" (click)="handleCancel2()">强制取消</button>
  </ng-template>
</nz-modal>