luxiaotao1123
2021-04-08 91f2cd5b0f832091f654cce926585d2f05cad114
src/main/webapp/views/pda/locNormalMove.html
New file
@@ -0,0 +1,225 @@
<!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>