91 lines
2.9 KiB
HTML
91 lines
2.9 KiB
HTML
<!--
|
|
* @Description :
|
|
* @Version : 1.0
|
|
* @Author : Shiming
|
|
* @Date : 2021-12-14 15:02:52
|
|
* @LastEditors : Shiming
|
|
* @LastEditTime : 2022-03-04 09:38:45
|
|
* @FilePath : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
|
|
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
|
-->
|
|
|
|
<nz-alert
|
|
style="padding-bottom: 15px;"
|
|
nzType="warning"
|
|
nzCloseable
|
|
nzMessage="签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。"
|
|
></nz-alert>
|
|
<sv-container col="1">
|
|
<sv label="货物单价">
|
|
<span>
|
|
{{detailList?.goodsInfoVO?.freightPrice}} {{detailList?.goodsInfoVO?.freightTypeLabel}}
|
|
</span>
|
|
</sv>
|
|
<sv label="结算依据">
|
|
<div>
|
|
<div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '1'">以收货为准</div>
|
|
<div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '2'">以发货为准 </div>
|
|
<div *ngIf="detailList?.goodsInfoVO?.rule === '1'">保留小数 </div>
|
|
<div *ngIf="detailList?.goodsInfoVO?.rule === '2'">抹除小数 </div>
|
|
<div *ngIf="detailList?.goodsInfoVO?.rule === '3'">抹除个数 </div>
|
|
</div>
|
|
</sv>
|
|
|
|
</sv-container>
|
|
<sv-container col="2">
|
|
<sv label="装货重量">
|
|
<div>{{ detailList?.loadWeight }}吨</div>
|
|
</sv>
|
|
<sv label="装货体积">
|
|
<div>{{ detailList?.loadVolume }}方</div>
|
|
</sv>
|
|
</sv-container>
|
|
<sv-container col="2" >
|
|
<sv label="卸货重量">
|
|
<div>{{ detailList?.settlementWeight }}吨</div>
|
|
</sv>
|
|
<sv label="卸货体积">
|
|
<div>{{ detailList?.settlementVolume }}方</div>
|
|
</sv>
|
|
</sv-container>
|
|
<sv-container col="1">
|
|
<sv label="总运费">
|
|
<div>{{detailList?.price | currency}} 元</div>
|
|
</sv>
|
|
<sv label="司机车辆">
|
|
<div>{{detailList?.driverName}} / {{detailList?.driverPhone}}/ {{detailList?.carNo}}</div>
|
|
</sv>
|
|
<sv label="收款人">
|
|
<div>{{detailList?.payeeName}} / {{detailList?.payeePhone}}</div>
|
|
</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>
|
|
<button nz-button type="submit" nzType="primary" (click)="save()" [nzLoading]="http.loading"
|
|
>确认签收</button
|
|
>
|
|
</div>
|