edit

src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts

@@ -11,6 +11,7 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn } from '@delon/abc/st';
 import { _HttpClient } from '@delon/theme';
+import { NzCardComponent } from 'ng-zorro-antd/card';
 import { NzMessageService } from 'ng-zorro-antd/message';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { OrderManagementService } from '../../services/order-management.service';
@@ -20,12 +21,11 @@ import { OrderManagementService } from '../../services/order-management.service'
   styleUrls: ['./vehicle-detail.component.less']
 })
 export class OrderManagementVehicleDetailComponent implements OnInit {
-
   id = this.route.snapshot.params.id;
-  i: any= {
-    unLoadingPlaceList:[],
+  i: any = {
+    unLoadingPlaceList: [],
     billExpenseDetails: [],
-    goodsInfoList:[],
+    goodsInfoList: [],
     goodsResource: []
   };
   imges: any;
@@ -48,9 +48,9 @@ export class OrderManagementVehicleDetailComponent implements OnInit {
         '1': { text: '待申请', color: 'warning' },
         '2': { text: '已支付', color: 'success' },
         '3': { text: '已拒绝', color: 'warning' },
-        '4': { text: '申请中', color: 'warning' },
-      },
-    },
+        '4': { text: '申请中', color: 'warning' }
+      }
+    }
   ];
 
   constructor(
@@ -59,30 +59,28 @@ export class OrderManagementVehicleDetailComponent implements OnInit {
     private service: OrderManagementService,
     private modalService: NzModalService,
     private router: Router
-  ) {
-
-  }
+  ) {}
 
   ngOnInit(): void {
-    console.log(this.id)
-    this.initData()
+    console.log(this.id);
+    this.initData();
   }
 
   initData() {
-    this.service.request(this.service.$api_get_getWholeBillDetail, {id: this.id}).subscribe(res => {
-      console.log(res)
+    this.service.request(this.service.$api_get_getWholeBillDetail, { id: this.id }).subscribe(res => {
+      console.log(res);
       if (res) {
-        this.i =res;
-        this.approvalLsit =  res.scheduleVOList
+        this.i = res;
+        this.approvalLsit = res.scheduleVOList;
         this.approvalLsit.map((item: any, key: any) => {
-          console.log(item)
-          if(item.displayStatus === 'HIDE') {
-            delete(this.approvalLsit[key])
+          console.log(item);
+          if (item.displayStatus === 'HIDE') {
+            delete this.approvalLsit[key];
           }
-        })
-        console.log(this.approvalLsit)
+        });
+        console.log(this.approvalLsit);
       }
-    })
+    });
   }
 
   goBack() {
@@ -90,21 +88,27 @@ export class OrderManagementVehicleDetailComponent implements OnInit {
   }
   // 修改订单
   changeOrder() {
-    console.log(this.id)
-    this.router.navigate(['order-management/vehicle-detailChange', this.id])
+    console.log(this.id);
+    this.router.navigate(['order-management/vehicle-detailChange', this.id]);
   }
   agreement(value: any) {
-    if(value === '1') {
-      this.imges = this.i?.agreementFilePath
+    if (value === '1') {
+      this.imges = this.i?.agreementFilePath;
     } else if (value === '2') {
-      this.imges = this.i?.agreementFilePath
-     }
+      this.imges = this.i?.agreementFilePath;
+    }
     this.isVisible = true;
   }
   handleCancel() {
-    this.isVisible = false
+    this.isVisible = false;
   }
   handleOK() {
-  this.isVisible = false
+    this.isVisible = false;
+  }
+
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+    }
   }
 }