|
@@ -1,10 +1,10 @@
|
|
<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 -->
|
|
@@ -34,13 +34,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>
|
|
@@ -50,7 +49,6 @@
|
|
<td>{{ item.makeDate }}</td>
|
|
<td>{{ item.makeDate }}</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
-
|
|
|
|
<!-- tablePart2 -->
|
|
<!-- tablePart2 -->
|
|
<table
|
|
<table
|
|
border="1"
|
|
border="1"
|
|
@@ -61,8 +59,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>
|
|
@@ -78,10 +76,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>
|
|
|
|
|
|
@@ -98,10 +96,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>
|
|
|
|
|
|
@@ -116,9 +114,8 @@
|
|
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>
|
|
@@ -126,24 +123,26 @@
|
|
|
|
|
|
|
|
|
|
<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"
|
|
@@ -157,24 +156,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"
|
|
@@ -187,7 +187,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)
|
|
@@ -239,6 +239,7 @@ export default {
|
|
date: new Date().getDate(),
|
|
date: new Date().getDate(),
|
|
htmlTitle: "客户换票送货单",
|
|
htmlTitle: "客户换票送货单",
|
|
note: "",
|
|
note: "",
|
|
|
|
+ dataList:['1','2','3']
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|