车辆对接

src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.html

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-12-14 14:03:07
- * @LastEditTime: 2021-12-21 14:47:26
+ * @LastEditTime: 2021-12-22 18:53:54
  * @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\modal\bulk\update-freight\update-freight.component.html
@@ -42,12 +42,12 @@ nzMessage="签收后不可再修改运费，请确保运费等信息准确无误
         <div>{{detailList?.goodsInfoVO?.volume}}吨</div>
     </sv>
     <sv label="卸货体积">
-        <div>xx吨</div>
+        <div>{{detailList?.settlementVolume}}方</div>
     </sv>
   </sv-container>
   <sv-container col="1">
     <sv label="总运费">
-      <div>{{detailList?.goodsInfoVO?.freightPrice ? detailList?.goodsInfoVO?.freightPrice + '元' : ''}}  </div>
+      <div>{{detailList?.price}} 元</div>
   </sv>
   <sv label="司机车辆">
     <div>{{driverList?.nickName}} / {{driverList?.telephone}}/ {{carList?.carNo}}</div>
@@ -55,11 +55,29 @@ nzMessage="签收后不可再修改运费，请确保运费等信息准确无误
 <sv label="收款人">
   <div>{{payeeList?.nickName}} / {{payeeList?.telephone}}</div>
 </sv>
-  <sv label="回单凭证">
-    <!-- <app-imagelist
-      [imgList]="[userIdentityDetail?.certificatePhotoFrontWatermark,userIdentityDetail?.certificatePhotoBackWatermark]">
-    </app-imagelist> -->
-  </sv>
+<sv label="回单凭证">
+  <nz-upload
+    class="avatar-uploader"
+    [nzAction]="service.$api_upload_url"
+    [nzName]="'multipartFile'"
+    nzListType="picture-card"
+    [(nzFileList)]="listImagUrls"
+    [nzShowButton]="listImagUrls.length < 5"
+    [nzPreview]="handlePreview1"
+    [nzBeforeUpload]="beforeUpload"
+    (nzChange)="handleChange1($event)"
+  >
+    <div>
+      <i nz-icon nzType="plus"></i>
+      <div style="margin-top: 8px">请上传图片</div>
+    </div>
+  </nz-upload>
+  <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
+    <ng-template #modalContent>
+      <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
+    </ng-template>
+  </nz-modal>
+</sv>
 </sv-container>
 <div class="modal-footer">
   <button nz-button type="button" (click)="close()">关闭</button>