<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/plugin/LodopFuncs.js}"></script>
|
<object id="LODOP1" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
|
<embed id="LODOP_EM1" TYPE="application/x-print-lodop" width=0 height=0 PLUGINSPAGE="install_lodop32.exe">
|
</object>
|
|
|
</head>
|
<style>
|
|
|
</style>
|
<body>
|
<div id="content" style="width: 200px; margin: 20px auto;">
|
<table style="width: 100%; font-size: 9px;">
|
|
<tr>
|
<td colspan="2" style="text-align: center;font-size: 26px;">
|
商品配送单
|
</td>
|
</tr>
|
|
<tr>
|
<td colspan="2">
|
<b>订单号</b>：<span th:text="${orderInfo.orderNo}"></span>
|
</td>
|
|
</tr>
|
|
<tr>
|
<td>
|
<b>客户</b>：<span th:text="${orderInfo.userName}"></span>
|
</td>
|
<td>
|
<b>日期</b>：<span th:text="${#dates.format(orderInfo.orderTime, 'yyyy-MM-dd hh:mm')}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<b>电话</b>：<span th:text="${orderInfo.userTel}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2">
|
<b> 地址</b>：<span th:text="${orderInfo.deliveryInfo.receiveAddress}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td colspan="2">
|
<b>备注</b>：<span th:text="${orderInfo.remarks}"></span>
|
</td>
|
</tr>
|
|
|
</table>
|
<table style="width: 100%;font-size:9px;">
|
<tr>
|
<th style="border-bottom: 1px solid #000000;border-top: 1px solid #000000;">产品</th>
|
<th style="border-bottom: 1px solid #000000;border-top: 1px solid #000000;">单价</th>
|
<th style="border-bottom: 1px solid #000000;border-top: 1px solid #000000;">数量</th>
|
<th style="border-bottom: 1px solid #000000;border-top: 1px solid #000000;">小计</th>
|
</tr>
|
<tr th:each="orderDetails,userStat : ${orderInfo.details}">
|
<td th:text="${orderDetails.shopProduct.title}"></td>
|
<td th:text="${orderDetails.price}"></td>
|
<td th:text="${orderDetails.count}"></td>
|
<td th:text="${orderDetails.totalPrice}"></td>
|
</tr>
|
<tr>
|
<td >总计：</td>
|
<td ></td>
|
<td th:text="${orderInfo.purchaseQuantity}"></td>
|
<td th:text="${discountExplain.billPrice}"></td>
|
</tr>
|
|
</table>
|
<table style="border-bottom: 1px solid #000000;border-top: 1px solid #000000;width: 100%;font-size: 9px;">
|
<tr>
|
<td>
|
<b>总价</b>：<span th:text="${discountExplain.billPrice}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<b>满减打折</b>：<span th:text="${discountExplain.activity}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<b>优惠券</b>：<span th:text="${discountExplain.coupon}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<b>配送费</b>：<span th:text="${discountExplain.postage}"></span>
|
</td>
|
</tr>
|
<tr>
|
<td>
|
<b> 实付</b>：<span th:text="${discountExplain.payPrice}"></span>
|
</td>
|
</tr>
|
|
</table>
|
|
<div style="width: 100%;text-align: center">
|
<br>
|
*****************<br>
|
谢谢惠顾<br>
|
*****************<br>
|
<br>
|
<br>
|
<br>
|
</div>
|
|
|
</div>
|
|
<div style="width: 400px; margin: 20px auto;">
|
<button style="width:100px;height: 40px; margin: 20px auto;" onclick="myAddHtml()">打印</button>
|
</div>
|
|
|
</body>
|
|
<script type="text/javascript">
|
var LODOP; //声明为全局变量
|
function myAddHtml() {
|
LODOP = getLodop();
|
LODOP.PRINT_INIT("HIVE打印任务");
|
LODOP.ADD_PRINT_HTM(0, 0, "100%", "100%", document.getElementById("content").innerHTML);
|
LODOP.SET_PRINT_MODE("FULL_HEIGHT_FOR_OVERFLOW", true);
|
LODOP.PREVIEW();
|
|
};
|
|
</script>
|
|
|
</body>
|
</html>
|
