#

luxiaotao1123

2020-07-18 39f9a5e6c709adc2aa3b2c6b5d54bc1d8dc43c1c

 src/main/webapp/views/pda/matQuery.html

@@ -33,9 +33,43 @@
            margin-left: 10px;
            padding-left: 5px;
            height: 20px;
            border: 1px solid #777777;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }
        .form-box button {
        #confirm {
            margin-top: 10px;
            padding: 5px 20px;
        }

        .number-tool {
            margin-left: 10px;
            padding: 1px 0 1px 5px;
            display: inline-block;
            width: 120px;
        }
        .number-tool:after {
            clear: both;
            content: "";
            display: table;
        }
        .number-tool button {
            background-color: #fff;
            margin-top: 2px;
            font-size: 13px;
            height: 18px;
            float: left;
            width: 20px;
            border: 1px solid #777777;
        }
        .number-tool input {
            text-align: center;
            height: 20px;
            float: left;
            margin: 0 5px;
            width: 30px;
            padding: 0;
        }
    </style>
</head>
@@ -44,38 +78,78 @@
<div class="form-box">
    <div class="form-item">
        <span>物料编码</span>
        <input id="matNo" type="text" placeholder="扫码/输入">
        <input id="matNo" type="text" placeholder="扫码 / 输入" onkeyup="find(this)" autocomplete="off">
    </div>
    <div class="form-item">
        <span>物料名称</span>
        <input type="text" disabled="disabled">
        <input id="matName" type="text" disabled="disabled">
    </div>
    <div class="form-item">
        <span>物料描述</span>
        <input type="text" disabled="disabled">
        <span>物料规格</span>
        <input id="str2" type="text" disabled="disabled">
    </div>
    <div class="form-item">
        <span>单位</span>
        <input type="text" disabled="disabled">
        <input id="str1" type="text" disabled="disabled">
    </div>
    <div class="form-item">
        <span>数量</span>
        <input type="number" >
        <span style="vertical-align: middle">数量</span>
        <div class="number-tool" style="vertical-align: middle">
            <button onclick="reduce()">-</button><input id="count" type="number"><button onclick="add()">+</button>
        </div>
    </div>
    <button id="confirm">提取</button>
    <button id="confirm" onclick="confirm()">提取</button>
</div>

</body>
<script>
    var countDom = $('#count');
    var initMatCount = 1;
    var pageCurr;
    layui.use(['table','laydate', 'form'], function() {
        var table = layui.table;
        var $ = layui.jquery;
        var layer = layui.layer;
        var layDate = layui.laydate;
        var form = layui.form;

    });
    /**
     * 根据物料编码查询物料详情
     */
    function find(el){
        if (isEmpty(el.value)) {
            return;
        }
        $.ajax({
            url: baseUrl + "/matCode/auth",
            headers: {'token': localStorage.getItem('token')},
            data: {
                id: el.value
            },
            method: 'POST',
            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);
                        countDom.focus().val(initMatCount)
                    }
                } else if (res.code === 403) {
                    top.location.href = baseUrl + "/pda";
                } else {
                    alert(res.msg)
                }
            }
        })
    }

    /**
     * 提取
     */
    function confirm(){
        var data = {
            matNo: $('#matNo').val(),
            matName: $('#matName').val(),
            count: countDom.val()
        };
        parent.addTableData(data);
        parent.layer.close(parent.matCodeLayerIdx);
    }

    window.onload = function(){document.getElementById("matNo").focus();}
    $(document).on('click','#confirm', function () {
@@ -87,5 +161,15 @@
        }
    });

    function add() {
        countDom.val(Number(countDom.val()) + 1);
    }
    function reduce() {
        if (countDom.val() <= initMatCount) {
            return;
        }
        countDom.val(countDom.val() - 1);
    }

</script>
</html>