|
|
|
@ -1,132 +1,127 @@
|
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<div class="VehicleStowageTable"> |
|
|
|
|
<table |
|
|
|
|
border="1" |
|
|
|
|
style="width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0" |
|
|
|
|
style="width: 100%; text-align: center; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #000; border-right: 1px solid #000;" |
|
|
|
|
> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th colspan="4"> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="4"> |
|
|
|
|
<img style="height: 40px" src="../../../public/img/htlogo.png" alt="暂无图片" /> |
|
|
|
|
</th> |
|
|
|
|
<th colspan="6" style="font-size: 20px">干 线 装 载 清 单</th> |
|
|
|
|
<th :colspan="6 + goodsTitleList.length + 1"> |
|
|
|
|
<th colspan="6" style="font-size: 20px; border-bottom: 1px solid #000; border-left: 1px solid #000;">干 线 装 载 清 单</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" :colspan="6 + goodsTitleList.length + 1"> |
|
|
|
|
<img id="imgcode" :src="renderInfo.carsNoBase64" /> |
|
|
|
|
<div>{{ renderInfo.carsNo }}</div> |
|
|
|
|
</th> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<th colspan="4">始发站:{{ renderInfo.startWarehouseName }}</th> |
|
|
|
|
<th colspan="6"> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="4">始发站:{{ renderInfo.startWarehouseName }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="6"> |
|
|
|
|
经停站:{{ |
|
|
|
|
renderInfo.endWarehouseNames.slice(0, renderInfo.endWarehouseNames.length - 1)[0] || |
|
|
|
|
'' |
|
|
|
|
}} |
|
|
|
|
</th> |
|
|
|
|
<th :colspan="6 + goodsTitleList.length + 1"> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" :colspan="6 + goodsTitleList.length + 1"> |
|
|
|
|
目的站:{{ renderInfo.endWarehouseNames.slice(-1)[0] }} |
|
|
|
|
</th> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<th colspan="4">司机:{{ renderInfo.assistantName || '' }}</th> |
|
|
|
|
<th colspan="2">司机电话:{{ renderInfo.assistantMobile || '' }}</th> |
|
|
|
|
<th colspan="3">车牌号:{{ renderInfo.carNumber || '' }}</th> |
|
|
|
|
<th>卸车完成时间: {{ renderInfo.unloadDate || '年 月 日' }}</th> |
|
|
|
|
<th :colspan="6 + goodsTitleList.length + 1">卸车人员签字</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="4">司机:{{ renderInfo.assistantName || '' }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="2">司机电话:{{ renderInfo.assistantMobile || '' }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="3">车牌号:{{ renderInfo.carNumber || '' }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;">卸车完成时间: {{ renderInfo.unloadDate || '年 月 日' }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" :colspan="6 + goodsTitleList.length + 1">卸车人员签字</th> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<th rowspan="2">序号</th> |
|
|
|
|
<th rowspan="2">发货单位</th> |
|
|
|
|
<th rowspan="2">开单时间</th> |
|
|
|
|
<th rowspan="2">始发仓</th> |
|
|
|
|
<th rowspan="2">目的仓</th> |
|
|
|
|
<th rowspan="2">收货单位</th> |
|
|
|
|
<th rowspan="2">收货人</th> |
|
|
|
|
<th rowspan="2">收货电话</th> |
|
|
|
|
<th rowspan="2">物流单号</th> |
|
|
|
|
<th rowspan="2">合同号</th> |
|
|
|
|
<th rowspan="2">计划件数</th> |
|
|
|
|
<th rowspan="2">货位</th> |
|
|
|
|
<th :colspan="goodsTitleList.length + 1">装车产品明细</th> |
|
|
|
|
<!-- <th rowspan="2">合计件数</th> --> |
|
|
|
|
<th rowspan="2">卸车件数</th> |
|
|
|
|
<th rowspan="2">卸车网点</th> |
|
|
|
|
<th rowspan="2">卸车时间</th> |
|
|
|
|
<th rowspan="2">异常备注</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">序号</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">发货单位</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">开单时间</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">始发仓</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">目的仓</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">收货单位</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">收货人</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">收货电话</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">物流单号</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">合同号</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">计划件数</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">货位</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" :colspan="goodsTitleList.length + 1">装车产品明细</th> |
|
|
|
|
<!-- <th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">合计件数</th> --> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">卸车件数</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">卸车网点</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">卸车时间</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" rowspan="2">异常备注</th> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<th v-for="item in goodsTitleList" :key="item">{{ item }}</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;" v-for="item in goodsTitleList" :key="item">{{ item }}</th> |
|
|
|
|
|
|
|
|
|
<th>小计</th> |
|
|
|
|
<th style="border-bottom: 1px solid #000; border-left: 1px solid #000;">小计</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<!-- 值 --> |
|
|
|
|
<tr v-for="(value, index) in renderInfo.mainList" style="word-break: break-all"> |
|
|
|
|
<td>{{ index + 1 }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;">{{ index + 1 }}</td> |
|
|
|
|
<!-- 发货单位 --> |
|
|
|
|
<td contenteditable>{{ value.shipper || '' }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.shipper || '' }}</td> |
|
|
|
|
<!-- 开单时间 --> |
|
|
|
|
<td contenteditable>{{ value.createTime || '' }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.createTime || '' }}</td> |
|
|
|
|
<!-- 始发仓 --> |
|
|
|
|
<td contenteditable>{{ value.departureWarehouseName || '' }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.departureWarehouseName || '' }}</td> |
|
|
|
|
<!-- 目的仓 --> |
|
|
|
|
<td contenteditable>{{ value.destinationWarehouseName || '' }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.destinationWarehouseName || '' }}</td> |
|
|
|
|
<!-- 收货单位 --> |
|
|
|
|
<td contenteditable>{{ value.consignee }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.consignee }}</td> |
|
|
|
|
<!-- 收货人 --> |
|
|
|
|
<td contenteditable>{{ value.consigneeName }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.consigneeName }}</td> |
|
|
|
|
<!-- 收货电话 --> |
|
|
|
|
<td contenteditable>{{ value.consigneeMobile }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.consigneeMobile }}</td> |
|
|
|
|
<!-- 物流单号 --> |
|
|
|
|
<td>{{ value.waybillNo }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;">{{ value.waybillNo }}</td> |
|
|
|
|
<!-- 合同号 --> |
|
|
|
|
<td>{{ value.orderCode }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;">{{ value.orderCode }}</td> |
|
|
|
|
<!-- 计划件数 --> |
|
|
|
|
<td contenteditable>{{ value.planNum }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.planNum }}</td> |
|
|
|
|
<!-- 货位 --> |
|
|
|
|
<td></td> |
|
|
|
|
<td contenteditable v-for="item in goodsTitleList"> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;"></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable v-for="item in goodsTitleList"> |
|
|
|
|
{{ (value.goodsList.find(val => val.goodsName === item) || {}).num || '' }} |
|
|
|
|
</td> |
|
|
|
|
<!-- 小计 --> |
|
|
|
|
<td contenteditable>{{ value.smallTotal }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.smallTotal }}</td> |
|
|
|
|
<!-- 合计件数 --> |
|
|
|
|
<!-- <td contenteditable>{{ value.smallTotal }}</td> --> |
|
|
|
|
<!-- <td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.smallTotal }}</td> --> |
|
|
|
|
<!-- 卸车件数 --> |
|
|
|
|
<td contenteditable>{{ value.unloadNum }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ value.unloadNum }}</td> |
|
|
|
|
<!-- 卸车网点 --> |
|
|
|
|
<td contenteditable></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable></td> |
|
|
|
|
<!-- 卸车时间 --> |
|
|
|
|
<td contenteditable></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable></td> |
|
|
|
|
<!-- 异常备注 --> |
|
|
|
|
<td contenteditable></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable></td> |
|
|
|
|
</tr> |
|
|
|
|
|
|
|
|
|
<!-- 合计行 --> |
|
|
|
|
<tr> |
|
|
|
|
<th colspan="10">合计</th> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="10">合计</td> |
|
|
|
|
<!-- 合计 -- 计划件数 --> |
|
|
|
|
<td contenteditable>{{ totalPlanNum }}</td> |
|
|
|
|
<td></td> |
|
|
|
|
<td contenteditable v-for="item in goodsTitleList"></td> |
|
|
|
|
<td contenteditable>{{ totalNum }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ totalPlanNum }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;"></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable v-for="item in goodsTitleList"></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ totalNum }}</td> |
|
|
|
|
<!-- 合计件数 --> |
|
|
|
|
<!-- <td contenteditable>{{ totalNum }}</td> --> |
|
|
|
|
<!-- <td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ totalNum }}</td> --> |
|
|
|
|
<!-- 卸车件数 --> |
|
|
|
|
<td contenteditable>{{ totalUnLoadNum }}</td> |
|
|
|
|
<td></td> |
|
|
|
|
<td></td> |
|
|
|
|
<td></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" contenteditable>{{ totalUnLoadNum }}</td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;"></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;"></td> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;"></td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="17" contenteditable> |
|
|
|
|
<td style="border-bottom: 1px solid #000; border-left: 1px solid #000;" colspan="18" contenteditable> |
|
|
|
|
<span style="display: inline-block; margin-right: 20px; min-width: 200px;"> 投诉电话:4000184668 </span> |
|
|
|
|
<span style="display: inline-block; margin-right: 20px; min-width: 200px;"> 营业部电话: </span> |
|
|
|
|
<span style="display: inline-block; margin-right: 20px; min-width: 200px;"> 系统单调度: </span> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|