<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="UTF-8" />
|
<meta name="viewport" content="user-scalable=0,width=device-width,initial-scale=1.0" />
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=0.665, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" /> -->
|
<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" />
|
<link rel="stylesheet" href="/css/adapter.css" />
|
<style type="text/css">
|
.layout-bill-info {
|
height: 255px;
|
}
|
.layout-tbl-submit {
|
margin-top: 10px;
|
}
|
</style>
|
</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>
|
|
<div id="" class="layout-bill-info">
|
<form class="layui-form" action="">
|
<div id="layout-pallet" class="layui-form-item layout-input">
|
<label class="layui-form-label">入库数量：</label>
|
<div class="layui-input-block">
|
<input id="palletNum" type="number" lay-verify="stock" placeholder="入库托盘数量"
|
autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</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="PalletNo" type="text" placeholder="请扫描托盘条码"
|
autocomplete="off" class="layui-input">
|
</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="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>入库口：</label>
|
<div class="layui-input-block" id="selectRuku">
|
<select id="Ruku" lay-filter="getRuku" 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="443">443</option>
|
<option value="440">440</option>
|
<option value="001">001</option>
|
<option value="002">002</option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
|
<div id="" style="margin-left: 21%; width: 25%;float: left;">
|
<button id="btnScanBox" class="layout-btn layout-btn-blue" lay-submit lay-filter="formBind" type="button">绑定</button>
|
</div>
|
<div id="" style="width: 25%;float: left;">
|
<button id="btnScanBox" class="layout-btn layout-btn-red" lay-submit lay-filter="formUnbind" type="button">解绑</button>
|
</div>
|
<div id="" style="width: 25%;float: left;">
|
<button id="btnAGVTrans" class="layout-btn layout-btn-red" lay-submit lay-filter="formAGVIN" type="button">AGV入库</button>
|
</div>
|
|
</form>
|
</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 src="/js/language.js"></script>
|
<script>
|
layui.use(['form', 'jquery'], function() {
|
var form = layui.form
|
|
//所选入库单的详细信息
|
//console.log($.cookie('userId'));
|
// if (!$.cookie('userId')) {
|
// layer.msg('登陆失效，请重新登陆', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {
|
// location.href = "login.html";
|
// //回调
|
// });
|
// }
|
|
$("#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()
|
})
|
|
//检查托盘状态
|
function checkPalletStat(){
|
var param = {
|
"PalletNo": $("#PalletNo").val()
|
}
|
sendData(IP + "/PdaAsn/IsEnablePalletNo", param, 'post', function (res) {
|
if (res.code == 0) {
|
$("#palletNum").focus();
|
} else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
}
|
});
|
}
|
|
//当托盘条码输入框失去焦点时,检查一下托盘状态
|
$("#PalletNo").on('input',function(){
|
|
if($("#PalletNo").val() == "" || $("#PalletNo").val().length<10){
|
|
return
|
}
|
if ($("#PalletNo").val().length>=10) {
|
$("#PalletNo").val($("#PalletNo").val().substr(-10))
|
|
}
|
checkPalletStat()
|
})
|
|
//检查地码状态
|
function checkLocatStatus(){
|
var param = {
|
"LocatNo": $("#LocatNo").val()
|
}
|
sendData(IP + "/PdaAsn/IsEnableLocatNo", param, 'post', function (res) {
|
if (res.code == 0) {
|
$("#palletNum").focus();
|
} else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
},
|
function () { });
|
$("#LocatNo").val('')
|
}
|
});
|
}
|
//当地码输入框失去焦点时,检查一下地码状态
|
$("#LocatNo").on('input',function(){
|
|
if($("#LocatNo").val() == "" || $("#LocatNo").val().length!=9){
|
layer.msg('请检查地码是否正确', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
checkLocatStatus()
|
|
})
|
|
// $("#bar").focus();
|
$("#PalletNo").keydown(function(e) {
|
//console.log("e.keyCode is "+e.keyCode)
|
//console.log("bar val is "+$("#bar").val())
|
if (e.keyCode === 13) {
|
// if($("#bar").val() == "")
|
// {
|
// //console.log("bar val is "+$("#bar").val())
|
// layer.msg("请先选择入库单", {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// })
|
// $("#PalletNo").val("");
|
// return;
|
// }
|
|
if($("#PalletNo").val() == ""){
|
return
|
}
|
|
//检查托盘状态
|
checkPalletStat();
|
}
|
});
|
|
form.on('submit(formBind)', function(data) {
|
// if (!$.cookie('userId')) {
|
// layer.msg('登陆失效，请重新登陆', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {
|
// location.href = "login.html";
|
// //回调
|
// });
|
// }
|
|
//判断是否扫描托盘条码
|
if (!$("#PalletNo").val()) {
|
layer.msg('请扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
//判断是否输入托盘数量
|
if (!$("#palletNum").val()) {
|
layer.msg('请输入托盘数量', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
//判断托盘数量是否大于0
|
if (parseInt($("#palletNum").val()) <=0) {
|
layer.msg("托盘数量需大于0", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
|
var param = {
|
"PalletNo": $("#PalletNo").val()
|
}
|
console.log(param)
|
//验证是否有效托盘
|
sendData(IP + "/PdaAsn/IsEnablePalletNo", param, 'post', function(res) {
|
//console.log("托盘状态："+res.msg)
|
if (res.msg == "托盘可用!") { //成功
|
console.log(res)
|
$.cookie('PalletNo', $("#PalletNo").val());
|
bind()
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
|
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
});
|
|
//绑定空托
|
function bind(){
|
var param = {
|
'PalletNo':$("#PalletNo").val(),
|
'BindType':'0',
|
Qty:Number($("#palletNum").val()),
|
actionType:'add'
|
}
|
sendData(IP + "/PdaAsn/BindNullPallet", param, 'post', function(res) {
|
//console.log("请求空托入库： res is "+JSON.stringify(res));
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
});
|
$("#PalletNo").val(''),
|
$("#palletNum").val('')
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
//回调
|
});
|
}
|
});
|
}
|
|
form.on('submit(formUnbind)', function(data) {
|
// if (!$.cookie('userId')) {
|
// layer.msg('登陆失效，请重新登陆', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {
|
// location.href = "login.html";
|
// //回调
|
// });
|
// }
|
if (!$("#PalletNo").val()) {
|
layer.msg('请扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
// if (!$("#palletNum").val()) {
|
// layer.msg('请输入托盘数量', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// });
|
// return;
|
// }
|
var param = {
|
"PalletNo": $("#PalletNo").val()
|
}
|
sendData(IP + "/PdaAsn/IsEnablePalletNo", param, 'post', function(res) {
|
//console.log("托盘状态："+res.msg)
|
if (res.msg == "托盘可用!") { //成功
|
$.cookie('PalletNo', $("#PalletNo").val());
|
unbind()
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
|
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
});
|
|
form.on('submit(formAGVIN)', function(data) {
|
|
if (!$("#LocatNo").val()) {
|
layer.msg('请扫描地码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
if (!$("#Ruku").val()) {
|
layer.msg('请选择入库口', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
//先绑定空托盘垛
|
//bind();
|
//绑定成功后调度AGV运送空托盘垛
|
var param = {
|
'PalletNo':$("#PalletNo").val(),
|
"LocatNo": $("#LocatNo").val(),
|
"Ruku": $("#Ruku").val(),
|
}
|
sendData(IP + "/PdaCr/AgvTransport3", param, 'post', function(res) {
|
//console.log("托盘状态："+res.msg)
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
});
|
$("#PalletNo").val(''),
|
$("#palletNum").val(''),
|
$("#LocatNo").val(''),
|
$("#Ruku").val('')
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
//回调
|
});
|
}
|
});
|
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
});
|
|
function unbind(){
|
layer.msg('该操作会解绑这个托盘上的所有托盘，确定要解绑吗？', {
|
time: 0 //不自动关闭
|
,btn: ['确定解绑', '取消']
|
,icon:7
|
,yes: function(index){
|
layer.close(index);
|
console.log($("#PalletNo").val())
|
var param = {
|
'UpbindPalletNo':$("#PalletNo").val(),
|
num:0,
|
actionType:'del'
|
}
|
console.log(param)
|
sendData(IP + "/PdaAsn/UnBindNullPallet", param, 'post', function(res) {
|
//console.log("请求空托入库： res is "+JSON.stringify(res));
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
});
|
$("#PalletNo").val('')
|
$("#palletNum").val('')
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
//回调
|
});
|
}
|
});
|
}
|
});
|
}
|
// form.verify({
|
// stock: [/^[\S]{6}$/, '托盘条码必须为六位字符']
|
// });
|
})
|
</script>
|
</body>
|
</html>
|
