<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title>料斗转运</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
<link rel="stylesheet" href="../../css/public.css" media="all">
|
|
<style type="text/css">
|
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
|
height: auto;
|
line-height: 23px;
|
}
|
|
/* 表格下拉小箭头隐藏 */
|
.layui-table-grid-down {
|
display: none;
|
}
|
.flesDiv{
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
.solidDiv{
|
border: 1px solid black;
|
}
|
.showDiv{
|
display: block;
|
}
|
.hideDiv{
|
display: none;
|
}
|
</style>
|
|
</head>
|
|
<body id="body">
|
|
<div class="layui-fluid" style="padding-bottom: 0;height: 99%;">
|
<div class="layui-card" style="height: 99%;">
|
<div class="layui-card-body" style="height: 100%;">
|
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<ul class="layui-tab-title" id="tab">
|
<li class="layui-this">叫料</li>
|
<li>叫车</li>
|
</ul>
|
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show ">
|
<div class="flesDiv" >
|
<form class="layui-form" action="" style="width: 40%;">
|
<!-- <div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">楼层</label>
|
<div class="layui-input-block">
|
<select name="Layer" lay-filter="">
|
<option value=""></option>
|
<option value="3">3楼</option>
|
<option value="4">4楼</option>
|
</select>
|
</div>
|
</div> -->
|
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">区域</label>
|
<div class="layui-input-block">
|
<select id="AreaSelect" name="AreaSelect" lay-filter="AreaSelect" lay-search>
|
<option value=""></option>
|
</select>
|
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">目标位置</label>
|
<div class="layui-input-block">
|
<select id="LocateSelect" name="LocateSelect" lay-filter="LocateSelect" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">桶类型</label>
|
<div class="layui-input-block">
|
<select id="PalletStatus" name="PalletStatus" lay-filter="PalletStatus" lay-search>
|
<option value=""></option>
|
<option value="0">净桶</option>
|
<option value="2">满桶</option>
|
<!-- <option value="3">脏桶</option> -->
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" id="StandardDiv">
|
<label class="layui-form-label" style="width: 80px;">规格</label>
|
<div class="layui-input-block">
|
<select name="Standard" lay-filter="Standard" lay-search>
|
<option value="400">400L</option>
|
<option value="800">800L</option>
|
<option value="1000">1000L</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" id="SkuSelectDiv">
|
<label class="layui-form-label" style="width: 80px;">物料</label>
|
<div class="layui-input-block">
|
<select id="SkuSelect" name="SkuSelect" lay-filter="SkuSelect" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" id="LotNoSelectDiv">
|
<label class="layui-form-label" style="width: 80px;">批次</label>
|
<div class="layui-input-block">
|
<select id="LotNoSelect" name="LotNoSelect" lay-filter="LotNoSelect" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" >
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn" lay-submit
|
lay-filter="demo1">立即提交</button>
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
|
</div>
|
<div class="layui-tab-item">
|
<div class="flesDiv" >
|
<form class="layui-form" action="" style="width: 40%;">
|
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">区域</label>
|
<div class="layui-input-block">
|
<select id="AreaSelect2" name="AreaSelect2" lay-filter="AreaSelect2" lay-search>
|
<option value=""></option>
|
</select>
|
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">起始位置</label>
|
<div class="layui-input-block">
|
<select id="LocateSelect2" name="LocateSelect2" lay-filter="LocateSelect2" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 80px;">桶类型</label>
|
<div class="layui-input-block">
|
<select id="PalletStatus2" name="PalletStatus2" lay-filter="PalletStatus2" lay-search>
|
<option value=""></option>
|
<!-- <option value="0">净桶</option> -->
|
<option value="2">满桶</option>
|
<option value="3">脏桶</option>
|
</select>
|
</div>
|
</div>
|
<!-- <div class="layui-form-item" id="StandardDiv2">
|
<label class="layui-form-label" style="width: 80px;">规格</label>
|
<div class="layui-input-block">
|
<select name="Standard2" lay-filter="Standard2" lay-search>
|
<option value="400">400L</option>
|
<option value="800">800L</option>
|
<option value="1000">1000L</option>
|
</select>
|
</div>
|
</div> -->
|
<div class="layui-form-item" id="SkuSelectDiv2">
|
<label class="layui-form-label" style="width: 80px;">物料</label>
|
<div class="layui-input-block">
|
<select id="SkuSelect2" name="SkuSelect2" lay-filter="SkuSelect2" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" id="LotNoSelectDiv2">
|
<label class="layui-form-label" style="width: 80px;">批次</label>
|
<div class="layui-input-block">
|
<input type="text" id="LotNoInput" name="LotNoInput" placeholder="" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item" id="WeightSelectDiv2">
|
<label class="layui-form-label" style="width: 80px;">重量</label>
|
<div class="layui-input-block">
|
<input type="text" id="WeightInput" name="WeightInput" placeholder="" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item" >
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn" lay-submit
|
lay-filter="demo2">立即提交</button>
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/public.js"></script>
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../js/jquery.cookie.js"></script>
|
<script type="text/javascript">
|
|
</script>
|
<script>
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'table', 'laypage', 'element', 'layer', 'laydate'], function () {
|
var table = layui.table;
|
var form = layui.form;
|
var element = layui.element;
|
var laypage = layui.laypage;
|
var layer = layui.layer;
|
var laydate = layui.laydate;
|
|
var bodyHeight = $("#body").outerHeight();
|
|
var hh = bodyHeight - 146 ;//6是body上内边距
|
$(".layui-card-body").attr("style","height:"+hh+"px");
|
//tab切换判断值
|
var yemianid = 0;
|
//监听Tab切换，以改变地址hash值
|
element.on('tab(docDemoTabBrief)', function (data) {
|
yemianid = data.index;
|
console.log(yemianid);
|
|
if (yemianid == 0) {
|
|
} else if (yemianid == 1) {
|
}
|
});
|
|
$("#StandardDiv").hide();
|
$("#SkuSelectDiv").hide();
|
$("#LotNoSelectDiv").hide();
|
|
|
var doing = true;
|
// 叫料提交事件
|
form.on('submit(demo1)', function (data) {
|
var field = data.field; // 获取表单字段值
|
var param = {
|
AreaNo: field.AreaSelect,
|
LocateNo : field.LocateSelect,
|
PlnStatus:field.PalletStatus,
|
Standard:field.Standard,
|
SkuNo:field.SkuSelect,
|
LotNo:field.LotNoSelect
|
};
|
sendData(IP + "/DownApi/jiaoLiaoHopper", 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; // 阻止默认 form 跳转
|
});
|
// 叫车提交事件
|
form.on('submit(demo2)', function (data) {
|
var field = data.field; // 获取表单字段值
|
var param = {
|
AreaNo: field.AreaSelect2,
|
LocateNo : field.LocateSelect2,
|
PlnStatus:field.PalletStatus2,
|
SkuNo:field.SkuSelect2,
|
LotNo:field.LotNoInput,
|
Weight:parseFloat(field.WeightInput)
|
};
|
sendData(IP + "/DownApi/jiaoCheHopper", 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; // 阻止默认 form 跳转
|
});
|
|
GetArea();
|
|
form.on('select(AreaSelect)', function(data) {
|
GetLocate(data.value);
|
GetPlnStatus(data.value)
|
});
|
|
form.on('select(PalletStatus)', function(data) {
|
|
//0：净桶 1：预混 2：半成品 3：脏桶
|
if (data.value == "0") {
|
$("#StandardDiv").show();
|
$("#SkuSelectDiv").hide();
|
$("#LotNoSelectDiv").hide();
|
} else {
|
$("#StandardDiv").hide();
|
$("#SkuSelectDiv").show();
|
$("#LotNoSelectDiv").show();
|
GetSku(data.value)
|
}
|
});
|
|
form.on('select(SkuSelect)', function(data) {
|
GetLotNo(data.value);
|
});
|
|
// 获取区域
|
function GetArea() {
|
$("#AreaSelect").empty();
|
$("#AreaSelect").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetAreaListByUser", {}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
|
console.log(res.data);
|
for (var i = 0; i < res.data.length; i++) {
|
$("#AreaSelect").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaName +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
// 获取储位
|
function GetLocate(val) {
|
$("#LocateSelect").empty();
|
$("#LocateSelect").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetLocatByArea", {"areaNo":val}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#LocateSelect").append('<option value =' + res.data[i].LocatNo + '>' + res.data[i].LocatNo +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
// 获取桶类型
|
function GetPlnStatus(val) {
|
$("#PalletStatus").empty();
|
$("#PalletStatus").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetPlnStatusByArea", {"areaNo":val}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#PalletStatus").append('<option value =' + res.data[i].dic1 + '>' + res.data[i].dic2 +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
//获取物料
|
function GetSku(val) {
|
$("#SkuSelect").empty();
|
$("#SkuSelect").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetSkuByStatus", {"palletStatus":val}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#SkuSelect").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
//获取批次
|
function GetLotNo(val) {
|
$("#LotNoSelect").empty();
|
$("#LotNoSelect").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetLotNoBySku", {"skuNo":val}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#LotNoSelect").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
|
//------------------------------------------------------------------------------------
|
|
$("#WeightSelectDiv2").hide();
|
$("#SkuSelectDiv2").hide();
|
$("#LotNoSelectDiv2").hide();
|
GetArea2();
|
GetSku2();
|
form.on('select(AreaSelect2)', function(data) {
|
GetLocate2(data.value);
|
});
|
form.on('select(PalletStatus2)', function(data) {
|
|
//0：净桶 1：预混 2：半成品 3：脏桶
|
if (data.value == "2") {
|
$("#WeightSelectDiv2").show();
|
$("#SkuSelectDiv2").show();
|
$("#LotNoSelectDiv2").show();
|
} else {
|
$("#WeightSelectDiv2").hide();
|
$("#SkuSelectDiv2").hide();
|
$("#LotNoSelectDiv2").show();
|
GetSku(data.value)
|
}
|
});
|
|
// 获取区域
|
function GetArea2() {
|
$("#AreaSelect2").empty();
|
$("#AreaSelect2").append('<option value =""></option>');
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetAreaListByUser", {}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
|
console.log(res.data);
|
for (var i = 0; i < res.data.length; i++) {
|
$("#AreaSelect2").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaName +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
// 获取储位
|
function GetLocate2(val) {
|
$("#LocateSelect2").empty();
|
$("#LocateSelect2").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetLocatByArea", {"areaNo":val}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#LocateSelect2").append('<option value =' + res.data[i].LocatNo + '>' + res.data[i].LocatNo +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
//获取物料
|
function GetSku2() {
|
$("#SkuSelect2").empty();
|
$("#SkuSelect2").append('<option value =""></option>');
|
|
//获取仓库下拉框信息
|
sendData(IP + "/DownApi/GetSku", {}, 'get', function(res) {
|
if (res.code == 0) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#SkuSelect2").append('<option value =' + res.data[i] + '>' + res.data[i] +'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
|
|
|
|
});
|
</script>
|
|
</body>
|
|
</html>
|
