|  |  |  | 
|---|
|  |  |  | <header> | 
|---|
|  |  |  | <div class="layui-input-inline"> | 
|---|
|  |  |  | <label class="layui-form-label">条码</label> | 
|---|
|  |  |  | <input class="layui-input" type="text" id="code" placeholder="扫码 / 输入" autocomplete="off"> | 
|---|
|  |  |  | <input class="layui-input" type="number" id="code" onkeyup="findCode(this)" oninput="if(value.length>8)value=value.slice(0,8)" placeholder="扫码 / 输入" autocomplete="off"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="margin: 5px 5px"> | 
|---|
|  |  |  | <button id="mat-btn" type="button" class="layui-btn layui-btn-normal" onclick="getMat()"><i class="layui-icon">+</i>提取</button> | 
|---|
|  |  |  | 
|---|
|  |  |  | cellMinWidth: 50, | 
|---|
|  |  |  | cols: [[ | 
|---|
|  |  |  | {fixed: 'left', align: 'center', field: 'count', title: '数量', style:'color: blue', width:50}, | 
|---|
|  |  |  | {field: 'matNo', align: 'center', title: '物料编码'}, | 
|---|
|  |  |  | {field: 'matName', align: 'center', title: '物料名称'} | 
|---|
|  |  |  | {field: 'matnr', align: 'center', title: '商品编号'}, | 
|---|
|  |  |  | {field: 'maktx', align: 'center', title: '商品名称'}, | 
|---|
|  |  |  | {field: 'model', align: 'center',title: '产品代码'} | 
|---|
|  |  |  | ]], | 
|---|
|  |  |  | done: function (res, curr, count) { | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | window.onload = function(){document.getElementById("code").focus();} | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function findCode(el) { | 
|---|
|  |  |  | if (el.value.length === 8) { | 
|---|
|  |  |  | $('#mat-btn').focus(); | 
|---|
|  |  |  | getMat(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var matCodeLayerIdx; | 
|---|
|  |  |  | function getMat() { | 
|---|
|  |  |  | 
|---|
|  |  |  | // 添加表格数据 | 
|---|
|  |  |  | var matData = []; | 
|---|
|  |  |  | function addTableData(data) { | 
|---|
|  |  |  | if (isEmpty(data.matName)){ | 
|---|
|  |  |  | tips("提取失败"); | 
|---|
|  |  |  | if (isEmpty(data.maktx)){ | 
|---|
|  |  |  | tips("提取失败", true); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | let toPush = true; | 
|---|
|  |  |  | for (var j=0;j<matData.length;j++){ | 
|---|
|  |  |  | if (data.matNo === matData[j].matNo) { | 
|---|
|  |  |  | if (data.matnr === matData[j].matnr) { | 
|---|
|  |  |  | matData[j].count = Number(matData[j].count) + Number(data.count); | 
|---|
|  |  |  | toPush  = false; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | $('#code').val(""); | 
|---|
|  |  |  | matData = []; | 
|---|
|  |  |  | tableIns.reload({data: matData}); | 
|---|
|  |  |  | tips(""); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 组托 | 
|---|
|  |  |  | 
|---|
|  |  |  | * @param warn true:红色字体 | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | function tips(msg, warn) { | 
|---|
|  |  |  | let tips = $('#tips'); | 
|---|
|  |  |  | tips.html(msg); | 
|---|
|  |  |  | tips.css("color", warn?"red":'#666'); | 
|---|
|  |  |  | // var tips = $('#tips'); | 
|---|
|  |  |  | // tips.html(msg); | 
|---|
|  |  |  | // tips.css("color", warn?"red":'#666'); | 
|---|
|  |  |  | layer.msg(msg, {icon: warn?2:1}) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | document.onkeyup = function (e) { | 
|---|
|  |  |  | 
|---|
|  |  |  | $("#comb-btn").focus(); | 
|---|
|  |  |  | comb(); | 
|---|
|  |  |  | } else if (key === 113) { | 
|---|
|  |  |  | $("#code").val(""); | 
|---|
|  |  |  | $("#code").focus(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  | </html> | 
|---|