486 lines
39 KiB
Vue
486 lines
39 KiB
Vue
<!-- 打印摸版 -->
|
||
<template lang="">
|
||
<div v-if=' printData.tableData && printData.tableData.length > 0'>
|
||
<div style="width:784px;overflow-y: hidden;text-align: center; overflow: hidden;" id='companyTilte'>
|
||
<div style="width:784px;text-align: center;">
|
||
<span style="font-size: 18px;margin-top: 30px;">{{ userInfo.identity==1 || userInfo.identity==3?userInfo.orgName:userInfo.customerName }}</span>
|
||
<h1 style="font-size: 20px;margin-top: 10px;margin-bottom:20px;">{{ printData.orderName === '采购订单管理'? '采购订单' : printData.orderName }}</h1>
|
||
<hr style="border:1px soild #000;width:1200px;" />
|
||
</div>
|
||
</div>
|
||
<!-- 表头 -->
|
||
<div style="width:784px;text-align:center; margin-bottom:300px" id='headhtml'>
|
||
<div style='margin-top:20px;margin-left: 50px;height auto;position:relative'>
|
||
<div style='width:350px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售订单号:</label>
|
||
<span style="font-size: 14px;">{{ 100>printData.tableData[0].salBillNo.length>60?printData.tableData[0].salBillNo.slice(0,60)+"...": printData.tableData[0].salBillNo }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">生产订单号: </label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].moBillNo }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "生产用料清单"'>
|
||
<br v-if='printData.orderName === "生产用料清单"&& printData.tableData[0].salBillNo.length>40 '>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物料编码:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].pMaterialNumber }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物料名称:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].pMaterialName }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "委外用料清单" ||printData.orderName === "生产用料清单"'>
|
||
<div style='width:350px; max-height:300px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">规格型号:</label>
|
||
<span style="font-size: 14px;"> {{ printData.tableData[0].pSpecification.length>100?printData.tableData[0].pSpecification.slice(0,100)+"...": printData.tableData[0].pSpecification }}</span>
|
||
</div>
|
||
<div style='width:300px;max-height:500px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">备注:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].orderRemark.length>55?printData.tableData[0].orderRemark.slice(0,55)+"...": printData.tableData[0].orderRemark }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "生产用料清单" &&(printData.tableData[0].orderRemark.length>20 || printData.tableData[0].pSpecification.length>20)' />
|
||
<br v-if='printData.orderName === "生产用料清单" &&(printData.tableData[0].orderRemark.length>45 || printData.tableData[0].pSpecification.length>45)' />
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||
<span style="font-size: 14px;" v-if="printData.orderName ==='委外用料清单'">{{ printData.tableData[0].outSourcMaterialNo }}</span>
|
||
<span style="font-size: 14px;" v-else>{{ printData.tableData[0].produceMaterialNo }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "委外用料清单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">委外订单号</label>
|
||
<span style="font-size: 14px;" v-if='printData.orderName !== "委外用料清单"'>{{ printData.tableData[0].moBillNo }}</span>
|
||
<span style="font-size: 14px;" v-else>{{ printData.tableData[0].outSourcOrderNo }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">期望交期:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].expectDate }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单" || printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'?'采购订单号:':'销售订单号:' }}</label>
|
||
<span style="font-size: 14px;" v-if="printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'">{{ printData.tableData[0].purorderNo }}</span>
|
||
<span style="font-size: 14px;" v-if="printData.orderName==='生产用料清单'||printData.orderName==='委外用料清单'||printData.orderName==='生产领料单'||printData.orderName==='生产补料单'||printData.orderName==='生产退料单'">{{ printData.tableData[0].salBillNo }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"?'生产订单号:':'供应商:' }}</label>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"'>{{ printData.tableData[0].moBillNo }}</span>
|
||
<span style="font-size: 14px;" v-if="printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'">{{ printData.tableData[0].supplier }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">下单日期:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].date }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName }}号:</label>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "生产领料单"'>{{ printData.tableData[0].producePickNo }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "生产补料单"'>{{ printData.tableData[0].produceFeedNo }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "生产退料单"'>{{ printData.tableData[0].produceReturnNo }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "委外领料单"'>{{ printData.tableData[0].outSourcPickNo }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "委外补料单"'>{{ printData.tableData[0].outSourcFeedNo }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "委外退料单"'>{{ printData.tableData[0].outSourcReturnNo }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">生产部门:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].workShop }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].supplier }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">数量:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].number }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "委外用料清单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName === "生产用料清单"?'生产订单备注:':'委外订单备注:' }}</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].orderRemark }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">条码:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].barCode }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员/跟单:</label>
|
||
<span style="font-size: 14px;">{{ (printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc).length>18?(printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc).slice(0,18)+"...":(printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc) }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售退货订单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员:</label>
|
||
<span style="font-size: 14px;">{{ (printData.tableData[0].stockDept+'/'+ printData.tableData[0].saleDept).length>18?(printData.tableData[0].saleDept+'/'+ printData.tableData[0].salesMan).slice(0,18)+"...":(printData.tableData[0].saleDept+'/'+ printData.tableData[0].salesMan) }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "送货单"||printData.orderName === "采购订单管理"||printData.orderName === "采购备料订单"||printData.orderName === "采购备料订单"||printData.orderName === "采购退料单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].supplierName.length > 18 ? printData.tableData[0].supplierName.slice(0,18)+"...":printData.tableData[0].supplierName }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "采购入库单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].supplier.length > 18 ? printData.tableData[0].supplier.slice(0,18)+"...":printData.tableData[0].supplier }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" ||printData.orderName === "发货通知单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员:</label>
|
||
<span style="font-size: 14px;">{{ (printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff).length > 18 ? (printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff).slice(0,18)+"...":(printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff) }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">调入库存组织:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].stockinOrg.length > 18 ? printData.tableData[0].stockinOrg.slice(0,18)+"...":printData.tableData[0].stockinOrg }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产入库单" ||printData.orderName === "直接调拨单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||
<span v-if='printData.orderName === "直接调拨单"' style="font-size: 14px;">{{ printData.tableData[0].billNo.length > 18 ? printData.tableData[0].billNo.slice(0,18)+"...":printData.tableData[0].billNo }}</span>
|
||
<span v-else style="font-size: 14px;">{{ printData.tableData[0].produceInStockNo.length > 18 ? printData.tableData[0].produceInStockNo.slice(0,18)+"...":printData.tableData[0].produceInStockNo }}</span>
|
||
</div>
|
||
<!-- 日期 -->
|
||
<div style='width:350px; float: left;margin-left: 20px;'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;"> {{ printData.orderName === "销售订单" ?'下单日期：':printData.orderName === "销售退货订单"? '退货日期：':printData.orderName === "送货单"?'送货日期：':printData.orderName === "采购订单管理" ? '日期:' : printData.orderName === "采购备料订单"?'备料日期:': printData.orderName === "采购退料单" ? '退料日期:' : printData.orderName === '采购入库单' ? '入库日期:' : printData.orderName === '销售出库单' ? '下单日期:' : printData.orderName === '发货通知单' ? '日期:' : printData.orderName === '直接调拨单' ? '下单日期:' : printData.orderName === '分步式调出单' ? '单据日期:' : printData.orderName === '生产入库单' ? '下单日期:' : '' }}</label>
|
||
<span style="font-size: 14px;">{{ printData.orderName === "销售订单" ? printData.tableData[0].placeOrderDate : printData.orderName === '销售退货订单' ? printData.tableData[0].returnDate : printData.orderName === '送货单' ? printData.tableData[0].deliveryDate : printData.orderName === '采购订单管理' ? printData.tableData[0].date : printData.orderName === '采购备料订单' ? printData.tableData[0].date : printData.orderName === '采购退料单' ? printData.tableData[0].date : printData.orderName === '采购入库单' ? printData.tableData[0].date : printData.orderName === '销售出库单' ? printData.tableData[0].orderDate : printData.orderName === '发货通知单' ? printData.tableData[0].orderDate : printData.orderName === '直接调拨单' ? printData.tableData[0].date : printData.orderName === '分步式调出单' ? printData.tableData[0].date : printData.orderName === '生产入库单' ? printData.tableData[0].date : '' }}</span>
|
||
</div>
|
||
<br>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单" || printData.orderName === "发货通知单" || printData.orderName === "销售退货订单" || printData.orderName === "销售出库单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">客户：</label>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "销售订单"'>{{ (printData.tableData[0].custom).length>35?(printData.tableData[0].custom).slice(0,35)+"..." :(printData.tableData[0].custom) }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "销售退货订单"'>{{ (printData.tableData[0].retcust).length>35?(printData.tableData[0].retcust).slice(0,35)+"..." :(printData.tableData[0].retcust) }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "销售出库单"'>{{ (printData.tableData[0].customers).length>35?(printData.tableData[0].customers).slice(0,35)+"..." :(printData.tableData[0].customers) }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "发货通知单"'>{{ (printData.tableData[0].customers).length>35?(printData.tableData[0].customers).slice(0,35)+"..." :(printData.tableData[0].customers) }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单" || printData.orderName === "发货通知单"||printData.orderName === "采购订单管理"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">联系人/电话：</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].linkMode }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">打包方式：</label>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].billNo.length > 18 ? printData.tableData[0].billNo.slice(0,18)+"...":printData.tableData[0].billNo }}</span>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "直接调拨单" || printData.orderName === "分步式调出单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">仓管员:</label>
|
||
<span style="font-size: 14px;">{{ printData.tableData[0].stockerStaff }}</span>
|
||
</div>
|
||
<br v-if='printData.orderName === "发货通知单" || printData.orderName === "销售出库单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||
<label style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">发货方式:</label>
|
||
</div>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||
<label style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物流/快递公司:</label>
|
||
</div>
|
||
<br v-if='printData.orderName === "发货通知单"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "发货通知单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">打包方式：</label>
|
||
</div>
|
||
<br v-if='printData.orderName !== "采购订单管理" && printData.orderName !== "发货通知单" && printData.orderName !== "直接调拨单"'>
|
||
<br v-if='printData.orderName === "采购订单管理"'>
|
||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||
<label
|
||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">收货地址：</label>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "销售出库单"'>{{ !printData.tableData[0].linkAdress ? '' : printData.tableData[0].linkAdress }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "发货通知单"'>{{ !printData.tableData[0].linkAdress ? '' : printData.tableData[0].linkAdress }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "直接调拨单"'>{{ !printData.tableData[0].linkAdress? '' : printData.tableData[0].linkAdress }}</span>
|
||
<span style="font-size: 14px;" v-if='printData.orderName === "分步式调出单"'>{{ !printData.tableData[0].linkAdress? '' : printData.tableData[0].linkAdress }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 表体 -->
|
||
<div id="div2">
|
||
<table border=1 width="100%" style="border:solid 1px black;border-collapse:collapse;table-layout: fixed; word-wrap:break-all;">
|
||
<thead>
|
||
<!--表头 -->
|
||
<tr>
|
||
<th style="padding: 6px 0;font-weight: bold; font-size: 12px;" v-for='(itm,index) in theadDate' :key="itm.thName" :style="{width:itm.field ==='specification'?'30%':'auto'}">{{ itm.thName }}</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!--表体 -->
|
||
<tr v-for='(it,ind) in printData.tableData' :key="ind">
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 5px;word-wrap:break-word; word-break:break-all;" v-for='(itm,index) in theadDate' :key="itm.field">
|
||
{{ itm.field==='sendNumber' || (itm.field==='realNumber' &&printData.orderName === '生产入库单')|| itm.field==='realNumber'||itm.field==='mustNumber'||itm.field==='sendNumber'||itm.field==='receiveNumber' ?(it.subUnitMultiple ? it.subUnitMultiple : 1)*it[itm.field]:(itm.field? it[itm.field]:(ind+1)) }}
|
||
</td>
|
||
</tr>
|
||
<!--合计 -->
|
||
<tr v-if='printData.orderName === "销售订单"'>
|
||
<td colspan="5" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="6">######</span></td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">￥######</span></td>
|
||
<td></td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="9">￥######</span></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "销售退货订单"||printData.orderName === "送货单"||printData.orderName === "采购订单管理"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="8">{{ printData.orderName === "送货单"?'':'￥' }}######</span></td>
|
||
<td></td>
|
||
<td v-if='printData.orderName === "送货单"||printData.orderName === "采购订单管理"'></td>
|
||
<td v-if='printData.orderName !== "送货单" && printData.orderName !== "采购订单管理"' style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="10">￥######</span>
|
||
</td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "采购备料订单"'>
|
||
<td colspan="5" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="6">######</span>
|
||
</td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "采购退料单"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||
<td></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "采购入库单"||printData.orderName === "销售出库单"||printData.orderName === "发货通知单"'>
|
||
<td colspan="7" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "直接调拨单" || printData.orderName === "生产入库单"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "分步式调出单"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<td colspan="7" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="9">######</span></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr v-if='printData.orderName === "生产领料单"||printData.orderName === "委外领料单"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||
<td v-if="printData.orderName === '生产领料单' ||printData.orderName === '委外领料单'"></td>
|
||
<!-- <td></td> -->
|
||
</tr>
|
||
<tr v-if='printData.orderName === "生产补料单"||printData.orderName === "生产退料单"||printData.orderName === "委外补料单"||printData.orderName === "委外退料单"'>
|
||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span>
|
||
</td>
|
||
<td></td>
|
||
<!-- <td></td> -->
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 表尾-->
|
||
<div style="width:784px;overflow-y: hidden;text-align: center; overflow: hidden;" id='foothtml'>
|
||
<div style="font-size: 14px; color: #303133;margin-top:30px;" v-if='printData.tableData.length > 0'>
|
||
<div style="margin-bottom:10px;" v-if='printData.orderName === "销售订单" || printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "发货通知单" || printData.orderName === "销售出库单" || printData.orderName === "采购订单管理" || printData.orderName === "采购备料订单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>联系人/电话：</span>
|
||
<span>{{ printData.orderName === "销售订单" || printData.orderName === "采购订单管理" ? printData.tableData[0].linkMode : printData.orderName === "采购备料订单" ? printData.tableData[0].supplierContactName + '/' + printData.tableData[0].supplierTelphone : printData.orderName === "销售出库单" ? printData.tableData[0].linkMode : printData.orderName === '发货通知单' ? printData.tableData[0].linkMode : printData.orderName === '直接调拨单' ? printData.tableData[0].linkMode : printData.orderName === '分步式调出单' ? printData.tableData[0].linkMode : '' }}</span>
|
||
</div>
|
||
<div style="margin-bottom:10px;" v-if='printData.orderName === "销售订单" || printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "发货通知单" || printData.orderName === "采购订单管理" || printData.orderName === "销售出库单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>{{ printData.orderName === "采购订单管理"? '送货地址：' :'收货地址：' }}</span>
|
||
<span>{{ printData.orderName === "销售订单" ? printData.tableData[0].linkAdress : printData.orderName === "采购订单管理" ? printData.tableData[0].providerAddress : printData.orderName === "销售出库单" ? printData.tableData[0].linkAdress : printData.orderName === "发货通知单" ? printData.tableData[0].linkAdress : printData.orderName === "直接调拨单" ? printData.tableData[0].linkAdress : printData.orderName === '分步式调出单' ? printData.tableData[0].linkAdress : '' }}</span>
|
||
</div>
|
||
<div style="display: flex; flex-direction: inherit;">
|
||
<div style="margin-bottom:5px;" v-if='printData.orderName === "采购备料订单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>供应商：</span>
|
||
<span>{{ printData.tableData[0].supplierName }}</span>
|
||
</div>
|
||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "采购备料订单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>确认日期：</span>
|
||
<span>{{ printData.tableData[0].confirmeDate }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="display: flex; flex-direction: inherit;">
|
||
<div style="margin-right: 4%;margin-bottom:5px;" v-if='printData.orderName === "销售订单" || printData.orderName === "采购订单管理"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>税率(%)：</span>
|
||
<span>{{ printData.orderName === "销售订单" ? printData.tableData[0].taxRate : printData.orderName === "采购订单管理" ? printData.tableData[0].taxRate : '' }}</span>
|
||
</div>
|
||
<div style="margin-bottom:5px;" v-if='printData.orderName === "销售订单" || printData.orderName === "采购订单管理" || printData.orderName === "销售退货订单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>币别：</span>
|
||
<span>{{ printData.tableData[0].settlecurr ? printData.tableData[0].settlecurr :printData.tableData[0].settleCurrName }}</span>
|
||
</div>
|
||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "销售订单"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>收款条件：</span>
|
||
<span>{{ printData.tableData[0].reccondition }}</span>
|
||
</div>
|
||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "采购订单管理"'>
|
||
<span style='font-weight: bold;margin-right: 3px;'>付款条件：</span>
|
||
<span>{{ printData.tableData[0].paymentConditionName }}</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
本订单执行过程中如遇到任何国家或地方政策变化或分歧、争议，依据双方签订的合作协议/合同充分友好沟通协商解决。
|
||
</div>
|
||
<div style="font-size: 14px;margin-top:30px;margin-left:70px;">
|
||
<div style="float: left;width:200pxmargin-left:40px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<div style='margin-bottom:5px'>
|
||
<span
|
||
style='width:70px;text-align: right;font-weight: bold;margin-right: 3px;margin-bottom:5px;'>
|
||
打印时间：</span>
|
||
<span>{{ new Date().toLocaleString() }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width:120px;margin-left:100px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>发料人：</span>
|
||
<span>{{ printData.tableData[0].approverName }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width:200px;margin-left:80px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>领料人：</span>
|
||
<span>{{ printData.tableData[0].approverName }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;max-width:250px;min-width:200px;margin-left:20px;" v-if='printData.orderName !== "生产用料清单" &&printData.orderName !== "委外用料清单" &&printData.orderName !== "采购订单管理"'>
|
||
<div style='margin-bottom:5px'>
|
||
<span
|
||
style='width:70px;text-align: right;font-weight: bold;margin-right: 3px;margin-bottom:5px;'>
|
||
创建人：</span>
|
||
<span>{{ printData.tableData[0].createName }}</span>
|
||
</div>
|
||
<div>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>创建日期：</span>
|
||
<span>{{ printData.tableData[0].createDate }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;max-width:250px;min-width:200px;margin-left:100px;" v-if="printData.orderName !== '采购订单管理' && printData.orderName !== '生产用料清单'">
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>审核人：</span>
|
||
<span>{{ printData.tableData[0].checkName }}</span>
|
||
</div>
|
||
<div>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>审核日期：</span>
|
||
<span v-if="printData.orderName === '采购备料订单'">{{ printData.tableData[0].createDate }}</span>
|
||
<span v-else>{{ printData.tableData[0].checkDate }}</span>
|
||
</div>
|
||
</div>
|
||
<div v-if="printData.orderName === '采购订单管理'" style='margin-left:-40px'>
|
||
<div style="float: left;max-width:250px;min-width:200px;">
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>采购：</span>
|
||
<span>{{ printData.tableData[0].purchaserName }}</span>
|
||
</div>
|
||
<div>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||
<span>{{ printData.tableData[0].date }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;max-width:250px;min-width:200px;margin-left:50px;">
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>审核人：</span>
|
||
<span>{{ printData.tableData[0].checkName }}</span>
|
||
</div>
|
||
<div>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||
<span>{{ printData.tableData[0].checkDate }}</span>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;max-width:250px;min-width:200px;margin-left:50px;">
|
||
<div style='margin-bottom:5px'>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>供应商确认:</span>
|
||
<span>{{ printData.tableData[0].confirmerName }}</span>
|
||
</div>
|
||
<div>
|
||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||
<span>{{ printData.tableData[0].confirmeDate }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import { mapState } from 'vuex'
|
||
export default {
|
||
data() {
|
||
return {
|
||
thlist: ['No.', '采购订单号', '物料编码', '物料名称', '数量', '物料编码单位', '含税合计', '备注'],
|
||
table: []
|
||
}
|
||
},
|
||
props: {
|
||
//如果不要这个显示就传那个标识 如果不要保存显示 就 btnType=['save'] 'disabled, de-disabled' --存在再集合里面就是 显示
|
||
printData: {
|
||
type: Object,
|
||
default: function () {
|
||
return {
|
||
orderName: '订单',
|
||
tableData: []
|
||
}
|
||
}
|
||
},
|
||
//这个区分不同单据的要素
|
||
theadDate: {
|
||
type: Array,
|
||
default: function () {
|
||
return []
|
||
}
|
||
},
|
||
//这个区分不同单据的要素
|
||
includeTage: {
|
||
type: Array,
|
||
default: function () {
|
||
return []
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
...mapState({
|
||
// 取出页面标签
|
||
userInfo: state => (state && state.user && state.user.userInfo ? state.user.userInfo : {})
|
||
})
|
||
},
|
||
mounted() {}
|
||
}
|
||
</script>
|