<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>送货单</title>
|
<link rel="stylesheet" href="../../static/css/print.css" media="all">
|
<style>
|
</style>
|
</head>
|
<body>
|
<input type="button" value="打印..." onclick="doPrint()">
|
<br>
|
<br>
|
<div id="box">
|
|
</div>
|
</body>
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script>
|
var orderId = urlParam("orderId");
|
var length = urlParam("length");
|
// 初始化数据
|
function init() {
|
$.ajax({
|
url: baseUrl+"/delivery/print/info/auth",
|
headers: {'token': localStorage.getItem('token')},
|
data: {
|
orderId: orderId,
|
length: length
|
},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
var tpl = $("#docTpl").html();
|
var template = Handlebars.compile(tpl);
|
for (var i=0;i<res.data.length;i++) {
|
var html = template(res.data[i]);
|
$('#box').append(html);
|
}
|
} else if (res.code === 403){
|
top.location.href = baseUrl+"/";
|
}else {
|
alert(res.msg);
|
}
|
}
|
})
|
}
|
init();
|
|
function doPrint() {
|
$('#box').print({mediaPrint:true});
|
}
|
|
</script>
|
<script type="text/template" id="docTpl">
|
{{#each vo}}
|
<div class="breakable paperWidth bill" style="margin: 0 auto">
|
<div style2="padding:10px ;border:solid 2px black;">
|
<!-- 头部 -->
|
<div class="paperWidth t_c f_b" style="font-family: 宋体;font-weight: bold; font-size: 22pt; margin-bottom: 5px;letter-spacing: 2px">{{this.company}}</div>
|
<div class="paperWidth t_c f_b" style="font-size: 18pt; margin-bottom: 10px;letter-spacing: 15px">送货单</div>
|
<div class="font_column column_Height">
|
<div class="flow_l" style="width: 40%">客户名称：<span>{{this.cstmrName}}</span></div>
|
<div class="flow_l" style="width: 30%">电话号：<span>{{this.cstmrTel}}</span></div>
|
<div class="flow_l" style="width: 30%">No：<span>{{this.orderNo}}</span></div>
|
</div>
|
<div class="font_column column_Height" style="border-bottom: 2px solid #000;">
|
<div class="flow_l" style="width: 40%">地址：<span>{{this.cstmrAddr}}</span></div>
|
<div class="flow_l" style="width: 30%">联系人：<span>{{this.cstmrContacts}}</span></div>
|
<div class="flow_l" style="width: 30%">日期：<span>{{this.time}}</span></div>
|
</div>
|
<br>
|
<!-- 主体 -->
|
<table cellpadding="0" cellspacing="0" class="paperWidth">
|
<tbody>
|
<tr>
|
<td class="f_i f_b t_c font_bt columnWidth_1">序号</td>
|
<td class="f_i f_b t_c font_bt columnWidth_2">品名规格</td>
|
<td class="f_i f_b t_c font_bt columnWidth_3">单位</td>
|
<td class="f_i f_b t_c font_bt columnWidth_4">数量</td>
|
<td class="f_i f_b t_c font_bt columnWidth_5">单价</td>
|
<td class="f_i f_b t_c font_bt columnWidth_6">金额</td>
|
<td class="f_i f_b t_c font_bt columnWidth_7">备注</td>
|
</tr>
|
{{#each list}}
|
<tr>
|
<td class="t_c font_column columnWidth_1 column_Height">{{this.no}}</td>
|
<td class="t_l font_column columnWidth_2">{{this.maktx}}</td>
|
<td class="t_c font_column columnWidth_3">{{this.unit}}</td>
|
<td class="t_c font_column columnWidth_4">{{this.anfme}}</td>
|
<td class="t_c font_column columnWidth_5">{{this.price}}</td>
|
<td class="t_c font_column columnWidth_6">{{this.fee}}</td>
|
<td class="t_l font_column columnWidth_7">{{this.memo}}</td>
|
</tr>
|
{{/each}}
|
<tr>
|
<td class="t_l font_column columnWidth_1 column_Height" colspan="3" style="height: 28px">金额合计（大写)：<span>{{this.totalFeeCN}}</span></td>
|
<td class="t_c font_column columnWidth_4">{{this.totalAnfme}}</td>
|
<td class="t_c font_column columnWidth_5">小写金额</td>
|
<td class="t_l font_column columnWidth_6" colspan="2" style="padding-left: 10px">{{this.totalFee}}</td>
|
</tr>
|
</tbody>
|
</table>
|
<div class="font_column column_Height" style="margin-top: 10px;margin-bottom: 30px">
|
<div class="flow_l" style="width: 50%">送货单位及经手人（盖章）：<span></span></div>
|
<div class="flow_l" style="width: 50%">收货单位及经手人（盖章）：<span></span></div>
|
</div>
|
</div>
|
</div>
|
{{/each}}
|
</script>
|
</html>
|
