<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-16 10:19:08
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-11 20:43:59
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\risk-detail\\risk-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>
<nz-card nzTitle="运单信息">
  <sv-container labelWidth="150" col="2">
    <sv label="订单号">{{i?.billCode}}</sv>
    <sv label="申诉状态">
      <span >{{i?.representationsStatusLabel}}</span>
    </sv>
    <sv label="承运司机">{{i?.driverName ? i?.driverName + '/': ''}} {{i?.driverPhone ?i?.driverPhone + '/': '' }}  {{i?.carNo}}</sv>
    <sv label="车队长"  *ngIf="i?.payeeId !== i?.driverId"> {{i?.carCaptainName ? i?.carCaptainName+ '/' : ''}}{{i?.carCaptainPhone}} </sv>
    <sv label="装货时间">{{i?.loadTime}}</sv>
    <sv label="卸货时间">{{i?.unloadTime}}</sv>
    <sv label="装货地">{{i?.loadingPlace}}</sv>
    <sv label="卸货地">{{i?.dischargePlace}}</sv>
    <sv label="异常原因" col="1">
      <div class="bg-grey-lighter p-sm">
        <div *ngFor="let items of i?.billComplianceVOS">
          <div>{{items.complianceName}}</div>
        </div>
      </div>
    </sv>
  </sv-container>
</nz-card>
<!-- <nz-card nzTitle="申诉信息" >
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="i">
    <ng-template sf-template="enterpriseQualificationCe" let-schema="schema" let-item let-ui="ui">
      <app-imagelist [imgList]="i?.fileArr"></app-imagelist>
    </ng-template>
  </sf>
</nz-card> -->
<nz-card nzTitle="申诉信息" >
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="i" [formData]="i">
    <ng-template sf-template="uploadVanchor" let-schema="schema" let-me let-ui="ui">
      <!-- <nz-upload *ngIf="me.formProperty.value" [nzFileList]="me.formProperty.value" [nzShowButton]="false"
        [nzShowUploadList]="{showRemoveIcon:false}">
      </nz-upload> -->
      <app-imagelist *ngIf="i.fileArr" [imgList]="i.fileArr"></app-imagelist>
    </ng-template>
  </sf>
</nz-card>
<nz-card class="dealBox" nzTitle="申诉处理">
  <nz-timeline nzMode="left">
    <nz-timeline-item [nzLabel]="item?.operatorTimestamp" nzColor="green" *ngFor="let item of logList">
      <div>{{item?.operationContent}}</div>
      <div *ngIf="item?.operationContent === '驳回'">驳回原因:{{i?.auditRemark}}</div>
      <div>操作人:{{item?.operator}}</div>
    </nz-timeline-item>
  </nz-timeline>
</nz-card>
