|
@@ -1,11 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<div class="tableAllDate">
|
|
<div class="tableAllDate">
|
|
- <div id="pdfDom">
|
|
|
|
|
|
+ <div id="pdfDom" v-for="(item, index) in dataList" :key="index">
|
|
<div class="blank"></div>
|
|
<div class="blank"></div>
|
|
|
|
|
|
<div class="title">
|
|
<div class="title">
|
|
- <h1 align="center">{{ shippername }}</h1>
|
|
|
|
- <h1 align="center">物资送货单</h1>
|
|
|
|
|
|
+ <h5 align="center">{{ shippername }} 物资送货单</h5>
|
|
|
|
+ <!-- <h5 align="center">物资送货单</h5>-->
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<!-- tablePart0 -->
|
|
<!-- tablePart0 -->
|
|
@@ -35,13 +35,12 @@
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
<th style="width: 5%; text-align: center">序号</th>
|
|
<th style="width: 5%; text-align: center">序号</th>
|
|
- <th style="width: 21.5%; text-align: center">物资名称</th>
|
|
|
|
- <th style="width: 21.5%; text-align: center">规格型号</th>
|
|
|
|
|
|
+ <th style="width: 23.5%; text-align: center">物资名称</th>
|
|
|
|
+ <th style="width: 22.5%; text-align: center">规格型号</th>
|
|
<th style="width: 14%">件数</th>
|
|
<th style="width: 14%">件数</th>
|
|
<th style="width: 14%">重量</th>
|
|
<th style="width: 14%">重量</th>
|
|
- <th style="width: 19%">订单日期</th>
|
|
|
|
|
|
+ <th style="width: 21%">订单日期</th>
|
|
</tr>
|
|
</tr>
|
|
-
|
|
|
|
<tr v-for="(item, index) in deliveryOrderMaterialList" :key="index">
|
|
<tr v-for="(item, index) in deliveryOrderMaterialList" :key="index">
|
|
<td>{{ index + 1 }}</td>
|
|
<td>{{ index + 1 }}</td>
|
|
<td>{{ item.materialName }}</td>
|
|
<td>{{ item.materialName }}</td>
|
|
@@ -62,8 +61,8 @@
|
|
class="tablePart2"
|
|
class="tablePart2"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
- <th style="width: 19.25%">收货地点</th>
|
|
|
|
- <td style="width: 50%">
|
|
|
|
|
|
+ <th style="width: 28.5%">收货地点</th>
|
|
|
|
+ <td style="width: 71.5%">
|
|
{{ province }}{{ district }}{{ town }}{{ deliveryAddress }}
|
|
{{ province }}{{ district }}{{ town }}{{ deliveryAddress }}
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -79,10 +78,10 @@
|
|
class="tablePart3"
|
|
class="tablePart3"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
- <th style="width: 21.65%">收货人</th>
|
|
|
|
- <td style="width: 20%">{{ consignee }}</td>
|
|
|
|
- <th style="width: 10.5%">电话</th>
|
|
|
|
- <td style="width: 26%">{{ consigneeTel }}</td>
|
|
|
|
|
|
+ <th style="width: 28.5%">收货人</th>
|
|
|
|
+ <td style="width: 22.5%">{{ consignee }}</td>
|
|
|
|
+ <th style="width: 14%">电话</th>
|
|
|
|
+ <td style="width: 35%">{{ consigneeTel }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
|
|
|
|
@@ -96,10 +95,10 @@
|
|
class="tablePart4"
|
|
class="tablePart4"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
- <th style="width: 27.75%">承运商</th>
|
|
|
|
|
|
+ <th style="width: 28.5%">承运商</th>
|
|
<td style="width: 36.5%">{{ carrierName }}</td>
|
|
<td style="width: 36.5%">{{ carrierName }}</td>
|
|
- <th style="width: 13%">车牌号</th>
|
|
|
|
- <td style="width: 40%">{{ capacityNumber }}</td>
|
|
|
|
|
|
+ <th style="width: 14%">车牌号</th>
|
|
|
|
+ <td style="width: 35%">{{ capacityNumber }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
|
|
|
|
@@ -113,31 +112,33 @@
|
|
class="tablePart9"
|
|
class="tablePart9"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
- <th style="width: 7.62%">备注</th>
|
|
|
|
- <td style="width: 20%">{{ note }}</td>
|
|
|
|
|
|
+ <th style="width: 28.5%">备注</th>
|
|
|
|
+ <td style="width: 71.5%">{{ note }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<div>
|
|
- <!-- tablePart6 -->
|
|
|
|
|
|
+ <!-- tablePart6 margin-top: 10px-->
|
|
<table
|
|
<table
|
|
border="0"
|
|
border="0"
|
|
cellpadding="10"
|
|
cellpadding="10"
|
|
cellspacing="0"
|
|
cellspacing="0"
|
|
- style="margin: auto; font-size: 20px; margin-top: 10px"
|
|
|
|
|
|
+ style="margin: auto; font-size: 20px"
|
|
width="1000px"
|
|
width="1000px"
|
|
class="tablePart6"
|
|
class="tablePart6"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
- <th style="width: 6.25%">发货单位:</th>
|
|
|
|
- <td style="width: 53.5%">{{ shippername }}</td>
|
|
|
|
|
|
+ <th style="width: 8.25%">发货单位:</th>
|
|
|
|
+ <td style="width: 30.5%">{{ shippername }}</td>
|
|
|
|
+ <th style="width: 8.25%">收货单位:</th>
|
|
|
|
+ <td style="width: 30.5%">{{ consigeeName }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div>
|
|
|
|
- <!-- tablePart6 -->
|
|
|
|
|
|
+ <!-- <div>
|
|
|
|
+ <!– tablePart6 –>
|
|
<table
|
|
<table
|
|
border="0"
|
|
border="0"
|
|
cellpadding="10"
|
|
cellpadding="10"
|
|
@@ -151,24 +152,25 @@
|
|
<td style="width: 53.5%">{{ consigeeName }}</td>
|
|
<td style="width: 53.5%">{{ consigeeName }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
- </div>
|
|
|
|
|
|
+ </div>-->
|
|
<div>
|
|
<div>
|
|
- <!-- tablePart6 -->
|
|
|
|
|
|
+ <!-- tablePart6 margin-top: 10px-->
|
|
<table
|
|
<table
|
|
border="0"
|
|
border="0"
|
|
cellpadding="10"
|
|
cellpadding="10"
|
|
cellspacing="0"
|
|
cellspacing="0"
|
|
- style="margin: auto; font-size: 20px; margin-top: 10px"
|
|
|
|
|
|
+ style="margin: auto; font-size: 20px"
|
|
width="1000px"
|
|
width="1000px"
|
|
class="tablePart6"
|
|
class="tablePart6"
|
|
>
|
|
>
|
|
<tr>
|
|
<tr>
|
|
<th style="width: 14.5%">签收人:</th>
|
|
<th style="width: 14.5%">签收人:</th>
|
|
|
|
+ <th style="width: 14.5%">签收时间:</th>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
- <!-- tablePart6 -->
|
|
|
|
|
|
+ <!-- <div>
|
|
|
|
+ <!– tablePart6 –>
|
|
<table
|
|
<table
|
|
border="0"
|
|
border="0"
|
|
cellpadding="10"
|
|
cellpadding="10"
|
|
@@ -181,7 +183,7 @@
|
|
<th style="width: 14.5%">签收时间:</th>
|
|
<th style="width: 14.5%">签收时间:</th>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
- </div>
|
|
|
|
|
|
+ </div>-->
|
|
</div>
|
|
</div>
|
|
<!-- <el-button style="margin-left: 45%;" type="primary" @click="getPdf()">
|
|
<!-- <el-button style="margin-left: 45%;" type="primary" @click="getPdf()">
|
|
<i class="el-icon-download"></i>导出(pdf)
|
|
<i class="el-icon-download"></i>导出(pdf)
|
|
@@ -233,6 +235,7 @@ export default {
|
|
date: new Date().getDate(),
|
|
date: new Date().getDate(),
|
|
htmlTitle: "客户换票送货单",
|
|
htmlTitle: "客户换票送货单",
|
|
note: ""
|
|
note: ""
|
|
|
|
+ dataList:['1','2','3']
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|