| New file |
| | |
| | | <!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 + "/"; |
| | | } 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> |