<!--
 * @Author: your name
 * @Date: 2021-12-16 10:19:08
 * @LastEditTime: 2022-01-12 10:42:22
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \tms-obc-web\src\app\routes\order-management\components\risk-detail\risk-detail.component.html
-->
<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="datailList?.complaintStatus == 1">处理</button>
</ng-template>
  <h2>投诉单号：{{datailList?.id}}</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>
    </ng-template>
  </sf>
</nz-card>


<nz-card class="dealBox" nzTitle="投诉处理">
  <!-- <nz-timeline class="d-block pl-md pt-md">
  <nz-timeline-item *ngFor="let i of datailList" [nzDot]="dotTpl">
    <ng-template #dotTpl>
      <div class="md-sm p-sm icon-sm rounded-circle text-white bg-{{ i.dot.bg }}">
        <i nz-icon [nzType]="i.dot.icon"></i>
      </div>
    </ng-template>
    <div class="pl-lg">
      <strong>{{ i.time }}</strong>
      <div class="py-sm" [innerHTML]="i.content | html"></div>
      <div class="text-grey">{{ i.tags }}</div>
    </div>
  </nz-timeline-item>
</nz-timeline> -->
<nz-timeline nzMode="left">
  <nz-timeline-item >TMS运营管理系统
    <div class="info">提交时间：{{datailList?.complainantTime}}</div>
  </nz-timeline-item>
  <nz-timeline-item [nzLabel]="datailList?.handleTime">运多星运营后台
    <div class="info">操作人员：{{datailList?.complainantIdLabel}}</div>
    <div class="info">处理状态：{{datailList?.complaintStatusLabel}}</div>
    <div class="info">处理详情：{{datailList?.handleDetails}}</div>
    <div class="info">处理结果：{{datailList?.handleResult}}</div>
  </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>