<!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>AGV转运</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">
|
td {
|
word-break: break-all;
|
word-wrap: break-word;
|
}
|
|
.layui-form-switch {
|
margin-top: 0;
|
}
|
|
/* 标签样式 */
|
.tableyang-this a {
|
margin: 10px 10px 0px 0px;
|
line-height: 30px;
|
width: 100px;
|
color: #999;
|
text-align: center;
|
float: left;
|
background: #f7f7f7;
|
user-select: none;
|
position: relative;
|
z-index: 1;
|
cursor: pointer;
|
border-radius: 5px;
|
border: 1px solid #ccc;
|
transition: all 0.3s ease;
|
}
|
|
.tableyang-this a.hover {
|
color: #5298ff;
|
background-color: #eff2ff;
|
border: 1px solid #5298ff;
|
}
|
|
/* 内容居中 */
|
.tableyang-tab {
|
display: flex;
|
/* justify-content: center; */
|
/* align-items: center; */
|
flex-direction: column;
|
height: 90vh;
|
}
|
|
/* 必用样式 */
|
.tableyang-2,
|
.tableyang-3 {
|
display: none;
|
}
|
|
ul {
|
list-style-type: none;
|
padding: 0;
|
}
|
|
li {
|
cursor: pointer;
|
background-color: lightgray;
|
padding: 10px;
|
margin-bottom: 5px;
|
}
|
</style>
|
<link rel="stylesheet" href="/css/adapter.css" />
|
<script src="../../js/jquery.js"></script>
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
</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>AGV转运</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>
|
|
<!-- <ul>
|
<li id="option1">小车</li>
|
<li id="option2">叫货</li>
|
|
</ul> -->
|
|
<button id="option1" class="layout-btn" type="button">小车</button>
|
<button id="option2" class="layout-btn" type="button">叫货</button>
|
<br /><br />
|
|
<!-- 有码 -->
|
<div id="content1">
|
<div id="zongDiv" class="layout-bill-info" style="height: 170px;">
|
<form class="layui-form" action="">
|
<div id="" class="layui-form-item layout-input">
|
<label class="layui-form-label" lang>托盘条码：</label>
|
<div class="layui-input-block">
|
<input id="STOCKCODE" type="text" lay-verify="stock" lang langholder
|
placeholder="请扫描托盘条码" autocomplete="off" class="layui-input">
|
</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" lay-verify="stock" lang langholder placeholder="起始地码"
|
autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
<div id="" class="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>目标区域：</label>
|
<div class="layui-input-block" id="selectQuyu">
|
<select id="Quyu" lay-filter="getQuyu" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</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>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
|
<table class="layout-tbl-submit" border="" cellspacing="" cellpadding="">
|
<tr>
|
<td style="width: 23%;"></td>
|
<td>
|
<button class="layout-btn layout-btn-red" lang type="button" lay-submit
|
lay-filter="formCall">叫小车</button>
|
</td>
|
<td style="width: 33%;"></td>
|
|
</tr>
|
</table>
|
</form>
|
</div>
|
|
<br>
|
|
<div id="" class="cut-line">
|
<img src="/assets/fengexian.png">
|
</div>
|
|
<div class="layout-tbl-paging" id="">
|
<table id="tableBoxList" class="tbl-box-list" border="" cellspacing="" cellpadding="">
|
<tr>
|
<th lang style="width: 15%;">物料编码</th>
|
<th lang style="width: 35%;">物料名称</th>
|
<th lang style="width: 25%;">批次</th>
|
<th lang style="width: 15%;">物料数量</th>
|
</tr>
|
<tr id="boxCell" style="display: none;">
|
<td name="code">AG000001</td>
|
<td name="name">疫苗名称名称名称</td>
|
<td name="lotNo">批次号</td>
|
<td name="num">30</td>
|
</tr>
|
</table>
|
<!-- 分页 -->
|
<table id="tableBoxPages" class="tbl-box-pages" border="" cellspacing="" cellpadding="">
|
<tr>
|
<td class="page-prev">上一页</td>
|
<td class="page-num page-num-select">1</td>
|
<td class="page-num">2</td>
|
<td class="page-num">3</td>
|
<td class="page-num">4</td>
|
<td class="page-num">5</td>
|
<td class="page-next">下一页</td>
|
</tr>
|
</table>
|
</div>
|
|
</div>
|
<!-- 无码 -->
|
<div id="content2">
|
<div id="zongDiv" class="layout-bill-info" style="height: 150px;">
|
<form class="layui-form" id="form2" action="">
|
<div id="" class="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>出库单：</label>
|
<div class="layui-input-block" id="selectOutNo">
|
<select id="OutNo" lay-filter="getOutNo" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
<div id="" class="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>托盘条码：</label>
|
<div class="layui-input-block" id="selectPalletNo">
|
<select id="PalletNo" lay-filter="getPalletNo" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
<div id="" class="layui-form-item layout-dropdownlist">
|
<label class="layui-form-label" lang>目标区域：</label>
|
<div class="layui-input-block" id="selectQuyu2">
|
<select id="Quyu2" lay-filter="getQuyu2" lay-search>
|
<option value=""></option>
|
</select>
|
<img src="/assets/down_arraw.png">
|
</div>
|
</div>
|
|
<table class="layout-tbl-submit" border="" cellspacing="" cellpadding="">
|
<tr>
|
<td style="width: 23%;"></td>
|
<td>
|
<button class="layout-btn layout-btn-red" lang type="button" lay-submit
|
lay-filter="formCall">叫小车</button>
|
</td>
|
<td style="width: 33%;"></td>
|
|
</tr>
|
</table>
|
|
</form>
|
</div>
|
|
<br>
|
|
<div id="" class="cut-line">
|
<img src="/assets/fengexian.png">
|
</div>
|
|
<div class="layout-tbl-paging" id="">
|
<table id="tableBoxList1" class="tbl-box-list" border="" cellspacing="" cellpadding="">
|
<tr>
|
<th lang style="width: 15%;">物料编码</th>
|
<th lang style="width: 35%;">物料名称</th>
|
<th lang style="width: 25%;">批次</th>
|
<th lang style="width: 15%;">物料数量</th>
|
</tr>
|
<tr id="boxCell" style="display: none;">
|
<td name="code">AG000001</td>
|
<td name="name">疫苗名称名称名称</td>
|
<td name="lotNo">批次号</td>
|
<td name="num">30</td>
|
</tr>
|
</table>
|
<!-- 分页 -->
|
<table id="tableBoxPages1" class="tbl-box-pages" border="" cellspacing="" cellpadding="">
|
<tr>
|
<td class="page-prev">上一页</td>
|
<td class="page-num page-num-select">1</td>
|
<td class="page-num">2</td>
|
<td class="page-num">3</td>
|
<td class="page-num">4</td>
|
<td class="page-num">5</td>
|
<td class="page-next">下一页</td>
|
</tr>
|
</table>
|
</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
|
|
/* 标签切换代码 */
|
|
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;"); //默认颜色
|
});
|
|
$('#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;"); //选中后颜色
|
|
});
|
});
|
|
/*——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/
|
|
initLanguage()
|
setLanguage()
|
|
function clear() {
|
$("#Quyu").empty()
|
$("#Quyu").append('<option value =>' + '</option>');
|
$("#Ruku").empty()
|
$("#Ruku").append('<option value =>' + '</option>');
|
form.render('select');
|
$('#STOCKCODE').val("");
|
$('#LocatNo').val("");
|
}
|
//当前分页
|
var curPageIndex = 1;
|
|
// 托盘码文本改变时触发
|
$("#STOCKCODE").on('input', function () {
|
if ($("#STOCKCODE").val() == "" || $("#STOCKCODE").val().length < 8) {
|
return
|
}
|
if ($("#STOCKCODE").val().length >= 8) {
|
$("#STOCKCODE").val($("#STOCKCODE").val().substr(-8))
|
}
|
getPalletLocatNo()
|
})
|
//托盘码回车事件
|
$("#STOCKCODE").keydown(function (e) {
|
if (e.keyCode === 13) {
|
if ($("#STOCKCODE").val() == "") {
|
layer.msg('请先扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
getPalletLocatNo()
|
}
|
});
|
|
function getPalletLocatNo() {
|
if (xianshiyemian == 0) {
|
var param = {
|
"PalletNo": $("#STOCKCODE").val()
|
}
|
sendData(IP + "/PdaCr/GetPalletLocatNo", param, 'get', function (res) {
|
if (res.code == 0) {
|
$("#LocatNo").val(res.data)
|
refreshTable()
|
} else {
|
$("#LocatNo").val('')
|
//先清空一下箱子列表
|
let trs = $("#tableBoxList tr")
|
let len = trs.length
|
|
for (i = len - 1; i >= 2; i--) {
|
trs[i].remove();
|
}
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
}
|
});
|
}
|
else if (xianshiyemian == 1) {
|
|
}
|
|
}
|
//点击目标区域下拉框事件
|
$("#selectQuyu").click(function () {
|
if ($("#STOCKCODE").val() == "") {
|
layer.msg('请先扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
if ($("#LocatNo").val() == "") {
|
layer.msg('请扫描正确的托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
var input = $('select[id="Quyu"]').next().find('.layui-select-title input')
|
var val = input.val()
|
//先更新一下目标区域
|
updateQuyuList(function (data) {
|
$('select[id="Quyu"]').next().addClass('layui-form-selected')
|
$('select[id="Quyu"]').next().find('.layui-select-title input').val(val)
|
})
|
})
|
|
/* 绑定目标区域信息 */
|
function updateQuyuList(callback) {
|
var input = $('select[id="Quyu"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#Quyu").empty()
|
$("#Quyu").append('<option value =>' + '</option>');
|
form.render('select');
|
|
var param = {
|
"PalletNo": $("#STOCKCODE").val()
|
};
|
sendData(IP + "/PdaCr/GetStorageArea", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#Quyu").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i]
|
.AreaNo + '-' + res.data[i].AreaName +
|
'</option>');
|
}
|
form.render('select');
|
|
if (!val) {
|
$('#Quyu').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
} else {
|
var sel = 'dd[lay-value=' + val + ']';
|
$('#Quyu').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 () { });
|
}
|
});
|
}
|
|
//点击出库单据下拉框事件
|
$("#selectOutNo").click(function () {
|
var input = $('select[id="OutNo"]').next().find('.layui-select-title input')
|
var val = input.val()
|
//先更新一下出库单
|
updateBillList(function (data) {
|
$('select[id="OutNo"]').next().addClass('layui-form-selected')
|
$('select[id="OutNo"]').next().find('.layui-select-title input').val(val)
|
})
|
})
|
|
/* 绑定出库单信息 */
|
function updateBillList(callback) {
|
var input = $('select[id="OutNo"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#OutNo").empty()
|
$("#OutNo").append('<option value =>' + '</option>');
|
form.render('select');
|
|
var param = {
|
|
};
|
sendData(IP + "/PdaCr/GetRunSoNoticeList", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#OutNo").append('<option value =' + res.data[i] + '>' + res.data[i] +
|
'</option>');
|
}
|
form.render('select');
|
|
if (!val) {
|
$('#OutNo').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
} else {
|
var sel = 'dd[lay-value=' + val + ']';
|
$('#OutNo').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() {});
|
}
|
});
|
}
|
//选中出库单事件
|
form.on('select(getOutNo)', function (data) {
|
$("#PalletNo").empty()
|
$("#PalletNo").append('<option value =>' + '</option>');
|
form.render('select');
|
|
$("#Quyu2").empty()
|
$("#Quyu2").append('<option value =>' + '</option>');
|
form.render('select');
|
|
//refreshTable()
|
});
|
|
//点击托盘条码下拉框事件
|
$("#selectPalletNo").click(function () {
|
if ($("#OutNo").val() == "") {
|
layer.msg('请先选择出库单', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return
|
}
|
var input = $('select[id="PalletNo"]').next().find('.layui-select-title input')
|
var val = input.val()
|
|
updatePalletNoList(function (data) {
|
$('select[id="PalletNo"]').next().addClass('layui-form-selected')
|
$('select[id="PalletNo"]').next().find('.layui-select-title input').val(val)
|
})
|
})
|
|
/* 绑定出库单下托盘条码信息 */
|
function updatePalletNoList(callback) {
|
var input = $('select[id="PalletNo"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#PalletNo").empty()
|
$("#PalletNo").append('<option value =>' + '</option>');
|
form.render('select');
|
|
var param = {
|
soNo: $("#OutNo").val()
|
};
|
sendData(IP + "/PdaCr/GetPalletNoListBySoNo", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#PalletNo").append('<option value =' + res.data[i] + '>' + res.data[i] +
|
'</option>');
|
}
|
form.render('select');
|
|
if (!val) {
|
$('#PalletNo').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
} else {
|
var sel = 'dd[lay-value=' + val + ']';
|
$('#PalletNo').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() {});
|
}
|
});
|
}
|
|
//选中托盘事件
|
form.on('select(getPalletNo)', function (data) {
|
refreshTable()
|
|
$("#Quyu2").empty()
|
$("#Quyu2").append('<option value =>' + '</option>');
|
form.render('select');
|
});
|
|
//点击目标区域下拉框事件
|
$("#selectQuyu2").click(function () {
|
// if ($("#PalletNo").val() == "") {
|
// layer.msg('请先选择托盘条码', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// });
|
// return
|
// }
|
var input = $('select[id="Quyu2"]').next().find('.layui-select-title input')
|
var val = input.val()
|
//先更新一下目标区域
|
updateQuyuList2(function (data) {
|
$('select[id="Quyu2"]').next().addClass('layui-form-selected')
|
$('select[id="Quyu2"]').next().find('.layui-select-title input').val(val)
|
})
|
})
|
|
/* 绑定目标区域信息 */
|
function updateQuyuList2(callback) {
|
var input = $('select[id="Quyu2"]').next().find('.layui-select-title input')
|
var val = input.val()
|
$("#Quyu2").empty()
|
$("#Quyu2").append('<option value =>' + '</option>');
|
form.render('select');
|
|
var param = {
|
"PalletNo": $("#PalletNo").val()
|
};
|
sendData(IP + "/PdaCr/GetStorageArea", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#Quyu2").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i]
|
.AreaNo + '-' + res.data[i].AreaName +
|
'</option>');
|
}
|
form.render('select');
|
|
if (!val) {
|
$('#Quyu2').siblings("div.layui-form-select").find('dl').find('.layui-select-tips').addClass('layui-this')
|
} else {
|
var sel = 'dd[lay-value=' + val + ']';
|
$('#Quyu2').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 () { });
|
}
|
});
|
}
|
|
//呼叫小车事件
|
form.on('submit(formCall)', function (data) {
|
if (xianshiyemian == 0) {
|
if ($("#STOCKCODE").val() == "") {
|
layer.msg('请扫描托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
if ($("#LocatNo").val() == "") {
|
layer.msg('请扫描正确的托盘条码', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
if ($("#Quyu").val() != "" && $("#Ruku").val() != "") {
|
layer.msg('目标区域和入库口不能同时选择', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
var param = {
|
PalletNo: $("#STOCKCODE").val(),
|
AreaNo: $("#Quyu").val(),
|
Ruku: $("#Ruku").val()
|
}
|
//呼叫小车
|
sendData(IP + "/PdaCr/AgvTransport", param, 'post', function (res) {
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
clear()
|
|
});
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
clear()
|
});
|
}
|
});
|
}
|
else if (xianshiyemian == 1) {
|
if ($("#OutNo").val() == "") {
|
layer.msg('请选择出库单', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
// if ($("#PalletNo").val() == "") {
|
// layer.msg('请扫描托盘条码', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// });
|
// return;
|
// }
|
if ($("#Quyu2").val() == "") {
|
layer.msg('请选择目标区域', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
});
|
return;
|
}
|
var param = {
|
SoNo: $("#OutNo").val(), //出库单据
|
PalletNo: $("#PalletNo").val(), //托盘条码
|
AreaNo: $("#Quyu2").val()//目标区域
|
}
|
//呼叫小车
|
sendData(IP + "/PdaCr/AgvTransport2", param, 'post', function (res) {
|
if (res.code == 0) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
|
});
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () {
|
//回调
|
});
|
}
|
});
|
}
|
|
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
});
|
|
|
// 渲染箱码信息
|
function refreshTable() {
|
if (xianshiyemian == 0) {
|
//先清空一下箱子列表
|
let trs = $("#tableBoxList tr")
|
let len = trs.length
|
|
for (i = len - 1; i >= 2; i--) {
|
trs[i].remove();
|
}
|
if ($("#STOCKCODE").val() == '') {
|
return;
|
}
|
|
var param = {
|
PalletNo: $("#STOCKCODE").val(),
|
IsHuiKu: 1
|
};
|
// 根据托盘号获取箱码信息
|
sendData(IP + "/PdaCr/GetSkuInfoByPalletNo", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
var list = res
|
var arrTrs = new Array()
|
let idx = 0
|
for (var i in res.data) {
|
var tr = $("#boxCell").eq(0).clone();
|
tr.appendTo("#tableBoxList");
|
tr.attr('id', res.data[i].Id)
|
tr.attr('boxno', res.data[i].BoxNo)
|
tr.attr('BindNo', res.data[i].BindNo)
|
idx++;
|
tr.attr('index', idx)
|
tr.find("td[name='code']").html(res.data[i].BoxNo);
|
tr.find("td[name='name']").html(res.data[i].SkuName);
|
tr.find("td[name='lotNo']").html(res.data[i].LotNo);
|
tr.find("td[name='num']").html(res.data[i].Qty);
|
tr.show();
|
arrTrs[i] = tr
|
}
|
|
|
} else { //不成功
|
layer.msg("无数据", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
$("#boxNum").val(0)
|
}
|
});
|
}
|
else if (xianshiyemian == 1) {
|
//先清空一下箱子列表
|
let trs = $("#tableBoxList1 tr")
|
let len = trs.length
|
|
for (i = len - 1; i >= 2; i--) {
|
trs[i].remove();
|
}
|
if ($("#PalletNo").val() == '') {
|
return;
|
}
|
var param = {
|
PalletNo: $("#PalletNo").val()
|
};
|
// 根据托盘号获取箱码信息
|
sendData(IP + "/PdaCr/GetSkuInfoByPalletNo", param, 'get', function (res) {
|
if (res.code == 0) { //成功
|
var list = res
|
var arrTrs = new Array()
|
let idx = 0
|
for (var i in res.data) {
|
var tr = $("#boxCell").eq(0).clone();
|
tr.appendTo("#tableBoxList1");
|
tr.attr('id', res.data[i].Id)
|
tr.attr('boxno', res.data[i].BoxNo)
|
tr.attr('BindNo', res.data[i].BindNo)
|
idx++;
|
tr.attr('index', idx)
|
tr.find("td[name='code']").html(res.data[i].SkuNo);
|
tr.find("td[name='name']").html(res.data[i].SkuName);
|
tr.find("td[name='lotNo']").html(res.data[i].LotNo);
|
tr.find("td[name='num']").html(res.data[i].Qty);
|
tr.show();
|
arrTrs[i] = tr
|
}
|
|
//设置分页
|
setPages(1, list.length)
|
|
} else { //不成功
|
layer.msg("无数据", {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function () { });
|
$("#boxNum").val(0)
|
setPages(1, 0)
|
}
|
});
|
}
|
|
}
|
/* 分页 */
|
//设置分页
|
function setPages(pageIndex, boxNum) {
|
|
if (xianshiyemian == 0) {
|
if (boxNum <= 0) {
|
//列表为空，隐藏分页页码
|
$("#tableBoxPages").hide()
|
return
|
}
|
|
let pageNum = Math.floor(boxNum / 10);
|
if (boxNum % 10 > 0) {
|
pageNum += 1;
|
}
|
//console.log("pageNum is " + pageNum)
|
|
$("#tableBoxPages").find("tr").remove()
|
let table = $("#tableBoxPages")
|
$("<tr></tr>").appendTo("#tableBoxPages")
|
|
// let newTr = table.append("<tr></tr>")
|
// newTr.append("<td class='page-prev'>上一页</td>")
|
$("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages tr")
|
$("#tableBoxPages tr").eq(0).find("td[id^='prevPage']").click(function () {
|
onClickPrevPage()
|
})
|
for (i = 1; i < pageNum + 1; i++) {
|
// newTr.append("<td class='page-num'>"+ i +"</td>")
|
$("<td class='page-num'>" + i + "</td>").appendTo("#tableBoxPages tr")
|
}
|
// newTr.append("<td class='page-next'>下一页</td>")
|
$("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages tr")
|
$("#tableBoxPages tr").eq(0).find("td[id^='nextPage']").click(function () {
|
onClickNextPage()
|
})
|
// pages.show()
|
$("#tableBoxPages").show()
|
|
setCurPage(1)
|
}
|
else if (xianshiyemian == 1) {
|
if (boxNum <= 0) {
|
//列表为空，隐藏分页页码
|
$("#tableBoxPages1").hide()
|
return
|
}
|
|
let pageNum = Math.floor(boxNum / 10);
|
if (boxNum % 10 > 0) {
|
pageNum += 1;
|
}
|
//console.log("pageNum is " + pageNum)
|
|
$("#tableBoxPages1").find("tr").remove()
|
let table = $("#tableBoxPages1")
|
$("<tr></tr>").appendTo("#tableBoxPages1")
|
|
// let newTr = table.append("<tr></tr>")
|
// newTr.append("<td class='page-prev'>上一页</td>")
|
$("<td id='prevPage' class='page-prev'>上一页</td>").appendTo("#tableBoxPages1 tr")
|
$("#tableBoxPages1 tr").eq(0).find("td[id^='prevPage']").click(function () {
|
onClickPrevPage()
|
})
|
for (i = 1; i < pageNum + 1; i++) {
|
// newTr.append("<td class='page-num'>"+ i +"</td>")
|
$("<td class='page-num'>" + i + "</td>").appendTo("#tableBoxPages1 tr")
|
}
|
// newTr.append("<td class='page-next'>下一页</td>")
|
$("<td id='nextPage' class='page-next'>下一页</td>").appendTo("#tableBoxPages1 tr")
|
$("#tableBoxPages1 tr").eq(0).find("td[id^='nextPage']").click(function () {
|
onClickNextPage()
|
})
|
// pages.show()
|
$("#tableBoxPages1").show()
|
|
setCurPage(1)
|
}
|
|
}
|
|
//设置当前分页
|
function setCurPage(pageIndex) {
|
if (xianshiyemian == 0) {
|
let totalTrNum = $("#tableBoxList tr").length
|
if (totalTrNum <= 2) {
|
//console.log("tableBoxList 为空 totalTrNum: " + totalTrNum)
|
//curPageIndex = 1
|
return
|
}
|
|
let pageNum = getBoxPageNum()
|
if (pageIndex > pageNum) {
|
//console.log("设置的页码超出页数, pageIndex : " + pageIndex)
|
//curPageIndex = 1
|
return
|
}
|
|
let startIndex = (pageIndex - 1) * 10 + 1
|
let n = totalTrNum - startIndex
|
let endIndex = 0
|
if (n > 9) {
|
endIndex = startIndex + 9
|
} else {
|
endIndex = startIndex + n
|
}
|
|
let trs = $("#tableBoxList tr")
|
//console.log("行数 "+trs.length)
|
let d = 0
|
for (let i = 2; i < trs.length; i++) {
|
//console.log("行索引 " + trs.eq(i).attr('index'))
|
let t = trs.eq(i)
|
d = t.attr('index')
|
if (d >= startIndex && d <= endIndex) {
|
//console.log("需要显示")
|
//显示行
|
t.show()
|
} else {
|
//隐藏行
|
t.hide()
|
}
|
}
|
|
curPageIndex = pageIndex
|
|
let ptr = $("#tableBoxPages tr")
|
for (let i = 1; i < pageNum + 1; i++) {
|
ptr.eq(0).find("td").eq(i).removeClass("page-num-select")
|
if (i == curPageIndex) {
|
ptr.eq(0).find("td").eq(i).addClass("page-num-select")
|
}
|
}
|
}
|
else if (xianshiyemian == 1) {
|
let totalTrNum = $("#tableBoxList1 tr").length
|
if (totalTrNum <= 2) {
|
return
|
}
|
|
let pageNum = getBoxPageNum()
|
if (pageIndex > pageNum) {
|
//console.log("设置的页码超出页数, pageIndex : " + pageIndex)
|
//curPageIndex = 1
|
return
|
}
|
|
let startIndex = (pageIndex - 1) * 10 + 1
|
let n = totalTrNum - startIndex
|
let endIndex = 0
|
if (n > 9) {
|
endIndex = startIndex + 9
|
} else {
|
endIndex = startIndex + n
|
}
|
|
let trs = $("#tableBoxList1 tr")
|
//console.log("行数 "+trs.length)
|
let d = 0
|
for (let i = 2; i < trs.length; i++) {
|
//console.log("行索引 " + trs.eq(i).attr('index'))
|
let t = trs.eq(i)
|
d = t.attr('index')
|
if (d >= startIndex && d <= endIndex) {
|
//console.log("需要显示")
|
//显示行
|
t.show()
|
} else {
|
//隐藏行
|
t.hide()
|
}
|
}
|
|
curPageIndex = pageIndex
|
|
let ptr = $("#tableBoxPages1 tr")
|
for (let i = 1; i < pageNum + 1; i++) {
|
ptr.eq(0).find("td").eq(i).removeClass("page-num-select")
|
if (i == curPageIndex) {
|
ptr.eq(0).find("td").eq(i).addClass("page-num-select")
|
}
|
}
|
}
|
|
}
|
|
function getBoxPageNum() {
|
if (xianshiyemian == 0) {
|
let num = $("#tableBoxList tr").length
|
if (num <= 2) {
|
return 0
|
}
|
|
let pageNum = Math.floor(num / 10);
|
if (num % 10 > 0) {
|
pageNum += 1;
|
}
|
|
return pageNum
|
}
|
else if (xianshiyemian == 1) {
|
let num = $("#tableBoxList1 tr").length
|
if (num <= 2) {
|
return 0
|
}
|
|
let pageNum = Math.floor(num / 10);
|
if (num % 10 > 0) {
|
pageNum += 1;
|
}
|
|
return pageNum
|
}
|
|
}
|
|
function onClickPrevPage() {
|
//console.log("上一页按钮被点击")
|
if (curPageIndex == 1) {
|
return
|
}
|
setCurPage(curPageIndex - 1)
|
}
|
|
function onClickNextPage() {
|
//console.log("下一页按钮被点击")
|
let n = getBoxPageNum()
|
if (curPageIndex == n) {
|
return
|
}
|
setCurPage(curPageIndex + 1)
|
}
|
|
/*——————————————————————————————————————————————————————————*/
|
|
|
$("#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>
|
