车辆对接

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

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-03 15:31:52
- * @LastEditTime: 2021-12-27 14:22:03
+ * @LastEditTime: 2021-12-27 20:39:45
  * @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\vehicle-detail\vehicle-detail.component.html
@@ -82,13 +82,15 @@
 <nz-card nzTitle="运单进度">
   <div class="approval-status">
     <div style="width: 60%; margin: 0 auto">
-      <!-- <nz-steps [nzLabelPlacement]="'vertical'">
-        <nz-step [nzStatus]="i?.resourceStatus !== '1'?'finish':'process'" nzIcon="solution"
-          [nzDescription]="i?.createAt" nzTitle="下单"></nz-step>
-        <nz-step *ngIf="i?.resourceStatus === '1' || i?.resourceStatus === '2' "
-          [nzStatus]="i?.resourceStatus=== '1'? 'wait':'finish'" nzIcon="file-done" [nzTitle]="'接单'"></nz-step>
-        <nz-step nzStatus="finish" nzIcon="close-circle" nzTitle="取消货源" *ngIf="i?.resourceStatus === '3'"></nz-step>
-      </nz-steps> -->
+        <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+           <nz-step
+                  *ngFor="let item of i?.scheduleVOList"
+             [nzTitle]="item.state"
+             [nzSubtitle]="item.stateTime"
+             [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+           >
+          </nz-step>
+         </nz-steps>
     </div>
   </div>
 </nz-card>