|
@@ -0,0 +1,244 @@
|
|
|
|
+<!DOCTYPE HTML>
|
|
|
|
+<html>
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="utf-8">
|
|
|
|
+ <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" />
|
|
|
|
+ <link rel="Bookmark" href="/favicon.ico" >
|
|
|
|
+ <link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
|
+ <#include "/base/list_base.ftl">
|
|
|
|
+ <title>出库列表</title>
|
|
|
|
+ <style>
|
|
|
|
+ *{padding: 0;margin: 0;}
|
|
|
|
+ .my-input{border: 1px solid rgba(0,0,0,.1);padding: 1px 5px;height: 32px;margin-right: 10px;}
|
|
|
|
+ .my-input::-webkit-input-placeholder{text-indent: 1em;}
|
|
|
|
+ .table-bg thead th{background-color: #f7fafd;}
|
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
|
+ </style>
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
|
+ <span class="c-gray en">/</span> 仓库管理
|
|
|
|
+ <span class="c-gray en">/</span> 打单核对
|
|
|
|
+ <a class="btn radius r" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
|
|
|
|
+</nav>
|
|
|
|
+ <div class="pd-20 cl">
|
|
|
|
+ <div class="row cl" style="margin-bottom: 20px;">
|
|
|
|
+ <div class="col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="my-input trim_input" style="width:193px;margin-right: 0px; margin-bottom: 10px;" name="pickingStartDate" id="pickingStartDate" placeholder="开始时间" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen' })" value="${pickingStartDate!''}" readonly="readonly"/>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-2 col-sm-2">
|
|
|
|
+ <button type="button" class="btn" style="background: #50a2ea;border: 1px solid #50a2ea;color: #fff;height: 35px;margin-bottom: 3px;" onclick="print1();">打印拣货单</button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row cl" style="margin-bottom: 20px;">
|
|
|
|
+ <div class="col-2 col-sm-2">
|
|
|
|
+ <input type="text" class="my-input trim_input" style="width:193px;margin-right: 0px; margin-bottom: 10px;" name="checkStartDate" id="checkStartDate" placeholder="开始时间" onClick="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen' })" value="${checkStartDate!''}" readonly="readonly"/>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-2 col-sm-2">
|
|
|
|
+ <button type="button" class="btn" style="background: #50a2ea;border: 1px solid #50a2ea;color: #fff;height: 35px;margin-bottom: 3px;" onclick="print2();">打印快递核对单</button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <div style="display: none;">
|
|
|
|
+ <div class="page" id="pageid1">
|
|
|
|
+ <html>
|
|
|
|
+ <head>
|
|
|
|
+
|
|
|
|
+ </head>
|
|
|
|
+ <body>
|
|
|
|
+ <table class="table2" style="margin:0 0 0.5cm 1cm;width: 19cm;border: 1px solid #000;border-collapse: collapse;text-align: left;">
|
|
|
|
+ <thead style="display:table-header-group">
|
|
|
|
+ <tr>
|
|
|
|
+ <th colspan="3" >
|
|
|
|
+ <span style="text-align:center;font-size: 1.75rem;">拣货单</span>
|
|
|
|
+ <div style="float: right;margin-top: 0.5cm">
|
|
|
|
+ <span style="margin-right: 2cm;">仓库人员:</span>
|
|
|
|
+ <span style="margin-right: 2cm;">仓库主管:</span>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </th>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>产品名称</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>颜色</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>数量</strong></th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody id="listid1">
|
|
|
|
+ <tr>
|
|
|
|
+ </tr>
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ </body>
|
|
|
|
+ </html>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+<div style="display: none;">
|
|
|
|
+ <div class="page" id="pageid2">
|
|
|
|
+ <html>
|
|
|
|
+ <head>
|
|
|
|
+
|
|
|
|
+ </head>
|
|
|
|
+ <body>
|
|
|
|
+ <table class="table2" style="margin:0 0 0.5cm 1cm;width: 19cm;border: 1px solid #000;border-collapse: collapse;text-align: left;">
|
|
|
|
+ <thead style="display:table-header-group">
|
|
|
|
+ <tr>
|
|
|
|
+ <th colspan="5" style="text-align:center;font-size: 1.75rem;">
|
|
|
|
+ 核对单
|
|
|
|
+ </th>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>快递公司</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>面单数</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>截单数</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>快递实际取件</strong></th>
|
|
|
|
+ <th style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"><strong>快递签名</strong></th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody id="listid2">
|
|
|
|
+ <tr>
|
|
|
|
+
|
|
|
|
+ </tr>
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ </body>
|
|
|
|
+ </html>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
|
|
+<script type="text/javascript" src="https://s.iamberry.com/js/LodopFuncs_v_5_0.js"></script>
|
|
|
|
+<script type="text/javascript" src="${path}/common/lib/jquery.PrintArea/jquery.PrintArea.js"></script>
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+
|
|
|
|
+ function print1(){
|
|
|
|
+ var pickingStartDate = $("#pickingStartDate").val();
|
|
|
|
+ $.ajax({
|
|
|
|
+ type: "POST",
|
|
|
|
+ url: "${path}/admin/salesOrder/getSalesOrderCheck",
|
|
|
|
+ data:{"startDate1":pickingStartDate},
|
|
|
|
+ success: function(data){
|
|
|
|
+ if (data.returnCode == 200) {
|
|
|
|
+ var html = '';
|
|
|
|
+ if(data.returnMsg.infos.length < 1){
|
|
|
|
+ layer.msg('未查询到数据',{icon: 5,time:1000});
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ data.returnMsg.infos.forEach(function (value, i) {
|
|
|
|
+ html += '<tr>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;">' + value.productName + '</td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;">' + value.colorName + '</td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;">' + value.num + '</td>' +
|
|
|
|
+ '</tr>';
|
|
|
|
+ });
|
|
|
|
+ $("#listid1").html(html);
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ // 选择打印设备
|
|
|
|
+ var isIE = (navigator.userAgent.indexOf('MSIE')>=0) || (navigator.userAgent.indexOf('Trident')>=0);
|
|
|
|
+ if (!isIE) {
|
|
|
|
+ LODOP.PRINT_INIT('打印拣货单');
|
|
|
|
+ LODOP.SET_PRINT_PAGESIZE(0, 0, 0,"");
|
|
|
|
+ LODOP.ADD_PRINT_HTM("0mm","-7mm","100%","100%", $("#pageid1").html());
|
|
|
|
+ LODOP.SELECT_PRINTER(true);
|
|
|
|
+ // 注意,选择打印机后,需要更改打印机事件,否则无法执行回调
|
|
|
|
+ var spans = $("span");
|
|
|
|
+ for (var i = 0; i < spans.length; i++) {
|
|
|
|
+ if ($(spans[i]).text() === "打印份数:") {
|
|
|
|
+ $(spans[i]).parent().next()[0].onclick = function () {
|
|
|
|
+ CLODOP.SelectBox.clickOK(false);
|
|
|
|
+ layer.msg("打印成功", {icon: 6, time: 3000});
|
|
|
|
+ };
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ LODOP.SELECT_PRINTER();
|
|
|
|
+ LODOP.PRINT_INIT('打印维修单');
|
|
|
|
+ LODOP.SET_PRINT_PAGESIZE(0, 0, 0,"");
|
|
|
|
+ LODOP.ADD_PRINT_HTM("0mm","0mm","100%","100%", $("#pageid1").html());
|
|
|
|
+ var flag = LODOP.PRINT();
|
|
|
|
+ if (flag) {
|
|
|
|
+ layer.msg("打印成功", {icon: 6, time: 3000});
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
|
+ layer.msg('打印失败',{icon: 5,time:1000});
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ function print2(){
|
|
|
|
+ var checkStartDate = $("#checkStartDate").val();
|
|
|
|
+ $.ajax({
|
|
|
|
+ type: "POST",
|
|
|
|
+ url: "${path}/admin/salesOrder/getSalesOrderCheck",
|
|
|
|
+ data:{"startDate2":checkStartDate},
|
|
|
|
+ success: function(data){
|
|
|
|
+ if (data.returnCode == 200) {
|
|
|
|
+ var html = '';
|
|
|
|
+ if(data.returnMsg.infos.length < 1){
|
|
|
|
+ layer.msg('未查询到数据',{icon: 5,time:1000});
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ data.returnMsg.infos.forEach(function (value, i) {
|
|
|
|
+ html += '<tr>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;">' + value.logisticsName + '</td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;">' + value.num + '</td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"></td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"></td>' +
|
|
|
|
+ '<td style="width: 2.4cm; font-size: 0.75rem;padding:0.5rem 0;text-indent: 1.2rem; color: #333;border: 1px solid #000;border-collapse: collapse;background-color: #fff;height: 0.28cm;"></td>' +
|
|
|
|
+ '</tr>';
|
|
|
|
+ });
|
|
|
|
+ $("#listid2").html(html);
|
|
|
|
+
|
|
|
|
+// 选择打印设备
|
|
|
|
+ var isIE = (navigator.userAgent.indexOf('MSIE')>=0) || (navigator.userAgent.indexOf('Trident')>=0);
|
|
|
|
+ if (!isIE) {
|
|
|
|
+ LODOP.PRINT_INIT('打印拣货单');
|
|
|
|
+ LODOP.SET_PRINT_PAGESIZE(0, 0, 0,"");
|
|
|
|
+ LODOP.ADD_PRINT_HTM("0mm","-7mm","100%","100%", $("#pageid2").html());
|
|
|
|
+ LODOP.SELECT_PRINTER(true);
|
|
|
|
+ // 注意,选择打印机后,需要更改打印机事件,否则无法执行回调
|
|
|
|
+ var spans = $("span");
|
|
|
|
+ for (var i = 0; i < spans.length; i++) {
|
|
|
|
+ if ($(spans[i]).text() === "打印份数:") {
|
|
|
|
+ $(spans[i]).parent().next()[0].onclick = function () {
|
|
|
|
+ CLODOP.SelectBox.clickOK(false);
|
|
|
|
+ layer.msg("打印成功", {icon: 6, time: 3000});
|
|
|
|
+ };
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ LODOP.SELECT_PRINTER();
|
|
|
|
+ LODOP.PRINT_INIT('打印维修单');
|
|
|
|
+ LODOP.SET_PRINT_PAGESIZE(0, 0, 0,"");
|
|
|
|
+ LODOP.ADD_PRINT_HTM("0mm","0mm","100%","100%", $("#pageid2").html());
|
|
|
|
+ var flag = LODOP.PRINT();
|
|
|
|
+ if (flag) {
|
|
|
|
+ layer.msg("打印成功", {icon: 6, time: 3000});
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
|
+ layer.msg('打印失败',{icon: 5,time:1000});
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+</body>
|
|
|
|
+</html>
|