浏览代码

添加圆通CC打印

lsp 4 年之前
父节点
当前提交
22d8a6b85c
共有 1 个文件被更改,包括 222 次插入0 次删除
  1. 222 0
      wms-operate/src/main/resources/static/ui/views/outstock/order/printWaybill/yto_ccNew.html

+ 222 - 0
wms-operate/src/main/resources/static/ui/views/outstock/order/printWaybill/yto_ccNew.html

@@ -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  &nbsp;&nbsp;&nbsp;</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;">
+			&nbsp;<%=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;">
+				&nbsp;收
+			</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;">
+				&nbsp;寄
+			</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;">&nbsp;</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;">
+				&nbsp;收
+			</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;">
+				&nbsp;寄
+			</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%>&nbsp;&nbsp;打印: <%=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%>
+							&nbsp;<%=data.allocationList[i].barcode%> * <%=data.allocationList[i].quantity%>   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+						<%}%>
+					<%}%>
+				</span>
+			</div>
+		</div>
+
+		<div style="height:5mm;width:100%;text-align: center; border-bottom:0px solid  #000;font-size: 10px;">
+			<div style="float: left;">&nbsp;订单号:<%=data.orderNo1%></div>
+			<div style="float: right;font-weight: bold;"><%=data.receiver.mobileNumber%></div>
+		</div>
+	</div>
+</script>
+</html>
+