<!--
 * @Author: your name
 * @Date: 2021-12-16 10:19:08
 * @LastEditTime: 2021-12-16 16:52:28
 * @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>
<nz-card nzTitle="运单信息">
  <sv-container labelWidth="150" col="2">
    <sv label="订单号">{{datailList?.billCode}}</sv>
    <sv label="申诉状态">
      <span *ngIf="datailList?.representationsStatus == 1">待申述</span>
      <span *ngIf="datailList?.representationsStatus == 2">申述中</span>
      <span *ngIf="datailList?.representationsStatus == 2">申述成功</span>
      <span *ngIf="datailList?.representationsStatus == 4">申诉失败</span>
    </sv>
    <sv label="承运司机">{{datailList?.driverName}} / {{datailList?.driverPhoneNumber}} / {{i?.carId}}</sv>
    <sv label="收款人"> {{datailList?.payeeName}} / {{datailList?.payeePhoneNumber}} </sv>
    <sv label="装货时间">{{datailList?.loadTime}}</sv>
    <sv label="卸货时间">{{datailList?.unloadTime}}</sv>
    <sv label="装货地">{{datailList?.loadingPlace}}</sv>
    <sv label="卸货地">{{datailList?.dischargePlace}}</sv>
    <sv label="异常原因" col="1">
      <div class="bg-grey-lighter p-sm">
        {{datailList?.abnormalCause}}
        <!-- <div *ngFor="let item of abnormalReason">{{item}}</div> -->
      </div>
    </sv>
  </sv-container>
</nz-card>
<!-- [nzExtra]="extraTemplate" -->
<nz-card nzTitle="申诉信息" >
  <!-- <ng-template #extraTemplate>
    <button nzType="primary" (click)="edit(i)" nzGhost nz-button>编辑</button>
  </ng-template> -->
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
    <ng-template sf-template="enterpriseQualificationCe" let-schema="schema" let-me let-ui="ui">
      <app-imagelist [imgList]="me.value"></app-imagelist>
    </ng-template>
  </sf>
</nz-card>

<nz-card class="dealBox" nzTitle="申诉处理">
  <nz-timeline nzMode="left">
    <nz-timeline-item nzLabel="2015-09-01" nzColor="green">申诉成功</nz-timeline-item>
    <nz-timeline-item nzLabel="2015-09-01 09:12:11">重新提交申诉申请<div class="info">操作人员：张三</div>
    </nz-timeline-item>
    <nz-timeline-item nzLabel="2015-09-01 09:12:11">驳回<div class="info">操作人员：张三</div>
    </nz-timeline-item>
    <nz-timeline-item nzLabel="2015-09-01 09:12:11">提交申诉申请<div class="info">操作人员：张三</div>
    </nz-timeline-item>
  </nz-timeline>
</nz-card>
