车辆对接

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-22 10:09:11
+ * @LastEditTime: 2021-12-23 13:38:07
  * @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
@@ -18,10 +18,9 @@
     </div>
     <div nz-row style="display: flex; justify-content: end;">
       <div nz-col nzSpan="10">
-        <button nz-button  >取消货源</button>
-        <button nz-button 
-         >重新指派</button>
-        <button nz-button  >修改货源</button>
+        <button nz-button  >确认发车</button>
+        <button nz-button >取消订单</button>
+        <button nz-button  >修改订单</button>
         <button nz-button nzType="primary" nzGhost >再下一单</button>
       </div>
     </div>
@@ -39,7 +38,43 @@
         <div style="font-size: 22px;font-weight: 700;">{{i?.billStatusLabel}}</div>
       </div>
      </div>
-  
+     <nz-tabset nzType="card" style="margin-top: 15px;">
+      <nz-tab [nzTitle]="tempt" >
+        <ng-template #tempt>
+          <nz-anchor>
+            <nz-link nzHref="#distannce1" nzTitle="装卸货信息"></nz-link>
+          </nz-anchor>
+        </ng-template>
+      </nz-tab>
+      <nz-tab [nzTitle]="tempt2" >
+        <ng-template #tempt2>
+          <nz-anchor>
+            <nz-link nzHref="#distannce2" nzTitle="基本信息"></nz-link>
+          </nz-anchor>
+        </ng-template>
+      </nz-tab>
+      <nz-tab [nzTitle]="tempt3" >
+        <ng-template #tempt3>
+          <nz-anchor>
+            <nz-link nzHref="#distannce3" nzTitle="运费信息"></nz-link>
+          </nz-anchor>
+        </ng-template>
+      </nz-tab>
+      <nz-tab [nzTitle]="tempt4" >
+        <ng-template #tempt4>
+          <nz-anchor>
+            <nz-link nzHref="#distannce4" nzTitle="附件信息"></nz-link>
+          </nz-anchor>
+        </ng-template>
+      </nz-tab>
+      <nz-tab [nzTitle]="tempt5" >
+        <ng-template #tempt5>
+          <nz-anchor>
+            <nz-link nzHref="#distannce5" nzTitle="轨迹信息"></nz-link>
+          </nz-anchor>
+        </ng-template>
+      </nz-tab>
+    </nz-tabset>
    </div>
   </ng-template>
 </page-header-wrapper>
@@ -57,7 +92,7 @@
   </div>
 </nz-card>
 
-<nz-card nzTitle="装卸货信息(一装一卸)">
+<nz-card nzTitle="装卸货信息(一装一卸)" id="distannce1">
   <div class="mt-md">
     <div nz-row [nzGutter]="24">
       <div nz-col [nzSpan]="12">
@@ -89,7 +124,7 @@
     </div>
   </div>
 </nz-card>
-<nz-card nzTitle="基本信息">
+<nz-card nzTitle="基本信息" id="distannce2">
   <sv-container col="1">
       <sv label="网络货运人">
         {{i?.goodsResource[0]?.enterpriseInfoName}}
@@ -118,7 +153,7 @@
 <nz-card nzTitle="保险待定">
 </nz-card>
 
-<nz-card nzTitle="运费信息">
+<nz-card nzTitle="运费信息" id="distannce3">
   <st #st [data]="i?.billExpenseDetails" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
 
   </st>
@@ -126,7 +161,7 @@
   <div>收款人：</div>
 </nz-card>
 
-<nz-card nzTitle="附件信息">
+<nz-card nzTitle="附件信息" id="distannce4">
   <sv-container>
     <sv label="协议附件">
       {{i?.supplementaryInformationVO?.stateReceipt?'是':'否'}}
@@ -134,11 +169,11 @@
   </sv-container>
   <sv-container col="2" class="mt-md">
     <sv label="装货凭证">
-      <app-imagelist [imgList]="i?.goodsResource">
+      <app-imagelist [imgList]="[i?.goodsResource]">
       </app-imagelist>
     </sv>
     <sv label="卸货凭证">
-      <app-imagelist [imgList]="i?.goodsResource">
+      <app-imagelist [imgList]="[i?.goodsResource]">
       </app-imagelist>
     </sv>
   </sv-container>
@@ -173,7 +208,7 @@
 
 <nz-card>
   <div nz-row>
-    <nz-card nzTitle="轨迹信息" style="width: 100%;" >
+    <nz-card nzTitle="轨迹信息" style="width: 100%;" id="distannce5">
       <div nz-row > 
         <div nz-col [nzSpan]='12'>
     <st #st [data]="i?.auditRecordList" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">