自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-06-16 8a98cb7e1eeccc063c1759953362398d83d7feb8
#
2个文件已修改
87 ■■■■ 已修改文件
src/main/webapp/static/js/pakStore/locMove.js 23 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/pakStore/locMove.html 64 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/static/js/pakStore/locMove.js
@@ -17,7 +17,6 @@
        limit: 10,
        skin: 'line',
        even: true,
        toolbar: '#toolbar',
        cellMinWidth: 50,
        cols: [[
            {type: 'checkbox'}
@@ -72,9 +71,9 @@
    let locNo = $("#locNo\\$").val();
    if (locNo === undefined || locNo === null || locNo === "") {
        layer.msg("请选择库位号");
        $('.cool-auto-complete-div').css("border-color", "red");
        $('.search-input').css("border-color", "red");
        setTimeout(function () {
            $('.cool-auto-complete-div').css("border-color", "#b8b8b8");
            $('.search-input').css("border-color", "#b8b8b8");
        }, 2000);
        return;
    }
@@ -86,3 +85,21 @@
        }
    });
}
function locMove() {
    layer.open({
        title: "库位移转",
        closeBtn: 0,
        skin: 'layui-layer-lan',
        offset: '180px',
        type: 1,
        shadeClose: true,
        content: $('#locMoveWindow'),
        area: ['40rem', '18rem'],
        btn: ['确定', '关闭'],
        success: function (layero, index) {
        }
    })
}
src/main/webapp/views/pakStore/locMove.html
@@ -22,7 +22,8 @@
            padding-bottom: 20px;
        }
        .function-area {
            padding: 50px 0px 30px 50px;
            padding: 50px 80px 30px 70px;
            display: inline-block;
        }
        .cool-auto-complete-div {
            height: 40px;
@@ -34,8 +35,7 @@
            -webkit-box-shadow: inset 0 1px 2px #ECECEC;
        }
        #loc-query-btn {
        .function-btn {
            margin-left: 15px;
            background: #E27575;
            border: none;
@@ -46,20 +46,32 @@
            text-shadow: 1px 1px 1px #9E3F3F;
            cursor: pointer;
        }
        #loc-query-btn:hover {
        .function-btn:hover {
            opacity: 0.8
        }
        .layui-layer-lan .layui-layer-btn a {
            background: #4476A7;
            border-color: #4476A7;
            color: #fff;
        }
        .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
            background: #fff;
            color: #333;
            border-color: #E9E7E7;
        }
        .layui-layer-lan .layui-layer-btn .layui-layer-btn1:hover {
            background-color: #f7f7f7;
        }
    </style>
</head>
<body>
<div class="function-area">
<div class="function-area" style="border-right: 1px solid #d5d5d5">
    <div class="layui-inline" >
<!--        <label class="layui-form-label">库 位 号:</label>-->
        <div class="layui-input-inline cool-auto-complete">
            <input id="locNo" class="layui-input" name="loc_no" type="text" onkeyup="check(this.id, 'locDetl')" autocomplete="off"  style="display: none">
            <input id="locNo$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="库位号" onfocus=this.blur()>
            <input id="locNo$" class="layui-input cool-auto-complete-div search-input" onclick="autoShow(this.id)" type="text" placeholder="库位号" onfocus=this.blur()>
            <div class="cool-auto-complete-window">
                <input class="cool-auto-complete-window-input" data-key="locMastQueryBylocNo" onkeyup="autoLoad(this.getAttribute('data-key'))">
                <select class="cool-auto-complete-window-select" data-key="locMastQueryBylocNoSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
@@ -68,6 +80,23 @@
        </div>
    </div>
    <button id="loc-query-btn" class="function-btn" onclick="getLoc()">搜索</button>
</div>
<div class="function-area">
    <!-- 源库位 -->
    <div class="layui-inline">
        <div class="layui-input-inline">
            <input id="sourceLocNo" class="layui-input cool-auto-complete-div" type="text" placeholder="源库位" style="width: 150px;cursor: initial">
        </div>
    </div>
    <div class="layui-form-mid" style="float: none; display: inline-block; margin-left: 10px">-</div>
<!--    <hr style="display: inline-block;width: 80px;margin-top: 20px">-->
    <!-- 目标库位 -->
    <div class="layui-inline">
        <div class="layui-input-inline">
            <input id="targetLocNo" class="layui-input cool-auto-complete-div" type="text" placeholder="目标库位" style="width: 150px;cursor: initial">
        </div>
    </div>
    <button id="loc-move-btn" class="function-btn" onclick="locMove()" style="background: #4476A7;text-shadow: inherit;height: 45px;font-size: 15px;margin-left: 20px">库位移转</button>
</div>
<hr>
@@ -83,6 +112,25 @@
<script type="text/template" id="">
</script>
<div id="locMoveWindow" style="height: 100%;display: none">
    <div style="float: left;width: 35%;height: 100%">
        <div>
            <span style="display: block">源库位</span>
            <input type="text">
        </div>
    </div>
    <div style="float: left;width: 30%;height: 100%;position: relative;">
        <span style="position:absolute;top: 45%;left: 50%;color: #666;transform: translateX(-50%);;display: block">移转至</span>
        <hr style="position: absolute; top: 50%;width: 100%;border: none;height: 1px;background-color: #666">
    </div>
    <div style="float: right;width: 35%;height: 100%">
        <div>
            <span style="display: block">目标库位</span>
            <input type="text">
        </div>
    </div>
</div>
</body>
</html>