diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
index 593cc5a0..9afc524e 100644
--- a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
@@ -19,14 +19,14 @@
     
     
       
-        
-        
-        
-        
+        
+        
+        
+        
       
      
     
-   
+    
       
         {{ i?.goodsResource?.enterpriseInfoName }} 
         {{ i?.goodsResource?.shipperAppUserName }} 
@@ -34,86 +34,57 @@
         {{i?.goodsResource?.serviceTypeLabel}}
         {{i?.goodsResource?.dispatchName}} 18100000000 
         {{i?.goodsResource?.dispatchName}} 
-     
-     
-      
-        
-          
-            
-          
-        
-      
-      
-        
-          
-            
-          
-        
-      
-      
-        
-          
-            
-          
-        
-      
-      
-        
-          
-            
-          
-        
-      
-      
-        
-          
-            
-          
-        
-      
-    
-   
 
+      
     装货卸货信息
@@ -158,7 +129,7 @@
 
 
 
-
+
   
 
   
@@ -166,7 +137,7 @@
   收款人:
 
 
-
+
   
     
       
@@ -202,11 +173,11 @@
     
       {{i?.goodsResource?.receiptAddress}}
     
-  
+
   
   
     
-      
+      
     
     
       {{i?.goodsResource?.remarks}}
@@ -216,26 +187,27 @@
 
 
   
     
   
 
 
 
-
+
   
     
   
   
     
-    
+    
   
 
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less
index 8ae5eed8..b0f0fde2 100644
--- a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less
@@ -35,23 +35,6 @@
             }
         }
 
-        .ant-tabs-top>.ant-tabs-nav,
-        .ant-tabs-bottom>.ant-tabs-nav,
-        .ant-tabs-top>div>.ant-tabs-nav,
-        .ant-tabs-bottom>div>.ant-tabs-nav {
-            margin: 0;
-        }
-
-        .ant-anchor-ink::before {
-            width: 0;
-        }
-
-        .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
-        .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
-        .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
-        .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
-            margin-left: 40px
-        }
     }
 
     .leftPadding {
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts
index 9f228631..e5f050ae 100644
--- a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts
+++ b/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' });
+    }
   }
 }