|
|
@@ -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" />
|
|
|
+
|
|
|
+ <style>
|
|
|
+ .wrapper{
|
|
|
+ /* transform: rotate(-90deg); */
|
|
|
+ transform-origin:bottom right;
|
|
|
+ position:absolute;
|
|
|
+ /* top:-20vw; */
|
|
|
+ /* height:100vw; */
|
|
|
+ /* width:100vh; */
|
|
|
+ background-color:#000;
|
|
|
+ color:#fff;
|
|
|
+ overflow:auto;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</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" class="print-page-label">
|
|
|
+ <div style="border:1px solid #000;width: 100mm;height: 203mm;" id="printpage">
|
|
|
+ <div style="height:37mm;width:100%;text-align: center; border-bottom:1px solid #000;">
|
|
|
+ <div style="width:40px;height: 26mm;float: left;font-size: 11px;margin-left: 5px;font-weight: bold;">
|
|
|
+ 送达 <br/>
|
|
|
+ 地址
|
|
|
+ </div>
|
|
|
+ <div style="text-align: left; font-size: 14px;" >
|
|
|
+ <span style="font-weight: bold;">收件人:</span>
|
|
|
+ <%=data.receiver.name%><br>
|
|
|
+
|
|
|
+ <span style="font-weight: bold;margin-top: 10px;">收件人电话:</span>
|
|
|
+
|
|
|
+ <%=data.receiver.mobileNumber%> <%=data.receiver.phoneNumber%><br>
|
|
|
+
|
|
|
+ <span style="font-weight: bold;margin-top: 10px;">收件人地址:</span>
|
|
|
+ <%=data.receiver.province%>
|
|
|
+ <%=data.receiver.city%>
|
|
|
+ <%=data.receiver.county%>
|
|
|
+ <%=data.receiver.addressLine1%>
|
|
|
+ <%=data.receiver.addressLine2%>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width:100%;height: 5mm;float: left;font-size: 21px;margin-left: 5px;font-weight: bold;text-align: left;">
|
|
|
+ <%=data.extend6%>
|
|
|
+ <!-- 无锡网点包 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:45mm;width:100%;text-align: center; border-bottom:1px solid #000;">
|
|
|
+ <div style="height:25mm;width:100%;text-align: center; border-bottom:2mm solid #000;">
|
|
|
+ <span style="font-size: 8mm;font-weight: bold;line-height: 12mm;">
|
|
|
+ <%=data.extend4%>
|
|
|
+ <!-- 402 -->
|
|
|
+ </span>
|
|
|
+ <br/>
|
|
|
+ <span style="font-size: 8mm;font-weight: bold;line-height: 10mm;">
|
|
|
+ <%=data.extend5%>
|
|
|
+ <!-- W836-802 -->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="height: 15mm;">
|
|
|
+ <img src="/barcode4j?msg=<%=data.trackingNo1%>&quietZone=false&dpi=150&moduleWidth=0.35&fmt=png&height=10&hrp=none&qz=3" style="margin-top: 1mm;margin-left: 1mm;"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:5mm;width:100%;text-align: center; border-bottom:2mm solid #000;">
|
|
|
+ <div style="float: left;width: 20mm;font-weight: bold;">
|
|
|
+ 运单编号
|
|
|
+ </div>
|
|
|
+ <span style="margin-left: -20mm;">
|
|
|
+ <%=data.trackingNo1%>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:10mm;width:100%;text-align: left; border-bottom:1px solid #000;padding-top: 5mm;font-size: 14px;">
|
|
|
+ <span style="margin-left: 5px;">收件人/代签人:</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:45mm;width:100%;text-align: center; border-bottom:1px solid #000;">
|
|
|
+ <div style="width: 100%;height: 30mm;text-align: left;">
|
|
|
+ <div style="width:100%;height: 5mm;font-size: 3.5mm;text-align: left;float: left;">
|
|
|
+ <span style="margin-left: 5px;margin-top: 5px;">
|
|
|
+ 订单: <%=data.orderNo1%> 打印: <%=data.printLabelTimes%><br/><br/>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <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 style="height: 7mm;width: 18mm;border: 1px solid #000;float: right;margin-right:10mm;padding: 1mm;">
|
|
|
+ 已验视
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="height:13mm;width:100%;text-align: left; border-bottom:1px solid #000;">
|
|
|
+
|
|
|
+ <img src="/barcode4j?msg=<%=data.trackingNo1%>&quietZone=false&dpi=150&moduleWidth=0.35&fmt=png&height=5&hrp=none&qz=3" style="margin-top: 1mm;margin-left: 1mm;"/>
|
|
|
+ <br/>
|
|
|
+ <%=data.trackingNo1%>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div style="height:36mm;width:100%;border-bottom:1px solid #000;border-top:1px solid #000; ">
|
|
|
+ <div style="height: 35mm;width: 69mm;float: left;border-right: 1px solid #000;">
|
|
|
+ <div style="text-align: left; font-size: 12px;margin-left: 5px;height: 15mm;overflow: hidden;" >
|
|
|
+ 寄件人:
|
|
|
+ <%=data.sender.name%><br>
|
|
|
+
|
|
|
+ <span style="margin-top: 10px;">寄件人电话:</span>
|
|
|
+ <%=data.sender.mobileNumber%> <%=data.sender.phoneNumber%><br>
|
|
|
+ <span style="margin-top: 10px;">寄件人地址:</span>
|
|
|
+ <%=data.sender.province%>
|
|
|
+ <%=data.sender.city%>
|
|
|
+ <%=data.sender.county%>
|
|
|
+ <%=data.sender.addressLine1%>
|
|
|
+ <%=data.sender.addressLine2%>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="text-align: left; font-size: 12px;margin-top: 1mm;margin-left: 5px;height: 18mm;overflow: hidden;" >
|
|
|
+ 收件人:
|
|
|
+ <%=data.receiver.name%><br>
|
|
|
+
|
|
|
+ <span style="margin-top: 10px;">收件人电话:</span>
|
|
|
+ <%=data.receiver.mobileNumber%> <%=data.receiver.phoneNumber%><br>
|
|
|
+
|
|
|
+ <span style="margin-top: 10px;">收件人地址:</span>
|
|
|
+ <%=data.receiver.province%>
|
|
|
+ <%=data.receiver.city%>
|
|
|
+ <%=data.receiver.county%>
|
|
|
+ <%=data.receiver.addressLine1%>
|
|
|
+ <%=data.receiver.addressLine2%>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height: 36mm;width: 30mm;float: right;">
|
|
|
+ <!-- cus_area2 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:5mm;width:100%;text-align: center; border-bottom:0px solid #000;font-size: 11px;">
|
|
|
+ 官方网址:http//www.yundax.com 客服热线:400-821-6789 收货人联
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</html>
|
|
|
+
|
