<!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: auto;
|
/* background-color: #009E94; */
|
}
|
|
.btn-ok-blue {
|
border: none;
|
color: #FFFFFF;
|
background-color: #0a93e3;
|
width: 48%;
|
height: 36px;
|
border-radius: 5px;
|
}
|
|
.btn-ok-red {
|
border: none;
|
color: #FFFFFF;
|
background-color: #9f1707;
|
width: 48%;
|
height: 36px;
|
border-radius: 5px;
|
}
|
|
.btn-ok-blue:active {
|
opacity: 0.8;
|
}
|
|
.btn-ok-red:active {
|
opacity: 0.8;
|
}
|
|
.foot-container {
|
text-align: center;
|
/* background-color: #007DDB; */
|
}
|
</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" lang>下发出库</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" lang>主页</a></li>
|
<!-- <li><a href="productEnterConfirm.html">入库信息确认</a></li> -->
|
<li><a href="../login.html" lang>重新登录</a></li>
|
</ul>
|
</div>
|
|
<div id="" class="layout-bill-info">
|
<form class="layui-form" action="" style="height: auto;">
|
<div id="" class="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>出库单：</label>
|
<div class="layui-input-block" id="selectDiv">
|
<select id="bar" lay-filter="getbar" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
<div class="layui-form-item layout-dropdownlist" style="margin-top: 10px;">
|
<label class="layui-form-label">物料-批次：</label>
|
<div class="layui-input-block" id="goodDiv">
|
<select id="goodSelect" lay-filter="goodSelect" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
<!-- <div id="" class="layui-form-item layout-input">
|
<label class="layui-form-label" lang>库位地址：</label>
|
<div class="layui-input-block">
|
<input id="LocatNo" type="text" langholder 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">
|
<select id="endSelect" lay-filter="endSelect" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
|
</form>
|
<div id="" style="text-align: center;">
|
<button class="btn-ok-blue" type="button" lay-submit lay-filter="formBind">确认出库</button>
|
</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/language.js"></script>
|
<script src="/js/jquery.cookie.js"></script>
|
<script>
|
layui.use(['form', 'jquery'], function () {
|
var form = layui.form
|
|
initLanguage()
|
setLanguage()
|
|
function clear() {
|
$("#BOXCODE").val("");
|
}
|
|
//选中单据事件
|
form.on('select(getbar)', function (data) {
|
|
if (data.value == "") {
|
return;
|
}
|
updateGoodList();
|
});
|
|
$("#selectDiv").click(function () {
|
var input = $('select[id="bar"]').next().find('.layui-select-title input')
|
var val = input.val()
|
//先更新一下出库单
|
updateBillList(function (data) {
|
$('select[id="bar"]').next().addClass('layui-form-selected')
|
$('select[id="bar"]').next().find('.layui-select-title input').val(val)
|
})
|
})
|
//初始化渲染 出库单
|
function updateBillList(callback) {
|
var input = $('select[id="bar"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#bar").empty()
|
$("#bar").append('<option value =>' + '</option>');
|
var PalletNo = $("#PalletNo").val();
|
|
var param = {
|
Type: "1",
|
};
|
synData(IP + "/PdaSo/GetRunNoticeList", param,'post', function (res) {
|
//console.log(res);
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#bar").append('<option value =' + res.data[i] + '>' + res.data[i]
|
+
|
'</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')
|
}
|
|
callback(res.data)
|
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
}
|
});
|
|
}
|
|
/* 物料及批次下拉框 */
|
function updateGoodList(data) {
|
var input = $('select[id="goodSelect"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#goodSelect").empty()
|
$("#goodSelect").append('<option value =>' + '</option>');
|
|
var param = {
|
SoNo: $("#bar").val(),
|
};
|
synData(IP + "/PdaSo/GetSoSkuLotNoListBySo", param, 'post', function (res) {
|
console.log(res);
|
|
if (res.code == 0) { //成功
|
asnDetails = res.data;
|
|
for (var i = 0; i < res.data.length; i++) {
|
|
if (i == 0) {
|
if (res.data[i].LotNo == '' || res.data[i].LotNo == null) {
|
$("#goodSelect").append('<option value =' + res.data[i].SoDetailId + '-' + i + ' selected>' + res.data[i]
|
.SkuName +
|
'</option>');
|
} else {
|
$("#goodSelect").append('<option value =' + res.data[i].SoDetailId + '-' + i + ' selected>' + res.data[i]
|
.SkuName + "-" + res.data[i].LotNo +
|
'</option>');
|
}
|
|
} else {
|
if (res.data[i].LotNo == '' || res.data[i].LotNo == null) {
|
$("#goodSelect").append('<option value =' + res.data[i].ISoDetailIdd + '-' + i + '>' + res.data[i]
|
.SkuName +
|
'</option>');
|
} else {
|
$("#goodSelect").append('<option value =' + res.data[i].SoDetailId + '-' + i + '>' + res.data[i]
|
.SkuName + "-" + res.data[i].LotNo +
|
'</option>');
|
}
|
}
|
|
}
|
form.render('select');
|
|
if (!val) {
|
$('#goodSelect').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
} else {
|
var sel = 'dd[lay-value=' + val + ']';
|
//$('#goodSelect').siblings("div.layui-form-select").find('dl').find(sel).addClass('layui-this')
|
}
|
}
|
else {
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
}
|
});
|
|
}
|
|
|
form.on('submit(formBind)', function (data) {
|
|
if (!$("#PalletNo").val()) {
|
layer.msg('请扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
|
var param = {
|
SoNo: $("#bar").val(),
|
PalletNo: $("#PalletNo").val(),
|
}
|
// sendData(IP + "/PdaSo/PlaneExportSuccess", param, 'get', function (res) {
|
// if (res.code == 0) { //成功
|
// layer.msg(res.msg, {
|
// icon: 1,
|
// time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function () {
|
|
// clearTable()
|
// $("#PalletNo").val('')
|
// });
|
// } else { //不成功
|
// layer.msg(res.msg, {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function () {
|
// //回调
|
// });
|
// }
|
// });
|
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
});
|
//-------------------------------------------------------------------------------------------------
|
|
$("#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()
|
})
|
|
|
|
|
|
|
})
|
</script>
|
</body>
|
|
</html>
|
