|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<!-- 发货打印 -->
|
|
<!-- 发货打印 -->
|
|
- <div id="sendGood-print" style="height:0;overflow: hidden;">
|
|
|
|
- <div class="print-box" style="width: 100%;font-size: 12pt;" v-if="detail">
|
|
|
|
|
|
+ <div id="sendGood-print" style="height:0;overflow: hidden;" v-if="detail">
|
|
|
|
+ <div class="print-box" style="width: 574pt;font-size: 12pt;">
|
|
<div style="display: flex;align-items: center;justify-content: center;">
|
|
<div style="display: flex;align-items: center;justify-content: center;">
|
|
<img src="@/assets/logo.png" height="50px"/>
|
|
<img src="@/assets/logo.png" height="50px"/>
|
|
<h1 style="margin:0;">东莞市箭冠汽车配件制造有限公司</h1>
|
|
<h1 style="margin:0;">东莞市箭冠汽车配件制造有限公司</h1>
|
|
@@ -12,7 +12,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;align-items: center;justify-content:space-between;padding: 5px;">
|
|
<div style="display: flex;align-items: center;justify-content:space-between;padding: 5px;">
|
|
<span style="width: 70%;">托运日期:{{ detail.sendDate }}</span>
|
|
<span style="width: 70%;">托运日期:{{ detail.sendDate }}</span>
|
|
- <span style="width: 30%;">目的地:{{ detail.customerAddress }}</span>
|
|
|
|
|
|
+ <span style="width: 30%;word-break:break-all;">目的地:{{ detail.customerAddress }}</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<div style="border: 1px solid #000;border-bottom:0;">
|
|
<div style="border: 1px solid #000;border-bottom:0;">
|
|
@@ -20,40 +20,40 @@
|
|
<span style="width: 60%;border-right: 1px solid #000;padding: 5px;">收货人:{{ detail.customerCacateName }}</span>
|
|
<span style="width: 60%;border-right: 1px solid #000;padding: 5px;">收货人:{{ detail.customerCacateName }}</span>
|
|
<span style="width: 40%;padding: 5px;">电话:{{ detail.customerCacatePhone }}</span>
|
|
<span style="width: 40%;padding: 5px;">电话:{{ detail.customerCacatePhone }}</span>
|
|
</div>
|
|
</div>
|
|
- <div style="padding: 5px;">
|
|
|
|
|
|
+ <div style="padding: 5px;word-break:break-all;">
|
|
<span>详细地址:{{ detail.customerAddressDetail }}</span>
|
|
<span>详细地址:{{ detail.customerAddressDetail }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <table border="1" style="width: 100%;border-collapse: collapse;text-align: center;border-color:#000;">
|
|
|
|
|
|
+ <table border="1" style="width: 574pt;border-collapse: collapse;text-align: center;border-color:#000;">
|
|
<tr style="padding: 0;">
|
|
<tr style="padding: 0;">
|
|
- <td style="padding: 5px 0;width:14%;">货物名称</td>
|
|
|
|
- <td style="padding: 0;width:9%;">件数</td>
|
|
|
|
- <td style="padding: 0;width:9%;">体积(m³)</td>
|
|
|
|
- <td style="padding: 0;width:9%;">重量(kg)</td>
|
|
|
|
- <td style="padding: 0;width:9%;">计费单价(元)</td>
|
|
|
|
- <td style="padding: 0;width:9%;">运费(元)</td>
|
|
|
|
- <td style="padding: 0;width:9%;">保价(万)</td>
|
|
|
|
- <td style="padding: 0;width:9%;">送货费</td>
|
|
|
|
- <td style="padding: 0;width:9%;">其他</td>
|
|
|
|
- <td style="border-bottom: 1px solid #000;padding: 0;width:14%;">合计</td>
|
|
|
|
|
|
+ <td style="padding: 5px 0;width:70pt;">货物名称</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">件数</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">体积(m³)</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">重量(kg)</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">计费单价(元)</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">运费(元)</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">保价(万)</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">送货费</td>
|
|
|
|
+ <td style="padding: 0;width:60pt;">其他</td>
|
|
|
|
+ <td style="padding: 0;width:60pt;">合计</td>
|
|
</tr>
|
|
</tr>
|
|
<tr style="padding: 0;" v-for="item in detail.detailList" :key="item.id">
|
|
<tr style="padding: 0;" v-for="item in detail.detailList" :key="item.id">
|
|
- <td style="padding: 5px 0;">{{ item.goodsName }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.goodsQty }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.goodsVolume.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.goodsWeight.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.unitPrice.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.transportAmount.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.supportValue.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.sendAmount.toFixed(2) }}</td>
|
|
|
|
- <td style="padding: 0;">{{ item.otherAmount.toFixed(2) }}</td>
|
|
|
|
- <td style="border-bottom: 1px solid #000;padding: 0;">{{ item.totalAmount.toFixed(2) }}</td>
|
|
|
|
|
|
+ <td style="padding: 5px 0;width:70pt;">{{ item.goodsName }}</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">{{ item.goodsQty }}</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">{{ item.goodsVolume.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">{{ item.goodsWeight.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:56pt;">{{ item.unitPrice.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">{{ item.transportAmount.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">{{ item.supportValue.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:55pt;">{{ item.sendAmount.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:60pt;">{{ item.otherAmount.toFixed(2) }}</td>
|
|
|
|
+ <td style="padding: 0;width:60pt;">{{ item.totalAmount.toFixed(2) }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
<div style="border: 1px solid #000;border-top:0;">
|
|
<div style="border: 1px solid #000;border-top:0;">
|
|
<div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
<div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
- <div style="width: 80%;border-right: 1px solid #000;padding: 5px;">费用合计(大写):{{ dealBigMoney(detail.totalSendAmount.toFixed(2)) }}</div>
|
|
|
|
- <div style="width: 20%;padding: 5px;">¥:{{ detail.totalSendAmount.toFixed(2) }}</div>
|
|
|
|
|
|
+ <div style="width: 78%;border-right: 1px solid #000;padding: 4pt;">费用合计(大写):{{ dealBigMoney(detail.totalSendAmount.toFixed(2)) }}</div>
|
|
|
|
+ <div style="width:22%;padding: 4pt;">¥:{{ detail.totalSendAmount.toFixed(2) }}</div>
|
|
</div>
|
|
</div>
|
|
<div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
<div style="border-bottom: 1px solid #000;display: flex;align-items: center;justify-content:space-between;">
|
|
<div style="border-right: 1px solid #000;flex:1;text-align: center;padding: 5px;">付款方式:</div>
|
|
<div style="border-right: 1px solid #000;flex:1;text-align: center;padding: 5px;">付款方式:</div>
|