<!DOCTYPE html>
|
<html>
|
<head>
|
<meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1.0" />
|
<meta charset="UTF-8" />
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=0.665, minimum-scale=0.5, maximum-scale=1, user-scalable=no" /> -->
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=0.665" /> -->
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
<title>Boxline PDA</title>
|
|
<link rel="stylesheet" href="/layui/css/layui.css" />
|
<link rel="stylesheet" href="/css/style.css" />
|
<script src="/js/adaptive.js"></script>
|
|
<link rel="stylesheet" href="/css/my.css" />
|
<style type="text/css">
|
.layout-bill-info {
|
height: 255px;
|
}
|
.layout-tbl-submit {
|
margin-top: 10px;
|
}
|
.btn-req-location button {
|
color: #FFFFFF;
|
background-image: url(/assets/btn_blue.jpg);
|
width: 228px;
|
height: 100%;
|
border: none;
|
margin-left: 80px;
|
}
|
.btn-out {
|
width: 60%;
|
height: 36px;
|
margin-left: 21%;
|
}
|
</style>
|
<link rel="stylesheet" href="/css/adapter.css" />
|
</head>
|
<body>
|
<div id="" class="main-content">
|
<div id="" class="layout-title" >
|
<table border="" cellspacing="" cellpadding="">
|
<tr>
|
<td class="img-back"><a href="../index.html"><img src="/assets/back.jpg" ></a></td>
|
<td class="title-text">空托出库</td>
|
<td class="title-menu-icon"><img id="menuImg" src="/assets/menu.jpg" ></td>
|
</tr>
|
</table>
|
</div>
|
<div id="" class="layout-sub-content">
|
<div id="menuList" class="menu">
|
<ul class="" style="text-align: center;">
|
<li><a href="../index.html">主页</a></li>
|
<!-- <li><a href="productEnterConfirm.html">入库信息确认</a></li> -->
|
<li><a href="../login.html">重新登录</a></li>
|
</ul>
|
</div>
|
|
<button id="option1" class="layout-btn" type="button"> 整托</button>
|
<button id="option2" class="layout-btn" type="button">单托</button>
|
|
<div id="content1">
|
<div id="" class="layout-bill-info">
|
<form class="layui-form" action="">
|
<div id="layout-pallet" class="layui-form-item layout-input" style="margin-top: 10px;">
|
<label class="layui-form-label">托盘垛数：</label>
|
<div class="layui-input-block">
|
<input id="STOCKCODE" type="number" lay-verify="stock" placeholder="托盘垛数"
|
autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
</div>
|
<div id="layout-bill" class="layui-form-item layout-dropdownlist" >
|
<label class="layui-form-label">出库口：</label>
|
<div class="layui-input-block" id="selectDiv">
|
<select id="bar" lay-filter="getbar" lay-verify="required" lay-search>
|
<option value=""></option>
|
<option value="033">033</option>
|
<option value="039">039</option>
|
<option value="044">044</option>
|
<option value="051">051</option>
|
<option value="059">059</option>
|
<option value="440">440</option>
|
<option value="443">443</option>
|
</select>
|
<!-- <img src="/assets/down_arraw.png" > -->
|
</div>
|
</div>
|
<div id="" class="btn-out">
|
<button id="btnOut" class="layout-btn layout-btn-blue" type="button">出库</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<div id="content2">
|
<div id="" class="layout-bill-info">
|
<form class="layui-form" action="">
|
<div id="layout-bill" class="layui-form-item layout-dropdownlist" >
|
<label class="layui-form-label">拣货口：</label>
|
<div class="layui-input-block" id="selectDiv">
|
<select id="bar2" lay-filter="getbar" lay-verify="required" lay-search>
|
<option value=""></option>
|
<option value="001">443</option>
|
<option value="002">440</option>
|
</select>
|
<!-- <img src="/assets/down_arraw.png" > -->
|
</div>
|
</div>
|
<div id="layout-boxcode" class="layui-form-item layout-input">
|
<label class="layui-form-label">地码：</label>
|
<div class="layui-input-block">
|
<input id="LocatNo" type="text" placeholder="请扫描地码"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div id="" class="btn-out">
|
<button id="btnOut2" class="layout-btn layout-btn-blue" type="button">叫空托</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
|
</div>
|
</div>
|
|
<script src="/js/jquery-3.5.1.min.js"></script>
|
<script src="/layui/layui.js"></script>
|
<script src="/js/public.js"></script>
|
<script src="/js/jquery.cookie.js"></script>
|
<script>
|
layui.use(['form', 'jquery'], function() {
|
var form = layui.form
|
var isChongFu = true;
|
|
/* 标签切换代码 */
|
|
var xianshiyemian = 0;
|
|
$('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色
|
$('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色
|
$('#content2').hide();
|
$(document).ready(function () {
|
$('#option1').click(function () {
|
// qingkong();
|
xianshiyemian = 0;
|
$('#content1').show();
|
$('#option1').attr("style", "background-color: red;width: 50%;float: left;text-align: center;"); //选中后颜色
|
|
$('#content2').hide();
|
$('#option2').attr("style", "background-color: #999;width: 50%;float: right;text-align: center;"); //默认颜色
|
$("#palletNo").focus();//光标默认选中
|
});
|
|
$('#option2').click(function () {
|
// qingkong();
|
xianshiyemian = 1;
|
$('#content1').hide();
|
$('#option1').attr("style", "background-color: #999;width: 50%;float: left;text-align: center;"); //默认颜色
|
|
$('#content2').show();
|
$('#option2').attr("style", "background-color: red;width: 50%;float: right;text-align: center;"); //选中后颜色
|
$("#palletNo2").focus();//光标默认选中
|
});
|
});
|
//所选入库单的详细信息
|
//console.log($.cookie('userId'));
|
// if (!$.cookie('userId')) {
|
// layer.msg('登陆失效，请重新登陆', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {
|
// location.href = "login.html";
|
// //回调
|
// });
|
// }
|
|
function clear(){
|
$("#STOCKCODE").val("");
|
$("#bar option[value='']").attr("selected", "selected");
|
$("#bar2 option[value='']").attr("selected", "selected");
|
$("#LocatNo").val("");
|
form.render('select');
|
}
|
|
$("#menuImg").click(function(e){
|
//console.log("menuImg")
|
e.stopPropagation()
|
|
if($("#menuList").is(":hidden")){
|
$("#menuList").show()
|
}else{
|
$("#menuList").hide()
|
}
|
})
|
$('body').click(function(){
|
// //console.log("body")
|
$("#menuList").hide()
|
})
|
|
$('#btnOut').click(function(){
|
if($('#STOCKCODE').val() == ''){
|
layer.msg("请输入托盘垛数", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
return
|
}
|
if(parseInt($('#STOCKCODE').val()) <=0 ){
|
layer.msg(" 托盘垛数需大于0", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
return
|
}
|
// if($('#bar').val() == ''){
|
// layer.msg("请选择出库口", {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {});
|
// return
|
// }
|
if (isChongFu == true) {
|
isChongFu = false;
|
var param = {
|
Num: $('#STOCKCODE').val(),
|
OutMode:$('#bar').val()
|
};
|
|
// Int(param.Num)
|
console.log(param)
|
sendData(IP + "/PdaSo/IssuePlnOutHouse", param, 'post', function(res) {
|
console.log("出库："+JSON.stringify(res))
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {isChongFu = true;clear();});
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {isChongFu = true;clear();});
|
}
|
});
|
}else{
|
layer.msg("请勿重复点击", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
}
|
|
})
|
//叫单空托
|
$('#btnOut2').click(function(){
|
|
if($('#bar2').val() == ''){
|
layer.msg("请选择拣货口", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
return
|
} ;
|
if($('#LocatNo').val() == ''){
|
layer.msg("请输入地码", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
return
|
};
|
if (isChongFu == true) {
|
isChongFu = false;
|
var param2 = {
|
OutMode:$('#bar2').val(),
|
OutCode:$('#LocatNo').val()
|
};
|
|
// Int(param.Num)
|
console.log(param2)
|
sendData(IP + "/DownApi/IssuePlnCheckHouseWcs", param2, 'post', function(res) {
|
console.log("出库："+JSON.stringify(res))
|
if (res.code == 0) { //成功
|
layer.msg(res.Message, {
|
icon: 1,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {isChongFu = true;clear();});
|
} else { //不成功
|
layer.msg(res.Message, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {isChongFu = true;clear();});
|
}
|
});
|
}else{
|
layer.msg("请勿重复点击", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
}
|
|
})
|
|
//获取出库口
|
// $("#selectDiv").click(function(){
|
// var input = $('select[id="bar"]').next().find('.layui-select-title input')
|
// var val = input.val()
|
// $("#bar").empty();
|
// $("#bar").append('<option value =>' + '</option>');
|
// form.render('select');
|
|
|
// sendData(IP + "/PdaSo/GetOutlets", {}, 'post', function(res) {
|
// //console.log("获取出库口："+JSON.stringify(res))
|
// if (res.code == 0) { //成功
|
// for (var i = 0; i < res.data.length; i++) {
|
// if (res.data[i].Code == "02") {
|
// $("#bar").append('<option value =' + res.data[i].Code + ' selected>' + res.data[i] .TypeName + '</option>');
|
// } else {
|
// $("#bar").append('<option value =' + res.data[i].Code + '>' + res.data[i] .TypeName + '</option>');
|
// }
|
|
// }
|
// form.render('select');
|
|
// if(!val){
|
// $('#bar').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
// }else{
|
// var sel = 'dd[lay-value=' + val + ']';
|
// $('#bar').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this')
|
// // $("#bar").val(val)
|
// }
|
|
// // callback(res.data)
|
// $('select[id="bar"]').next().addClass('layui-form-selected')
|
// $('select[id="bar"]').next().find('.layui-select-title input').val(val)
|
// } else { //不成功
|
// layer.msg(res.msg, {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {});
|
// }
|
// });
|
// })
|
|
// form.verify({
|
// stock: [/^[\S]{8}$/, '托盘条码必须为八位字符']
|
// });
|
})
|
</script>
|
</body>
|
</html>
|
