1
0
Quellcode durchsuchen

提交wms页面

zcb vor 4 Jahren
Ursprung
Commit
c6ec545309

+ 353 - 0
wms-operate/src/main/resources/static/ui/js/outstock/boxed/showOutBoxed/main.js

@@ -0,0 +1,353 @@
+$(function(){
+	$('#outOrderNo').focus();
+	
+	var focusId;
+	$("input").focus(function(){
+		//记住焦点位置
+		focusId = this.id;
+		var val = $(this).val();
+		if(val!=null && val!=''){
+			$(this).val(trimStr(val));	
+		}
+	});	
+	
+	//当失去焦点按回车时,焦点回到之前焦点位置
+	$(window).keydown(function(event){
+	 	if((event.keyCode==13)) {
+	 		$(".messager-body").window('close');
+	 		
+	 		if(document.activeElement.id == null || document.activeElement.id ==''){
+	 			//回到上次焦点地方
+		 		$("#"+focusId).focus();
+	 		}
+	 	}  
+	});	
+	
+	//是否自动提交
+	$("#isAutoSubBox").click(function(){
+		if ($("#isAutoSubBox").is(":checked")) {
+			$("#productQty").attr("readonly","readonly");
+			$("#productQty").val("1");//扫描提交,固定为1
+		}else{
+			$("#productQty").removeAttr("readonly");
+			$("#productQty").val("");//清空数量,由人工输入
+		}
+	});
+	
+	//提交出库单号
+    $('#outOrderNo').keyup(function (event) {
+        if (event.keyCode != "13") {return false;}
+        $("#outOrderNo").val(trimStr($("#outOrderNo").val()));
+        submitOutOrderNo();
+    });
+	
+    //提交箱号
+    $('#boxNo').keyup(function (event) {
+    	if (event.keyCode != "13") {return false;}
+    	$("#boxNo").val(trimStr($("#boxNo").val()));
+    	submitBoxNo();
+    });
+    
+    //提交条码
+    $('#barcode').keyup(function (event) {
+    	if (event.keyCode != "13") {return false;}
+    	$("#barcode").val(trimStr($("#barcode").val()));
+    	
+    	//自动提交 
+    	if ($("#isAutoSubBox").is(":checked")) {
+    		submitBarcode();
+    		return;
+    	}
+    	
+    	$("#productQty").select();    	
+    }); 
+    
+    //提交数量
+    $('#productQty').keyup(function (event) {
+    	if (event.keyCode != "13") {return false;}
+    	$("#productQty").val(trimStr($("#productQty").val()));
+    	
+    	submitBarcode();
+    });
+});
+
+//提交出库单号
+function submitOutOrderNo(){
+   var outOrderNo = $('#outOrderNo').val();
+   if(outOrderNo ==''){
+   		return;
+   }
+   $.ajax({
+        type: 'POST',
+        url: '/outstock/order/selectForOutBox?orderNo='+outOrderNo,
+        success: function (result) {
+        	//2018-11-12改为只要订单号存在,即显示订单信息
+        	var outOrder = result.data;
+        	if(outOrder != null){
+            	$("#outOrderId").val(outOrder.id);
+            	$("#outOrderType").val(outOrder.typeName);
+            	$("#customerCode").val(outOrder.customerCode);
+            	$("#shipwayName").val(outOrder.shipwayName);
+            	$("#warehouseCode").val(outOrder.warehouseCode);
+            	$("#statusName").val(outOrder.statusName + "-" + outOrder.statusGuide);
+        	}
+        	
+        	if (result.code != 0) {
+        		//突出状态
+        		$("#statusName").css('color','red');
+    			$.iMessager.alert('注意', result.msg, 'messager-warning');
+    			return;
+    		}
+        	$("#outOrderNo").attr("readonly","readonly");
+        	
+        	$("#statusName").css('color','black');
+        	
+        	//刷新显示待装箱明细
+        	refreshItems();
+        	
+        	//进入箱子操作
+        	nextBox();
+        },
+        error: function () {
+        	$.iMessager.alert('注意', '网络断开或服务器发生异常', 'messager-warning');
+        }
+    });
+}
+
+//提交箱号
+function submitBoxNo(){
+   var boxNo = $('#boxNo').val();
+   var outOrderNo = $('#outOrderNo').val();
+   var outOrderId = $('#outOrderId').val();
+   
+   if(boxNo=='' || boxNo==null){
+	   $.iMessager.alert('注意', '箱号不能为空', 'messager-warning');
+	   return
+   }
+   
+   if(outOrderNo=='' || outOrderNo==null){
+	   $.iMessager.alert('注意', '订单号不能为空', 'messager-warning');
+	   return
+   }
+   
+   var formData = {outOrderId:outOrderId,outOrderNo:outOrderNo,boxNo:boxNo};
+   
+   $.ajax({
+        type: 'POST',
+        url: '/outstock/boxed/submitBoxNo',
+        contentType: "application/json; charset=utf-8",
+        data: JSON.stringify(formData),
+        success: function (result) {
+        	if (result.code != 0) {
+    			$.iMessager.alert('注意', result.msg, 'messager-warning');
+    			return;
+    		}
+        	var box = result.data;
+        	$("#boxId").val(box.id);
+        	$("#boxNo_hide").val(boxNo);
+        	
+        	nextBarcode();
+        },
+        error: function () {
+        	$.iMessager.alert('注意', '网络断开或服务器发生异常', 'messager-warning');
+        }
+    });
+}
+
+
+//提交条码
+var isSubmintIng = false;//是否正在提交
+function submitBarcode(){
+	if(isSubmintIng){return;}
+	isSubmintIng = true;
+	
+	 var outOrderNo = $('#outOrderNo').val();
+	 var outOrderId = $('#outOrderId').val();
+	 var boxNo = $('#boxNo').val();
+	 var boxId = $('#boxId').val();
+	 var boxNo_hide = $("#boxNo_hide").val();
+	 var barcode = $("#barcode").val();
+	 var productQty = $("#productQty").val();
+	 
+	 if(boxNo==''){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '箱号不能为空', 'messager-warning');
+		 return;
+	 }
+	 if(boxId==''){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '请先在箱号输入框按回车提交箱号', 'messager-warning');
+		 return;
+	 }
+	 if(boxNo != boxNo_hide){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '请先在箱号输入框按回车提交箱号', 'messager-warning');
+		 return;
+	 }
+	 if(productQty==''){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '商品数量不能为空', 'messager-warning');
+		 return;
+	 }
+	 if(barcode==''){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '条码不能为空', 'messager-warning');
+		 return
+	 }
+	 if(outOrderNo==''){
+		 isSubmintIng = false;
+		 $.iMessager.alert('注意', '订单号不能为空', 'messager-warning');
+		 return;
+	 }
+	 
+	 var formData = {outOrderId:outOrderId,outOrderNo:outOrderNo,boxNo:boxNo,boxId:boxId,barcode:barcode,productQty:productQty};
+	 $.iMessager.progress({text: '正在提交中....'});
+	 $.ajax({
+        type: 'POST',
+        url: '/outstock/boxedItem/submitBarcode',
+        contentType: "application/json; charset=utf-8",
+        data: JSON.stringify(formData),
+        success: function (result) {
+        	isSubmintIng = false;
+        	$.iMessager.progress('close');
+        	
+        	if(result.code !=0){
+    			$.iMessager.alert('注意', result.msg, 'messager-warning');
+    			return;
+    		}
+        	$.iMessager.show({title: '温馨提示',msg:result.msg ,timeout:2000}); //右下角提示信息
+        	
+        	if(result.data){//完成装箱
+        		//下一个订单
+        		cleanAll();
+        		return;
+        	}
+        	
+        	//刷新显示待装箱明细
+        	refreshItems();
+        	//下一个条码
+        	nextBarcode();
+        },
+        error: function () {
+        	isSubmintIng = false;
+        	$.iMessager.alert('注意', '网络断开或服务器发生异常', 'messager-warning');
+        }
+	});
+}
+
+//刷新显示待装箱明细
+function refreshItems(){
+	 var outOrderNo = $('#outOrderNo').val();
+	 var outOrderId = $('#outOrderId').val();
+	 $("#itemList").empty();
+	 $.ajax({
+        type: 'POST',
+        url: '/outstock/outShelf/selectForOutBox?orderId='+outOrderId,
+        success: function (result) {
+        	if(result.code != 0){
+    			$.iMessager.show({title: '温馨提示',msg:result.msg ,timeout:5000}); //右下角提示信息
+        		return;
+    		}
+    		var itemList = result.data;
+    		for(var index = 0; index < itemList.length; index ++){
+    			var item = itemList[index];
+    			handleNullFiled(item);
+    			item.boxedQty = item.boxedQty != null ? item.boxedQty:0;
+    			var waitBoxQty = item.totalQty - item.boxedQty;//未装数量
+    			if(waitBoxQty > 0){
+    				waitBoxQty = "<span style='color:red;'><b>"+waitBoxQty+"</b></span>";
+    			}
+    			
+    			var tr = "<tr style='height: 15px;' id='item_"+item.id+"'>";
+	    			tr += "<th><div style='width:160px;overflow: auto;'>"+item.sku+"</div></th>";
+	    			tr += "<th><div style='width:180px;overflow: auto;'>"+item.barcode+"</div></th>";
+	    			tr += "<th><div style='width:80px;overflow: hidden;'>"+item.totalQty+"</div></th>";
+	    			tr += "<th><div style='width:90px;overflow: hidden;'>"+item.boxedQty+"</div></th>";
+	    			tr += "<th><div style='width:90px;overflow: hidden;'>"+waitBoxQty+"</div></th>";
+    			tr += "</tr>";
+    			
+    			$("#itemList").append(tr);
+    		}
+        },
+        error: function () {
+        	$.iMessager.alert('注意', '网络断开或服务器发生异常', 'messager-warning');
+        }
+	});	
+}
+
+//下一个箱子
+function nextBox(){
+	$("#boxNo").val("");
+	$("#boxId").val("");
+	
+	$("#barcode").val("");
+	$("#productQty").val("1");
+	
+	//自动生成箱号
+	if ($("#autoNextBox").is(":checked")) {
+		genBoxNo();
+	}
+	
+	$("#boxNo").focus();
+}
+
+
+//下一个条码
+function nextBarcode(){
+	$("#barcode").val("");
+	
+	$("#productQty").val("1");
+	
+	$("#barcode").focus();
+}
+
+//清除全部,下一个订单
+function cleanAll(){
+	$("#outOrderNo").val("");
+	
+	$("#outOrderId").val("");
+	$("#outOrderType").val("");
+	$("#customerCode").val("");
+	$("#shipwayName").val("");
+	$("#warehouseCode").val("");
+	$("#statusName").val("");
+	
+	$("#boxNo").val("");
+	$("#boxId").val("");
+	
+	$("#barcode").val("");
+	$("#productQty").val("1");
+	
+	$("#itemList").empty();
+	//$("#outOrderNo").attr("readonly","readonly");
+	$("#outOrderNo").removeAttr("readonly");
+	
+	$("#outOrderNo").focus();
+}
+
+//生成箱子号码
+function genBoxNo(){
+	//获取完整的日期  
+	var date=new Date;  
+	var year=date.getFullYear();
+	
+	var month=date.getMonth()+1;  
+	month =(month<10 ? "0"+month:month);
+	
+	var day=date.getDate();  
+	day =(day<10 ? "0"+day:day);
+	
+	var hours = date.getHours();
+	hours =(hours<10 ? "0"+hours:hours);
+	
+	var minutes = date.getMinutes();
+	minutes =(minutes<10 ? "0"+minutes:minutes);
+	
+	var seconds = date.getSeconds();
+	seconds =(seconds<10 ? "0"+seconds:seconds);
+	
+	var currentDate = (year.toString() + month.toString() + day.toString() + hours.toString() + minutes.toString() + seconds.toString());
+	
+	//2019-05-11决定简化箱号,使用数字1,2,3..方便直观看到订单有几个箱子,方便输入
+	$("#boxNo").val("1");
+}

+ 48 - 48
wms-operate/src/main/resources/static/ui/views/outstock/boxed/outBoxed/main.html

@@ -15,13 +15,13 @@
     <link type="text/css" href="/ui/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
 	<!-- bootstrap框架样式 -->
     <link type="text/css" href="/ui/static/plugins/bootstrap/css/bootstrap-select.css" rel="stylesheet" />
-	
+
     <!-- 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/plugins/bootstrap/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="/ui/static/plugins/bootstrap/js/bootstrap-select.js"></script>
-	    
+
     <!-- TopJUI框架配置 -->
     <script type="text/javascript" src="/ui/static/public/js/topjui.config.js"></script>
     <!-- TopJUI框架核心-->
@@ -78,16 +78,16 @@
 				</th>
 				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
 					<input type="text" class="form-control wd220" id="outOrderType" readonly="readonly">
-				</th>					
+				</th>
 			</tr>
 			<tr>
 				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
 					<span class="btn btn-default wd120">货主代码</span>
 				</th>
 				<th class="wd220" style="padding-top: 5px;padding-bottom: 2px;">
-					<input type="text" class="form-control wd220" id="customerCode" readonly="readonly"> 
+					<input type="text" class="form-control wd220" id="customerCode" readonly="readonly">
 				</th>
-							
+
 				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
 					<span class="btn btn-default wd120">发货渠道</span>
 				</th>
@@ -100,39 +100,39 @@
 					<span class="btn btn-default wd120">仓库代码</span>
 				</th>
 				<th class="wd220" style="padding-top: 5px;padding-bottom: 2px;">
-					<input type="text" class="form-control wd220" id="warehouseCode" readonly="readonly"> 
+					<input type="text" class="form-control wd220" id="warehouseCode" readonly="readonly">
 				</th>
-							
+
 				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
 					<span class="btn btn-default wd120">订单状态</span>
 				</th>
 				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
 					<input type="text" class="form-control wd220" id="statusName" readonly="readonly">
 				</th>
-			</tr>			
-		</table>
-
-		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;">2扫描箱号</div>			
-		<table class="table wd750" style="margin-top: 0px;padding-bottom: 0px;">
-			<tr>
-				<th class="wd120" style="padding-bottom: 0px;">
-					<span class="btn btn-default wd120">箱子号码</span>
-				</th>
-				<th class="wd220" style="padding-bottom: 0px;">
-					<input type="text" class="form-control wd220" id="boxNo" placeholder="输入后请按回车,建议编号1,2,3.." >
-					<input type="text" class="form-control wd220" id="boxNo_hide" style="display: none;" >
-					<input type="text" id="boxId" style="display: none;">
-				</th>
-				
-				<th colspan="2" style="width:340px;">
-					<div class="wd120" style="font-size: 5mm; font-family: Tahoma;display: inline-block;line-height: 30px;">
-						<input class="mycheckbox" type="checkbox" style="" onchange="saveCheckBox('autoNextBox')" id="autoNextBox" checked>自动生成
-					</div>					
-				</th>				
 			</tr>
 		</table>
-							
-		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;margin-top:-10px;">3扫描商品</div>			
+
+<!--		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;">2扫描箱号</div>			-->
+<!--		<table class="table wd750" style="margin-top: 0px;padding-bottom: 0px;">-->
+<!--			<tr>-->
+<!--				<th class="wd120" style="padding-bottom: 0px;">-->
+<!--					<span class="btn btn-default wd120">箱子号码</span>-->
+<!--				</th>-->
+<!--				<th class="wd220" style="padding-bottom: 0px;">-->
+<!--					<input type="text" class="form-control wd220" id="boxNo" placeholder="输入后请按回车,建议编号1,2,3.." >-->
+<!--					<input type="text" class="form-control wd220" id="boxNo_hide" style="display: none;" >-->
+<!--					<input type="text" id="boxId" style="display: none;">-->
+<!--				</th>-->
+<!--				-->
+<!--				<th colspan="2" style="width:340px;">-->
+<!--					<div class="wd120" style="font-size: 5mm; font-family: Tahoma;display: inline-block;line-height: 30px;">-->
+<!--						<input class="mycheckbox" type="checkbox" style="" onchange="saveCheckBox('autoNextBox')" id="autoNextBox" checked>自动生成-->
+<!--					</div>					-->
+<!--				</th>				-->
+<!--			</tr>-->
+<!--		</table>-->
+
+		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;margin-top:-10px;">2扫描商品</div>
 		<table class="table wd750" style="margin-top: 0px;padding-bottom: 0px;">
 			<tr>
 				<th  class="wd120" style="padding-bottom: 10px;">
@@ -141,12 +141,12 @@
 				<th class="wd220" style="padding-bottom: 10px;">
 					<input type="text" class="form-control wd220" id="barcode" placeholder="输入后请按回车" >
 				</th>
-				
+
 				<th colspan="2">
 					&nbsp;
 				</th>
 			</tr>
-			
+
 			<tr>
  				<th  class="wd120" style="padding-bottom: 10px;">
 					<span class="btn btn-default wd120">装入件数</span>
@@ -154,15 +154,15 @@
 				<th class="wd220" style="padding-bottom: 10px;">
 					<input type="text" class="form-control wd220" id="productQty" value="1">
 				</th>
-				
+
 				<td colspan="2">
 					<div class="wd120" style="font-size: 5mm; font-family: Tahoma;display: inline-block;line-height: 30px;">
 						<input class="mycheckbox" type="checkbox" style="" onchange="saveCheckBox('isAutoSubBox')" id="isAutoSubBox" checked>自动提交
-					</div>					
+					</div>
 				</td>
 			</tr>
 		</table>
-		
+
 		<div style="width: 100%;max-height: 402px;margin-top: -10px;overflow-x: hidden;overflow-y:auto;">
 			<table  class="table"  style="margin-top: 0px;margin-left:8px;width:734px; height: auto;" rules="all" border="1px" >
 	 			<thead>
@@ -175,29 +175,29 @@
 		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">总数</div></th>
 		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">已装箱数</div></th>
 		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">待装箱数</div></th>
-		 			</tr> 			
+		 			</tr>
 	 			</thead>
 	 			<tbody id="itemList">
-	 				
+
 	 			</tbody>
-	 		</table>		
+	 		</table>
 		</div>
-		
+
 		<table class="table wd750" style="margin-top: 0px;">
 			<tr>
 				<th colspan="4" >
 					<a class="btn  btn-primary" style="cursor:pointer;" onclick="submitBarcode()">
 						<i class="fa fa-check">&nbsp;</i>提交
 					</a>
-					
+
 					<a class="btn  btn-danger"  style="cursor:pointer;" onclick="cleanAll()">
 						<i class="fa fa-times">&nbsp;</i>重置
 					</a>
 				</th>
-			</tr>				
+			</tr>
 		</table>
  	</div>
- 	
+
 	<div class="pull-left" style="width:350px;text-align: left;margin-left: 100px;display: none;">
  		<span class="badge badge-success">操作提示</span>
  		<table class="table" >
@@ -215,7 +215,7 @@
  				<th>
  					<b>3</b>.请按回车! 不要用鼠标切换输入框步骤!
  				</th>
- 			</tr> 			
+ 			</tr>
  		</table>
  		<span class="badge badge-success">常见问题</span>
  		<table class="table" >
@@ -229,7 +229,7 @@
  					&nbsp;&nbsp;答 : 验证下架数量,并记录订单有几个箱子,每个箱子的明细.
  				</th>
  			</tr>
- 			
+
 			<tr>
  				<th class="wd200">
  					<b>2</b>问 : 箱号如何定义?
@@ -240,16 +240,16 @@
  					&nbsp;&nbsp;答 : 建议使用数字1,2,3...编号,方便输入且直观看到订单有几个箱子.
  				</th>
  			</tr>
- 					
+
  		</table>
- 	</div> 	
-	<script type="text/javascript" src="/ui/static/public/js/common.js"></script> 	
+ 	</div>
+	<script type="text/javascript" src="/ui/static/public/js/common.js"></script>
 	<script type="text/javascript" src="/ui/js/outstock/boxed/outBoxed/main.js?v=005"></script>
 	<script type="text/javascript">
-	
+
 		//从cookie取出设置
 		setCheckBox('autoNextBox');
 		setCheckBox('isAutoSubBox');
 	</script>
 </body>
-</html>
+</html>

+ 255 - 0
wms-operate/src/main/resources/static/ui/views/outstock/boxed/showOutBoxed/main.html

@@ -0,0 +1,255 @@
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <!-- 避免IE使用兼容模式 -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
+    <meta name="renderer" content="webkit">
+    <!-- TopJUI框架样式 -->
+    <!-- <link type="text/css" href="/ui/topjui/css/topjui.core.min.css" rel="stylesheet"> -->
+    <link type="text/css" href="/ui/topjui/css/topjui.core.css?v=9" rel="stylesheet">
+    <link type="text/css" href="/ui/topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme" />
+    <!-- FontAwesome字体图标 -->
+    <link type="text/css" href="/ui/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
+    <!-- layui框架样式 -->
+    <link type="text/css" href="/ui/static/plugins/layui/css/layui.css" rel="stylesheet" />
+	<!-- bootstrap框架样式 -->
+    <link type="text/css" href="/ui/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
+	<!-- bootstrap框架样式 -->
+    <link type="text/css" href="/ui/static/plugins/bootstrap/css/bootstrap-select.css" rel="stylesheet" />
+
+    <!-- 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/plugins/bootstrap/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="/ui/static/plugins/bootstrap/js/bootstrap-select.js"></script>
+
+    <!-- TopJUI框架配置 -->
+    <script type="text/javascript" src="/ui/static/public/js/topjui.config.js"></script>
+    <!-- TopJUI框架核心-->
+    <script type="text/javascript" src="/ui/topjui/js/topjui.core.js?v=42"></script>
+    <!-- TopJUI中文支持 -->
+    <script type="text/javascript" src="/ui/topjui/js/locale/topjui.lang.zh_CN.js"></script>
+    <!-- 日期格式化js -->
+    <script type="text/javascript" src="/ui/static/public/js/datefmt.js?v=1"></script>
+    <!-- form 转换  -->
+    <script type="text/javascript" src="/ui/static/public/js/formTransformEntity.js?v=1"></script>
+
+    <style type="text/css">
+		.pd_left0 {padding-left: 0px;}
+		.wd50 {width: 50px !important;}
+		.wd73 {width: 73px !important;}
+		.wd80 {width: 80px !important;}
+		.wd100 {width: 100px !important;}
+		.wd120 {width: 120px !important;}
+		.wd140 {width: 140px !important;}
+		.wd150 {width: 150px !important; text-align: center !important;}
+		.wd190 {width: 190px !important;}
+		.wd220 {width: 220px !important;}
+		.wd250 {width: 250px !important;}
+		.wd330 {width: 330px !important;}
+		.wd382 {width: 382px !important;}
+		.wd400 {width: 400px !important;}
+		.wd600 {width: 600px !important;}
+		.wd700 {width: 700px !important;}
+		.wd700 {width: 700px !important;}
+		.wd750 {width: 750px !important;}
+		.wd850 {width: 850px !important;}
+		.wd1020 {width: 1020px !important;}
+		.wdAll {width: 100% !important;}
+		.textcenter { text-align: center !important;}
+		.height40{height: 40px}
+		.mycheckbox{vertical-align:middle; zoom:2;margin-top:0 !important;}
+	</style>
+</head>
+<body style="font-size: 16px;padding-top: 10px;">
+	<div  class="pull-left wd750" style="margin-left: 10px;height:800px;">
+		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;">1扫描单号</div>
+		<table class="table wd750" style="margin-top: 0px;padding-bottom: 5px;">
+			<tr>
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">出库单号</span>
+				</th>
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="outOrderNo" placeholder="输入订单号或跟踪号(运单号),请按回车" >
+					<input type="text" id="outOrderId" style="display: none;">
+				</th>
+
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">出库类型</span>
+				</th>
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="outOrderType" readonly="readonly">
+				</th>
+			</tr>
+			<tr>
+				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">货主代码</span>
+				</th>
+				<th class="wd220" style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="customerCode" readonly="readonly">
+				</th>
+
+				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">发货渠道</span>
+				</th>
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="shipwayName" readonly="readonly">
+				</th>
+			</tr>
+			<tr>
+				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">仓库代码</span>
+				</th>
+				<th class="wd220" style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="warehouseCode" readonly="readonly">
+				</th>
+
+				<th class="wd120" style="padding-top: 5px;padding-bottom: 2px;">
+					<span class="btn btn-default wd120">订单状态</span>
+				</th>
+				<th class="wd220"  style="padding-top: 5px;padding-bottom: 2px;">
+					<input type="text" class="form-control wd220" id="statusName" readonly="readonly">
+				</th>
+			</tr>
+		</table>
+
+		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;">2扫描箱号</div>
+		<table class="table wd750" style="margin-top: 0px;padding-bottom: 0px;">
+			<tr>
+				<th class="wd120" style="padding-bottom: 0px;">
+					<span class="btn btn-default wd120">箱子号码</span>
+				</th>
+				<th class="wd220" style="padding-bottom: 0px;">
+					<input type="text" class="form-control wd220" id="boxNo" placeholder="输入后请按回车,建议编号1,2,3.." >
+					<input type="text" class="form-control wd220" id="boxNo_hide" style="display: none;" >
+					<input type="text" id="boxId" style="display: none;">
+				</th>
+
+				<th colspan="2" style="width:340px;">
+					<div class="wd120" style="font-size: 5mm; font-family: Tahoma;display: inline-block;line-height: 30px;">
+						<input class="mycheckbox" type="checkbox" style="" onchange="saveCheckBox('autoNextBox')" id="autoNextBox" checked>自动生成
+					</div>
+				</th>
+			</tr>
+		</table>
+
+		<div class="pull-left badge badge-success" style="width:120px;font-weight: bold; color: white;background-color: #669533;margin-top:-10px;">3扫描商品</div>
+		<table class="table wd750" style="margin-top: 0px;padding-bottom: 0px;">
+			<tr>
+				<th  class="wd120" style="padding-bottom: 10px;">
+					<span class="btn btn-default wd120">商品条码</span>
+				</th>
+				<th class="wd220" style="padding-bottom: 10px;">
+					<input type="text" class="form-control wd220" id="barcode" placeholder="输入后请按回车" >
+				</th>
+
+				<th colspan="2">
+					&nbsp;
+				</th>
+			</tr>
+
+			<tr>
+ 				<th  class="wd120" style="padding-bottom: 10px;">
+					<span class="btn btn-default wd120">装入件数</span>
+				</th>
+				<th class="wd220" style="padding-bottom: 10px;">
+					<input type="text" class="form-control wd220" id="productQty" value="1">
+				</th>
+
+				<td colspan="2">
+					<div class="wd120" style="font-size: 5mm; font-family: Tahoma;display: inline-block;line-height: 30px;">
+						<input class="mycheckbox" type="checkbox" style="" onchange="saveCheckBox('isAutoSubBox')" id="isAutoSubBox" checked>自动提交
+					</div>
+				</td>
+			</tr>
+		</table>
+
+		<div style="width: 100%;max-height: 402px;margin-top: -10px;overflow-x: hidden;overflow-y:auto;">
+			<table  class="table"  style="margin-top: 0px;margin-left:8px;width:734px; height: auto;" rules="all" border="1px" >
+	 			<thead>
+	 				<tr>
+	 					<th colspan="5" style="color: red;font-weight: bold;font-size: 7pt;text-align: left;height:7px;line-height:7px">下架商品的复核装箱情况</th>
+	 				</tr>
+					<tr style="height: 8px;">
+		 				<th><div style="text-align: left;font-size: 8pt;width:150px;height: 8px;line-height: 8px">商品SKU</div></th>
+		 				<th><div style="text-align: left;font-size: 8pt;width: 150px;height: 8px;line-height: 8px">条码</div></th>
+		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">总数</div></th>
+		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">已装箱数</div></th>
+		 				<th><div style="text-align: center;font-size: 8pt;width:100px;height: 8px;line-height: 8px">待装箱数</div></th>
+		 			</tr>
+	 			</thead>
+	 			<tbody id="itemList">
+
+	 			</tbody>
+	 		</table>
+		</div>
+
+		<table class="table wd750" style="margin-top: 0px;">
+			<tr>
+				<th colspan="4" >
+					<a class="btn  btn-primary" style="cursor:pointer;" onclick="submitBarcode()">
+						<i class="fa fa-check">&nbsp;</i>提交
+					</a>
+
+					<a class="btn  btn-danger"  style="cursor:pointer;" onclick="cleanAll()">
+						<i class="fa fa-times">&nbsp;</i>重置
+					</a>
+				</th>
+			</tr>
+		</table>
+ 	</div>
+
+	<div class="pull-left" style="width:350px;text-align: left;margin-left: 100px;display: none;">
+ 		<span class="badge badge-success">操作提示</span>
+ 		<table class="table" >
+ 			<tr>
+ 				<th>
+ 					<b>1</b> 当焦点在输入框内按"回车键"或者鼠标点击"回车"按钮.
+ 				</th>
+ 			</tr>
+ 			<tr>
+ 				<th>
+ 					<b>2</b> 失去焦点时按"回车键",光标会自动回到上次停留的输入框.
+ 				</th>
+ 			</tr>
+			<tr>
+ 				<th>
+ 					<b>3</b>.请按回车! 不要用鼠标切换输入框步骤!
+ 				</th>
+ 			</tr>
+ 		</table>
+ 		<span class="badge badge-success">常见问题</span>
+ 		<table class="table" >
+ 			<tr>
+ 				<th class="wd200">
+ 					<b>1</b>问 : 复核装箱的意义?
+ 				</th>
+ 			</tr>
+ 			<tr>
+ 				<th>
+ 					&nbsp;&nbsp;答 : 验证下架数量,并记录订单有几个箱子,每个箱子的明细.
+ 				</th>
+ 			</tr>
+
+			<tr>
+ 				<th class="wd200">
+ 					<b>2</b>问 : 箱号如何定义?
+ 				</th>
+ 			</tr>
+ 			<tr>
+ 				<th>
+ 					&nbsp;&nbsp;答 : 建议使用数字1,2,3...编号,方便输入且直观看到订单有几个箱子.
+ 				</th>
+ 			</tr>
+
+ 		</table>
+ 	</div>
+	<script type="text/javascript" src="/ui/static/public/js/common.js"></script>
+	<script type="text/javascript" src="/ui/js/outstock/boxed/showOutBoxed/main.js?v=005"></script>
+	<script type="text/javascript">
+
+		//从cookie取出设置
+		setCheckBox('autoNextBox');
+		setCheckBox('isAutoSubBox');
+	</script>
+</body>
+</html>