车辆对接

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

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-03 15:31:52
- * @LastEditTime: 2021-12-27 14:15:35
+ * @LastEditTime: 2022-01-05 15:28:42
  * @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
@@ -12,8 +12,10 @@
       <i nz-icon nzType="left" nzTheme="outline"></i>
     </button>
   </ng-template>
+
   <ng-template #headerContent>
     <div class="mb-xs" nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{i?.billStatusLabel}}</button>
       <h4 class="ml-md" style="font-size: 18px;">订单号: {{ i?.billCode }}</h4>
     </div>
     <div nz-row style="display: flex; justify-content: end;">
@@ -22,62 +24,32 @@
         <button nz-button nzType="primary" (click)="save()" nzGhost>保存修改</button>
       </div>
     </div>
+    <nz-divider></nz-divider>
    <div>
-     <div style="display: flex; justify-content: space-between;">
       <div sv-container>
         <sv label="网络货运人">{{ i?.goodsResource?.[0]?.enterpriseInfoName }} </sv>
         <sv label="货主">{{ i?.goodsResource?.[0]?.shipperAppUserName }} </sv>
         <sv label="所属项目">{{i?.goodsResource?.[0]?.enterpriseProjectName}}</sv>
         <sv label="服务类型">{{i?.goodsResource?.[0]?.serviceTypeLabel}}</sv>
-        <sv label="录单员">{{i?.goodsResource?.[0]?.dispatchName}} 18100000000 </sv>
+        <sv label="录单员">{{i?.createUserNameLabel}} </sv>
         <sv label="调度员">{{i?.goodsResource?.[0]?.dispatchName}} </sv>
-      </div>
-      <div>
-        <div>状态</div>
-        <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-tabset style="margin-top: 15px;">
+      <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)">
       </nz-tab>
-      <nz-tab [nzTitle]="tempt2" >
-        <ng-template #tempt2>
-          <nz-anchor>
-            <nz-link nzHref="#distannce2" nzTitle="基本信息"></nz-link>
-          </nz-anchor>
-        </ng-template>
+      <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce2)">
       </nz-tab>
-      <nz-tab [nzTitle]="tempt3" >
-        <ng-template #tempt3>
-          <nz-anchor>
-            <nz-link nzHref="#distannce3" nzTitle="运费信息"></nz-link>
-          </nz-anchor>
-        </ng-template>
+      <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)">
       </nz-tab>
-      <nz-tab [nzTitle]="tempt4" >
-        <ng-template #tempt4>
-          <nz-anchor>
-            <nz-link nzHref="#distannce4" nzTitle="附件信息"></nz-link>
-          </nz-anchor>
-        </ng-template>
+      <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)">
       </nz-tab>
-      <nz-tab [nzTitle]="tempt5" >
-        <ng-template #tempt5>
-          <nz-anchor>
-            <nz-link nzHref="#distannce5" nzTitle="轨迹信息"></nz-link>
-          </nz-anchor>
-        </ng-template>
+      <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)">
       </nz-tab>
     </nz-tabset>
    </div>
   </ng-template>
 </page-header-wrapper>
-<nz-card nzTitle="运单进度">
+<nz-card nzTitle="运单进度" #distannce1>
   <div class="approval-status">
     <div style="width: 60%; margin: 0 auto">
       <nz-steps [nzLabelPlacement]="'vertical'">
@@ -179,7 +151,7 @@
     <ng-template #endInconTemp1><i nz-icon nzType="global"></i></ng-template>
   </form>
 </nz-card>
-<nz-card nzTitle="基本信息" id="distannce2">
+<nz-card nzTitle="基本信息" #distannce2>
   <div nz-row>
     <div nz-col nzSpan="12">
       <sf #sf3 [schema]="schema3" [formData]="sf3data" [button]="'none'" [ui]="ui3"></sf>
@@ -263,7 +235,7 @@
     
   </div>
 </nz-card> -->
-<nz-card nzTitle="运费信息" id="distannce3">
+<nz-card nzTitle="运费信息" #distannce3>
   <h2>{{i?.freightPrice}}{{i?.freightTypeLabel}}（以发货为准，保留小数）</h2>
   <st #st [data]="i?.billExpenseDetails" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
 
@@ -272,7 +244,7 @@
   <div>收款人：</div>
 </nz-card>
 
-<nz-card nzTitle="附件信息" id="distannce4">
+<nz-card nzTitle="附件信息" #distannce4>
   <sv-container>
     <sv label="协议附件">
       <!-- {{i?.supplementaryInformationVO?.stateReceipt?'是':'否'}} -->
@@ -334,7 +306,7 @@
 
 <nz-card>
   <div nz-row>
-    <nz-card nzTitle="轨迹信息" style="width: 100%;" id="distannce5">
+    <nz-card nzTitle="轨迹信息" style="width: 100%;" #distannce5>
       <div nz-row > 
         <div nz-col [nzSpan]='12'>
     <!-- <st #st [data]="i?.auditRecordList" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">