|
|
|
@ -7,7 +7,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="flex-c-sb form_top"> |
|
|
|
|
<div> |
|
|
|
|
<div class="flex-c-sb"> |
|
|
|
|
<div class="flex-c-sb" style="font-size: 16px"> |
|
|
|
|
<div class="flex-c-c" v-if="pageInfo.brand"> |
|
|
|
|
<el-icon color="#172e60"><User /></el-icon> |
|
|
|
|
品牌: |
|
|
|
@ -48,53 +48,37 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-form |
|
|
|
|
:inline="true" |
|
|
|
|
:disabled="true" |
|
|
|
|
:model="pageInfo" |
|
|
|
|
class="el-fr-d" |
|
|
|
|
label-width="100px" |
|
|
|
|
> |
|
|
|
|
<el-form :inline="true" :model="pageInfo" class="el-fr-d" label-width="100px"> |
|
|
|
|
<!-- 顶部 --> |
|
|
|
|
|
|
|
|
|
<!-- 第一排 --> |
|
|
|
|
<div class="table-row border-top"> |
|
|
|
|
<el-form-item label="发站仓:" class="el-times"> |
|
|
|
|
<el-select |
|
|
|
|
<el-input |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.departureWarehouseName" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="发站仓" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="到站:"> |
|
|
|
|
<el-input v-model="pageInfo.destination" placeholder="服务号"></el-input> |
|
|
|
|
<el-input readonly v-model="pageInfo.destination" placeholder="服务号"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="目的仓:" class="el-times"> |
|
|
|
|
<el-select |
|
|
|
|
<el-input |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.destinationWarehouseName" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="目的仓" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="货号:"> |
|
|
|
|
<el-input v-model="pageInfo.goodsCode" disabled placeholder="货号"></el-input> |
|
|
|
|
<el-input readonly v-model="pageInfo.goodsCode" placeholder="货号"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -102,9 +86,9 @@
|
|
|
|
|
<div class="table-row" v-if="Number(pageInfo.waybillType) === 1"> |
|
|
|
|
<el-form-item label="订单自编号:" class="el-times"> |
|
|
|
|
<el-input |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.orderNo" |
|
|
|
|
type="textarea" |
|
|
|
|
disabled |
|
|
|
|
placeholder="订单自编号" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -118,8 +102,8 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="发货单位:"> |
|
|
|
|
<el-input |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.shipper" |
|
|
|
|
disabled |
|
|
|
|
placeholder="发货单位" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -127,7 +111,7 @@
|
|
|
|
|
<el-form-item label="发货人:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.shipperName" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="发货人" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -137,7 +121,7 @@
|
|
|
|
|
<el-form-item label="手机号码:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.shipperMobile" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="手机号码" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -147,7 +131,7 @@
|
|
|
|
|
<el-form-item label="发货地址:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.shipperAddress" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="发货地址" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -161,7 +145,7 @@
|
|
|
|
|
<el-form-item label="收货单位:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.consignee" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="收货单位" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -169,7 +153,7 @@
|
|
|
|
|
<el-form-item label="收货人:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.consigneeName" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="收货人" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -179,7 +163,7 @@
|
|
|
|
|
<el-form-item label="手机号码:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.consigneeMobile" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="手机号码" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -189,7 +173,7 @@
|
|
|
|
|
<el-form-item label="收货地址:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.consigneeAddress" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="收货地址" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -291,38 +275,38 @@
|
|
|
|
|
<el-form label-width="fit-content"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="发货单位:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="发货人:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="发货人:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="发货人:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="发货人:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="装卸费:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="其它费用:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="保价费:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="申明价值:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
@ -338,29 +322,29 @@
|
|
|
|
|
<el-form label-width="fit-content"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="支付方式:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="付款方式:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="现付:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="到付:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="月结:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="回付:"> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" disabled></el-input> |
|
|
|
|
<el-input v-model="pageInfo.serviceNumber" readonly></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
@ -378,18 +362,19 @@
|
|
|
|
|
<span class="red">{{ totalCost }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<el-form label-width="fit-content" disabled> |
|
|
|
|
<el-form label-width="fit-content" readonly> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="运费:"> |
|
|
|
|
<el-input |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.totalFreight" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="送货费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.deliveryFee" |
|
|
|
|
></el-input-number> |
|
|
|
@ -397,6 +382,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="提货费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.pickupFee" |
|
|
|
|
></el-input-number> |
|
|
|
@ -404,6 +390,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库管理费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.warehouseManagementFee" |
|
|
|
|
></el-input-number> |
|
|
|
@ -411,6 +398,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="仓储费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.storageFee" |
|
|
|
|
></el-input-number> |
|
|
|
@ -420,30 +408,35 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="装卸费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.handlingFee" |
|
|
|
|
></el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="其它费用:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.otherFee" |
|
|
|
|
></el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="保价费:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.insuranceFee" |
|
|
|
|
></el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="申明价值:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.claimingValue" |
|
|
|
|
></el-input-number> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="回扣:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.rebate" |
|
|
|
|
></el-input-number> |
|
|
|
@ -459,10 +452,15 @@
|
|
|
|
|
<div style="flex: 1; zoom: 0.9"> |
|
|
|
|
<div class="table-row-title" style="margin-bottom: 10px">付款方式</div> |
|
|
|
|
<div> |
|
|
|
|
<el-form label-width="fit-content" disabled> |
|
|
|
|
<el-form label-width="fit-content" readonly> |
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="支付方式:"> |
|
|
|
|
<el-select v-model="pageInfo.payType" class="m-2" placeholder="支付方式"> |
|
|
|
|
<el-select |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.payType" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="支付方式" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.info.payTypeList" |
|
|
|
|
:key="item.dictValue" |
|
|
|
@ -473,7 +471,12 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="付款方式:" prop="payWay"> |
|
|
|
|
<el-select v-model="pageInfo.payWay" class="m-2" placeholder="付款方式"> |
|
|
|
|
<el-select |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.payWay" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="付款方式" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.info.payWayList" |
|
|
|
|
:key="item.dictValue" |
|
|
|
@ -485,6 +488,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="现付:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.xianPay" |
|
|
|
|
></el-input-number> |
|
|
|
@ -494,6 +498,7 @@
|
|
|
|
|
<el-row> |
|
|
|
|
<el-form-item label="到付:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.daoPay" |
|
|
|
|
></el-input-number> |
|
|
|
@ -501,6 +506,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="月结:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.yuePay" |
|
|
|
|
></el-input-number> |
|
|
|
@ -508,6 +514,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="回付:"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.huiPay" |
|
|
|
|
></el-input-number> |
|
|
|
@ -527,7 +534,7 @@
|
|
|
|
|
<div style="font-size: 14px">代收货款:</div> |
|
|
|
|
<el-form-item label-width="0"> |
|
|
|
|
<el-input-number |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
controls-position="right" |
|
|
|
|
v-model="pageInfo.replacePrice" |
|
|
|
|
></el-input-number> |
|
|
|
@ -542,12 +549,13 @@
|
|
|
|
|
<div class="table-row table_row_number"> |
|
|
|
|
<div> |
|
|
|
|
<el-form-item label="开单人:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-input v-model="pageInfo.agent" /> |
|
|
|
|
<el-input readonly v-model="pageInfo.agent" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-form-item label="三方操作费:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.thirdOperationFee" |
|
|
|
|
controls-position="right" |
|
|
|
|
:precision="0" |
|
|
|
@ -556,7 +564,12 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="送货方式:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-select v-model="pageInfo.deliveryWay" class="m-2" placeholder="送货方式"> |
|
|
|
|
<el-select |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.deliveryWay" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="送货方式" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
@ -567,7 +580,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="紧急度:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-select v-model="pageInfo.urgency" class="m-2" placeholder="紧急度"> |
|
|
|
|
<el-select readonly v-model="pageInfo.urgency" class="m-2" placeholder="紧急度"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
@ -579,6 +592,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label="回单" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-input-number |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.receiptNum" |
|
|
|
|
controls-position="right" |
|
|
|
|
:precision="0" |
|
|
|
@ -587,7 +601,7 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="回单要求:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-select v-model="pageInfo.receipt" class="m-2" placeholder="回单要求"> |
|
|
|
|
<el-select readonly v-model="pageInfo.receipt" class="m-2" placeholder="回单要求"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
@ -598,7 +612,12 @@
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="运输方式:" label-width="fit-content" class="el-times"> |
|
|
|
|
<el-select v-model="pageInfo.transportType" class="m-2" placeholder="运输方式"> |
|
|
|
|
<el-select |
|
|
|
|
readonly |
|
|
|
|
v-model="pageInfo.transportType" |
|
|
|
|
class="m-2" |
|
|
|
|
placeholder="运输方式" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in details.options" |
|
|
|
|
:key="item.value" |
|
|
|
@ -615,7 +634,7 @@
|
|
|
|
|
<el-input |
|
|
|
|
v-model="pageInfo.remark" |
|
|
|
|
type="textarea" |
|
|
|
|
disabled |
|
|
|
|
readonly |
|
|
|
|
placeholder="备注" |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|