<!--
 * @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 [nzBorderless]="true" class="mb0">
  <div class="mb-xs" nz-row>
    <div nz-col nzSpan="16">
      <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.representationsStatusLabel }}</button>
      <b class="ml-md text-md">订单号 : {{ i?.billCode }}</b>
    </div>
  </div>
  <nz-divider class="divider-margin"></nz-divider>
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>运单信息</span>
  </div>
  <sv-container labelWidth="100" col="3" class="new-sv-container">
    <!-- <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 [nzBorderless]="true" class="mb0">
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>申诉信息</span>
  </div>
  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="i" [formData]="i"
    class="new-sf-container">
    <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 [nzBorderless]="true" class="dealBox mb0">
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>申诉处理</span>
  </div>
  <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>
