车辆对接

src/app/routes/order-management/components/complaint-detail/complaint-detail.component.html

@@ -0,0 +1,42 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-16 10:19:08
+ * @LastEditTime: 2022-01-04 17:58:06
+ * @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="投诉信息" >
+  <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-card>