#
luxiaotao1123
2021-04-13 6575ff94ec9ab3d2f5cb4155b422abe055b709f6
src/main/webapp/views/pda/matQuery.html
@@ -3,7 +3,7 @@
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>物料提取</title>
    <title>商品提取</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.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>
@@ -12,7 +12,7 @@
    <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
    <style>
        .form-box {
            padding: 15px 5px 5px 5px;
            padding: 15px 5px 5px 0px;
            font-size: 16px;
            text-align: center;
        }
@@ -26,6 +26,7 @@
            display: inline-block;
            text-align: right;
            width: 70px;
            vertical-align: middle;
        }
        .form-box input {
            width: 120px;
@@ -36,7 +37,23 @@
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            vertical-align: middle;
        }
        .form-box textarea {
            height: 60px;
            width: 120px;
            margin-left: 10px;
            padding-left: 5px;
            border: 1px solid #777777;
            display: inline-block;
            vertical-align: middle;
        }
        #selectBtn {
            vertical-align: middle;
            padding: 3px 5px;
            height: 32px;
        }
        #confirm {
            margin-top: 10px;
            padding: 5px 20px;
@@ -75,21 +92,19 @@
<body>
<div class="form-box">
    <div class="form-item">
        <span>物料编码</span>
        <input id="matNo" type="text" placeholder="扫码 / 输入" onkeyup="find(this)" autocomplete="off">
    <div class="form-item" style="padding-left: 33px;">
        <span>商品编码</span>
        <input id="matnr" type="text" placeholder="扫码 / 输入" onkeyup="find(this)" autocomplete="off">
        <button id="selectBtn">选</button>
    </div>
    <div class="form-item">
        <span>物料名称</span>
        <input id="matName" type="text" disabled="disabled">
    </div>
    <div class="form-item">
        <span>物料规格</span>
        <input id="str2" type="text" disabled="disabled">
        <span>商品名称</span>
        <textarea id="maktx" type="text" disabled="disabled"></textarea>
        <div style="clear: both"></div>
    </div>
    <div class="form-item">
        <span>单位</span>
        <input id="str1" type="text" disabled="disabled">
        <input id="unit" type="text" disabled="disabled">
    </div>
    <div class="form-item">
        <span style="vertical-align: middle">数量</span>
@@ -102,12 +117,16 @@
</body>
<script>
    var layer;
    layui.use(['layer'], function() {
        layer = layui.layer;
    })
    var countDom = $('#count');
    var initMatCount = 1;
    var pageCurr;
    /**
     * 根据物料编码查询物料详情
     * 根据商品编码查询商品详情
     */
    function find(el){
        if (isEmpty(el.value)) {
@@ -123,11 +142,11 @@
            success: function (res) {
                if (res.code === 200) {
                    if (res.data != null) {
                        $('#matName').val(res.data.matName);
                        $('#str1').val(res.data.str1);
                        $('#str2').val(res.data.str2);
                        $('#maktx').val(res.data.maktx);
                        $('#specs').val(res.data.specs);
                        $('#unit').val(res.data.unit);
                        countDom.val(initMatCount);
                        $('#count').focus().select();
                        // $('#count').focus().select();
                    }
                } else if (res.code === 403) {
                    top.location.href = baseUrl + "/pda";
@@ -138,21 +157,38 @@
        })
    }
    function findBySelect(el) {
        $("#matnr").val(el.value);
        find(el);
        layer.close(matSelectIdx);
    }
    /**
     * 提取
     */
    function confirm(){
        var data = {
            matNo: $('#matNo').val(),
            matName: $('#matName').val(),
            matnr: $('#matnr').val(),
            maktx: $('#maktx').val(),
            count: countDom.val()
        };
        parent.addTableData(data);
        parent.layer.close(parent.matCodeLayerIdx);
    }
    window.onload = function(){document.getElementById("matNo").focus();}
    $(document).on('click','#confirm', function () {
    window.onload = function(){document.getElementById("matnr").focus();}
    var matSelectIdx;
    $(document).on('click','#selectBtn', function () {
        matSelectIdx = layer.open({
            type: 2,
            title: false,
            area: ['100%', '100%'],
            content: 'selectMat.html',
            success: function(layero, index){
                $('.layui-layer-setwin .layui-layer-close2').hide();
            }
        });
    })
    // $('body').keydown(function () {
@@ -182,4 +218,4 @@
    }
</script>
</html>
</html>