|
@@ -0,0 +1,127 @@
|
|
|
|
+<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;}
|
|
|
|
+ /*分页命令*/
|
|
|
|
+ .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: 92mm;height: 92mm;padding-left: 1mm;padding-top: 1mm;">
|
|
|
|
+
|
|
|
|
+ <table style="width:100%;height:12mm;border-bottom:1px solid #000;" cellpadding="0" cellspacing="0" rules="all">
|
|
|
|
+ <tr>
|
|
|
|
+ <td style="width:50%;">
|
|
|
|
+ <font style="font-weight: bold;font-size: 5mm;"><%=data.receiver.countryCode%></font><br>
|
|
|
|
+ <font style="font-weight: bold;font-size: 5mm;"><%=data.customerCode%></font>
|
|
|
|
+ </td>
|
|
|
|
+ <td>
|
|
|
|
+ <font style="font-weight: bold;font-size: 5mm;"><%=data.shipwayName%></font>
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+
|
|
|
|
+ <div style="height:16mm;width:100%; text-align: center; border-bottom:1px solid #000;">
|
|
|
|
+ <img style="margin-top:1mm;" src="data:image/png;base64,<%=data.orderNoBarcodeData%>" />
|
|
|
|
+ <div style="font-size: 4mm; margin-left: 1mm;margin-top: 0mm;"><%=data.orderNo1%></div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div style="height:22mm;width:100%;border-bottom:1px solid #000;">
|
|
|
|
+ <div style="width: 84mm;margin-left: 2mm;">
|
|
|
|
+ <%=data.receiver.countryName%>
|
|
|
|
+ <%=data.receiver.province%>
|
|
|
|
+ <%=data.receiver.city%>
|
|
|
|
+ <%=data.receiver.county%>
|
|
|
|
+ <%=data.receiver.addressLine1%>
|
|
|
|
+ <%=data.receiver.addressLine2%>
|
|
|
|
+ <%=data.receiver.postalCode%>
|
|
|
|
+ <%=data.receiver.name%>
|
|
|
|
+ <%=data.receiver.mobileNumber%>
|
|
|
|
+ <%=data.receiver.phoneNumber%>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div style="height:17mm;width:100%; text-align: center; border-bottom:1px solid #000;">
|
|
|
|
+ <img style="margin-top:1mm;" src="data:image/png;base64,<%=data.trackingNoBarcodeData%> "/>
|
|
|
|
+ <div style="font-size: 12px; margin-left: 1mm"><%=data.trackingNo1%></div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div style="height:20mm;width:100%;text-align: left;">
|
|
|
|
+ <span style="margin-left: 5px;margin-top: 5px;">
|
|
|
|
+ 拣货信息:
|
|
|
|
+ <%for(var i=0;i<data.allocationList.length;i++){%>
|
|
|
|
+ <%=data.allocationList[i].barcode%> * <%=data.allocationList[i].quantity%>
|
|
|
|
+ <%}%>
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+</html>
|
|
|
|
+
|