<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>平仓移库</title>
|
<link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../static/css/pda.css" media="all">
|
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
|
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
|
</head>
|
<body>
|
<!-- 头部 -->
|
<header class="layui-form">
|
<div>
|
<div class="layui-input-inline">
|
<label class="layui-form-label">物料编码</label>
|
<input class="layui-input" id="matnr" onkeyup="find()" placeholder="扫码 / 输入"
|
autocomplete="off" style="width: 60%">
|
</div>
|
</div>
|
<div>
|
<div class="layui-input-inline">
|
<label class="layui-form-label" style="margin-left: 16px">源库区</label>
|
<!--<input class="layui-input" id="warehouse1" onkeyup="find(true)" placeholder="扫码 / 输入"-->
|
<!--autocomplete="off" style="width: 60%">-->
|
<div class="layui-input-inline" style="width: 180px">
|
<select id="warehouse1" lay-filter="warehouse1">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="layui-input-inline">
|
<label class="layui-form-label">目标库区</label>
|
<!--<input class="layui-input" id="warehouse2" placeholder="扫码 / 输入"-->
|
<!--autocomplete="off" style="width: 60%" onkeyup="exist('uuid', 'locArea', 'warehouse2')">-->
|
<div class="layui-input-inline" style="width: 180px">
|
<select id="warehouse2">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</header>
|
|
<!-- 主体 -->
|
<main>
|
<table class="layui-table" id="locNormalMove" lay-filter="locNormalMove"></table>
|
</main>
|
|
<!-- 尾部 -->
|
<footer>
|
<div class="layui-btn-container">
|
<button type="button" id="reset-btn" class="layui-btn layui-btn-primary" onclick="reset()">重置</button>
|
<button type="button" id="comb-btn" class="layui-btn layui-btn-normal " onclick="move()"
|
style="margin-left: 20px">转移
|
</button>
|
<button type="button" id="retrun-btn" class="layui-btn layui-btn-primary " onclick="back()"
|
style="margin-left: 20px">返回
|
</button>
|
<span id="tips"></span>
|
</div>
|
</footer>
|
|
</body>
|
<script>
|
var tableIns;
|
layui.use(['table', 'laydate', 'form'], function () {
|
var table = layui.table;
|
var $ = layui.jquery;
|
var layer = layui.layer;
|
var form = layui.form;
|
|
tableIns = table.render({
|
id: 'locNormalMove',
|
elem: '#locNormalMove',
|
data: [],
|
limit: 500,
|
cellMinWidth: 50,
|
cols: [[
|
{field: 'matnr', align: 'center', title: '编码', event: 'detail', width: 80},
|
{field: 'maktx', align: 'center', title: '名称', event: 'detail'},
|
{field: 'warehouse', align: 'center', title: '库区', event: 'detail', width: 50},
|
{type: 'checkbox', fixed: 'right', width: 30},
|
]],
|
done: function (res, curr, count) {
|
}
|
});
|
|
form.on('select(warehouse1)', function (data) {
|
var val = data.value;
|
find(true);
|
});
|
|
// 获取仓库下拉
|
$.ajax({
|
url: baseUrl + "/locArea/queryAll/auth",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200) {
|
var html = "";
|
if (res.data && res.data.length > 0) {
|
html += res.data.map(function (item) {
|
return "<Option value=" + item.uuid + ">" + item.name + "</Option>";
|
});
|
}
|
$('#warehouse1').append(html);
|
$('#warehouse2').append(html);
|
layui.form.render('select');
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/pda";
|
} else {
|
layer.msg(res.msg)
|
}
|
}
|
});
|
});
|
|
/* 库存转移 */
|
move = () => {
|
// 判断目标库区是否为空
|
var warehouse1 = $("#warehouse1").val();
|
var warehouse2 = $("#warehouse2").val();
|
if (!warehouse2 || warehouse2 == '') {
|
layer.msg("请确定目标库区");
|
return;
|
}
|
if (warehouse1 == warehouse2) {
|
layer.msg("目标库区和源库区不能一致");
|
return;
|
}
|
// 判断勾选数据是否为空
|
var table = layui.table;
|
var checkStatus = table.checkStatus('locNormalMove');
|
var data = checkStatus.data;
|
if (data.length == 0) {
|
layer.msg("请选择物料");
|
return;
|
}
|
// 处理勾选数据修改warehouse为目标库区
|
data.map(function (item) {
|
item.warehouse = warehouse2;
|
});
|
// 请求移库接口，选中的物料的warehouse更新为目标库区
|
$.ajax({
|
url: baseUrl + "/locNormal/pda/move",
|
headers: {'token': localStorage.getItem('token')},
|
data: JSON.stringify({
|
normalList: data,
|
}),
|
contentType: 'application/json;charset=UTF-8',
|
method: 'POST',
|
async: false,
|
success: function (res) {
|
if (res.code === 200) {
|
tips("移库成功")
|
reset();
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/pda";
|
} else {
|
tips(res.msg, true)
|
}
|
},
|
});
|
}
|
|
/* 根据库区号检索物料信息 */
|
find = (flag) => {
|
if (flag) {
|
exist('uuid', 'locArea', 'warehouse1');
|
}
|
var warehouse = $("#warehouse1").val();
|
var matnr = $("#matnr").val();
|
// 查询接口
|
$.ajax({
|
url: baseUrl + "/locNormal/pda/warehouseQuery?warehouse=" + warehouse + "&matnr=" + matnr,
|
headers: {'token': localStorage.getItem('token')},
|
method: 'GET',
|
async: false,
|
success: function (res) {
|
if (res.code === 200) {
|
tableIns.reload({
|
data: res.data,
|
});
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/pda";
|
} else {
|
tips(res.msg, true)
|
}
|
},
|
});
|
}
|
|
window.onload = function () {
|
document.getElementById("matnr").focus();
|
}
|
|
function back() {
|
parent.backIndex();
|
}
|
|
/**
|
* 提示信息
|
* @param msg 提示内容
|
* @param warn true：红色字体
|
*/
|
function tips(msg, warn) {
|
layer.msg(msg, {icon: warn ? 2 : 1})
|
}
|
|
function reset() {
|
$('#warehouse1').val("");
|
$('#warehouse2').val("");
|
$('#matnr').val("");
|
layui.form.render('select');
|
tableIns.reload({data: []});
|
layer.closeAll();
|
}
|
</script>
|
</html>
|
