|
@@ -0,0 +1,222 @@
|
|
|
+<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
+<head>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
+ <style>
|
|
|
+ /*标签纸打印宽度*/
|
|
|
+ .print-page-label{width:100mm;margin: 0;height: 203mm;}
|
|
|
+ /*分页命令*/
|
|
|
+ .change-page{page-break-after: always;font: 12px 'Microsoft Yahei';color: #000;}
|
|
|
+ </style>
|
|
|
+ <!-- 浏览器标签图片 -->
|
|
|
+ <link rel="shortcut icon" href="./topjui/image/favicon.ico"/>
|
|
|
+ <!-- jQuery相关引用 -->
|
|
|
+ <script type="text/javascript" src="/ui/static/plugins/jquery/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="/ui/static/plugins/jquery/jquery.cookie.js"></script>
|
|
|
+ <script type="text/javascript" src="/ui/static/public/js/baiduTemplate.js"></script>
|
|
|
+ <script type="text/javascript" src="/ui/static/public/js/datefmt.js?v=1"></script>
|
|
|
+ <script type="text/javascript" src="/ui/static/public/js/common.js?v=1"></script>
|
|
|
+ <!-- 日期格式化js -->
|
|
|
+ <script type="text/javascript" src="/ui/static/public/js/datefmt.js?v=1"></script>
|
|
|
+ <!-- 进度条 -->
|
|
|
+ <script src="/ui/static/3rd/pace/pace.js"></script>
|
|
|
+ <link rel="stylesheet" href="/ui/static/3rd/pace/themes/blue/pace-theme-center-simple.css" />
|
|
|
+ <!-- <link rel="stylesheet" href="/ui/static/plugins/bootstrap/css/bootstrap.css" /> -->
|
|
|
+
|
|
|
+ <!-- 打印页css -->
|
|
|
+ <link rel="stylesheet" href="/ui/css/print.css" />
|
|
|
+</head>
|
|
|
+
|
|
|
+<!-- print-page-label 限制了页面宽度100mm -->
|
|
|
+<body class="print-page-label">
|
|
|
+</body>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ $(function () {
|
|
|
+ var orderId = getParam('orderId');
|
|
|
+ if(orderId == null || orderId ==''){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ url: "/outstock/printWaybill/waybillHtml",
|
|
|
+ contentType:"application/json",
|
|
|
+ data:orderId,
|
|
|
+ success: function(msg){
|
|
|
+ console.log(msg);
|
|
|
+ if(msg.code!=0){
|
|
|
+ alert("加载数据失败,"+msg.msg);
|
|
|
+ return
|
|
|
+ }
|
|
|
+ //填充数据
|
|
|
+ var html = baidu.template('printBody',msg);
|
|
|
+ $("body").html(html);
|
|
|
+ },
|
|
|
+ error: function () {
|
|
|
+ $.iMessager.alert('注意', '网络断开或服务器已停止运行', 'messager-warning');
|
|
|
+ }
|
|
|
+ },"json");
|
|
|
+
|
|
|
+ //180秒后自动关闭
|
|
|
+ setTimeout(function () {
|
|
|
+ window.opener = null; window.close();
|
|
|
+ }, 180000);
|
|
|
+ });
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<script id="printBody" type="text/html">
|
|
|
+ <div style="border:1px solid #000;width: 100mm;height: 178mm;" id="printpage">
|
|
|
+ <div style="width:100%;height: 12mm;font-size: 11px;font-weight: bold;border-bottom:1px solid #000;">
|
|
|
+ <br>
|
|
|
+ <span style="float: right;">代收货款:0 </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 12mm;text-align:center; font-size: 11px;font-weight: bold;border-bottom:1px solid #000;">
|
|
|
+ <span style="font-size: 10mm;"><b><%=data.extend4%></b></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 10mm;font-size: 11px;font-weight: bold;border-bottom:1px solid #000;">
|
|
|
+ <%=data.extend5%><!-- 区域件 --> 揽收目的地条形码
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 16mm;border-bottom:1px solid #000;" >
|
|
|
+ <div style="width:8mm;font-weight: bold;font-size: 7mm;float: left;height: 16mm;">
|
|
|
+ 收
|
|
|
+ </div>
|
|
|
+ <div style="float: right;width:87mm;height: 18mm;font-size: 3.5mm;font-weight: bold;">
|
|
|
+ <%=data.receiver.name%>
|
|
|
+ <%if(data.receiver.mobileNumber != ''){%>
|
|
|
+ <%=data.receiver.mobileNumber%>
|
|
|
+ <%}%>
|
|
|
+ <%if(data.receiver.phoneNumber != ''){%>
|
|
|
+ <%=data.receiver.phoneNumber%>
|
|
|
+ <%}%>
|
|
|
+ </br>
|
|
|
+ <%=data.receiver.province%>
|
|
|
+ <%=data.receiver.city%>
|
|
|
+ <%=data.receiver.county%>
|
|
|
+ <%=data.receiver.addressLine1%>
|
|
|
+ <%=data.receiver.addressLine2%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width:100%;height: 16mm;border-bottom:1px solid #000;" >
|
|
|
+ <div style="width:8mm;font-weight: bold;font-size: 7mm;float: left;height: 16mm;">
|
|
|
+ 寄
|
|
|
+ </div>
|
|
|
+ <div style="float: right;width:87mm;height: 15mm;font-size: 3mm;overflow: hidden;">
|
|
|
+ <%=data.sender.name%>
|
|
|
+ <%if(data.sender.mobileNumber != ''){%>
|
|
|
+ <%=data.sender.mobileNumber%>
|
|
|
+ <%}%>
|
|
|
+ <%if(data.sender.phoneNumber != ''){%>
|
|
|
+ <%=data.sender.phoneNumber%>
|
|
|
+ <%}%>
|
|
|
+ </br>
|
|
|
+ <%=data.sender.province%>
|
|
|
+ <%=data.sender.city%>
|
|
|
+ <%=data.sender.county%>
|
|
|
+ <%=data.sender.addressLine1%>
|
|
|
+ <%=data.sender.addressLine2%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 20mm;border-bottom:1px solid #000;text-align: center;">
|
|
|
+ <img src="/barcode4j?msg=<%=data.trackingNo1%>&quietZone=false&dpi=150&moduleWidth=0.4&fmt=png&height=8&hrp=none&qz=4" style="margin-top: 1mm;"/>
|
|
|
+ <br/>
|
|
|
+ <%=data.sender.trackingNo1%>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:20mm;width:100%;border-bottom:2mm solid #000;">
|
|
|
+ <div style="height:20mm;float: left;margin-left:3px; width: 16mm;font-weight: bold;font-size: 8px;border-right:1px solid #000;">
|
|
|
+ <%=time%> 打印时间
|
|
|
+ 始发网点
|
|
|
+ </div>
|
|
|
+ <div style="height:20mm;float: left;width: 20mm;font-weight: bold;border-right:1px solid #000;">
|
|
|
+ 自动分拣二维码
|
|
|
+ </div>
|
|
|
+ <div style="height:20mm;float: left;width: 62mm;font-size: 8px;line-height: 3.2mm">
|
|
|
+ 快件送达收件人地址,经收件人或收件人(寄件人)允许的代收人签字,视为送达。您的签字代表您已验收包裹,并确认商品信息无误、包装完好、没有划痕、破损等表面质量问题。
|
|
|
+ <br/>
|
|
|
+ <span style="float: right;">签收栏</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 下联70mm -->
|
|
|
+
|
|
|
+ <div style="height:12mm;width:100%; border-bottom:1px solid #000;padding-top: 1mm;font-size: 14px;">
|
|
|
+ <div style="height: 12mm;width: 30mm;float: left;"> </div>
|
|
|
+ <div style="height: 12mm;width: 60mm;float: left;text-align: center;">
|
|
|
+ <img src="/barcode4j?msg=<%=data.trackingNo1%>&quietZone=false&dpi=150&moduleWidth=0.35&fmt=png&height=4&hrp=none&qz=3" style="margin-top: 0mm;"/>
|
|
|
+ <br/>
|
|
|
+ <%=data.trackingNo1%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 13mm;border-bottom:1px solid #000;" >
|
|
|
+ <div style="width:8mm;font-size: 6mm;float: left;height: 12mm;font-weight: bold;">
|
|
|
+ 收
|
|
|
+ </div>
|
|
|
+ <div style="float: right;width:87mm;height: 13mm;font-size: 3mm;">
|
|
|
+ <%=data.receiver.name%>
|
|
|
+ <%if(data.receiver.mobileNumber != ''){%>
|
|
|
+ <%=data.receiver.mobileNumber%>
|
|
|
+ <%}%>
|
|
|
+ <%if(data.receiver.phoneNumber != ''){%>
|
|
|
+ <%=data.receiver.phoneNumber%>
|
|
|
+ <%}%>
|
|
|
+ </br>
|
|
|
+ <%=data.receiver.province%>
|
|
|
+ <%=data.receiver.city%>
|
|
|
+ <%=data.receiver.county%>
|
|
|
+ <%=data.receiver.addressLine1%>
|
|
|
+ <%=data.receiver.addressLine2%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width:100%;height: 12mm;border-bottom:1px solid #000;" >
|
|
|
+ <div style="width:8mm;font-weight: bold;font-size: 7mm;float: left;height: 16mm;">
|
|
|
+ 寄
|
|
|
+ </div>
|
|
|
+ <div style="float: right;width:87mm;height: 12mm;font-size: 3mm;overflow: hidden;">
|
|
|
+ <%=data.sender.name%>
|
|
|
+ <%if(data.sender.mobileNumber != ''){%>
|
|
|
+ <%=data.sender.mobileNumber%>
|
|
|
+ <%}%>
|
|
|
+ <%if(data.sender.phoneNumber != ''){%>
|
|
|
+ <%=data.sender.phoneNumber%>
|
|
|
+ <%}%>
|
|
|
+ </br>
|
|
|
+ <%=data.sender.province%>
|
|
|
+ <%=data.sender.city%>
|
|
|
+ <%=data.sender.county%>
|
|
|
+ <%=data.sender.addressLine1%>
|
|
|
+ <%=data.sender.addressLine2%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:25mm;width:100%;border-bottom:1px solid #000;padding-top: 1px;">
|
|
|
+ <div style="width:100%;height: 4mm;font-size: 3.5mm;text-align: left;float: left;">
|
|
|
+ <span style="margin-left: 5px;">
|
|
|
+ 订单: <%=data.orderNo1%> 打印: <%=data.printLabelTimes%>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 15mm;font-size: 4mm;text-align: left;float: left;">
|
|
|
+ <span style="margin-left: 5px;">
|
|
|
+ <%if(data.allocationList != null){%>
|
|
|
+ <%for(var i=0; j<data.allocationList.length; j++){%>
|
|
|
+ <%=data.allocationList[i].barcode%> * <%=data.allocationList[i].quantity%>
|
|
|
+ <%=data.allocationList[i].barcode%> * <%=data.allocationList[i].quantity%>
|
|
|
+ <%}%>
|
|
|
+ <%}%>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:5mm;width:100%;text-align: center; border-bottom:0px solid #000;font-size: 10px;">
|
|
|
+ <div style="float: left;"> 订单号:<%=data.orderNo1%></div>
|
|
|
+ <div style="float: right;font-weight: bold;"><%=data.receiver.mobileNumber%></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</script>
|
|
|
+</html>
|
|
|
+
|