<!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>
|
<!-- <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">
|
<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">
|
<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">
|
<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">
|
<option value="400L">400L</option>
|
<option value="800L">800L</option>
|
<option value="1000L">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">
|
<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">
|
<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">
|
<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">
|
<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">
|
<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">
|
<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 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="AreaSelect3"
|
name="AreaSelect3"
|
lay-filter="AreaSelect3">
|
<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="LocateSelect3"
|
name="LocateSelect3"
|
lay-filter="LocateSelect3">
|
<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="AreaSelect4"
|
name="AreaSelect4"
|
lay-filter="AreaSelect4">
|
<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="LocateSelect4"
|
name="LocateSelect4"
|
lay-filter="LocateSelect4">
|
<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">
|
<option value=""></option>
|
<option value="0">净桶</option>
|
<option value="2">满桶</option>
|
<option value="3">脏桶</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">
|
<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="demo3">
|
立即提交
|
</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 a = 0;
|
|
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; // 获取表单字段值
|
console.log("field.WeightInput:" + field.WeightInput);
|
|
if (field.WeightInput.length != 0) {
|
a = parseFloat(field.WeightInput);
|
}
|
var param = {
|
AreaNo: field.AreaSelect2,
|
LocateNo: field.LocateSelect2,
|
PlnStatus: field.PalletStatus2,
|
SkuNo: field.SkuSelect2,
|
LotNo: field.LotNoInput,
|
Weight: a,
|
};
|
console.log(param);
|
|
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].SkuNo +
|
">" +
|
res.data[i].SkuName +
|
"</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].SkuNo +
|
">" +
|
res.data[i].SkuName +
|
"</option>"
|
);
|
}
|
form.render("select");
|
} else {
|
//不成功
|
layer.msg(
|
res.msg,
|
{
|
icon: 2,
|
time: 2000, //2秒关闭（如果不配置，默认是3秒）
|
},
|
function () {}
|
);
|
}
|
});
|
}
|
}
|
);
|
</script>
|
</body>
|
</html>
|
