|  |  |  | 
|---|
|  |  |  | .status-3 { | 
|---|
|  |  |  | color: green; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 客户 */ | 
|---|
|  |  |  | #custName { | 
|---|
|  |  |  | padding-left: 2px; | 
|---|
|  |  |  | line-height: 30px; | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /* 主体 */ | 
|---|
|  |  |  | main { | 
|---|
|  |  |  | border: 1px solid gainsboro; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 主体 --> | 
|---|
|  |  |  | <main id="pakout-box"> | 
|---|
|  |  |  | <!--    <hr>--> | 
|---|
|  |  |  | <!--    <div class="pakout-item">--> | 
|---|
|  |  |  | <!--        <div class="item-header">--> | 
|---|
|  |  |  | <!--            六角钻尾螺丝4.8*--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | <!--        <div class="item-content">--> | 
|---|
|  |  |  | <!--            <div style="float: left">10箱</div>--> | 
|---|
|  |  |  | <!--            <div style="float: right">货位:A01-1</div>--> | 
|---|
|  |  |  | <!--        </div>--> | 
|---|
|  |  |  | <!--    </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </main> | 
|---|
|  |  |  | <!-- 尾部 --> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="layui-btn-container"> | 
|---|
|  |  |  | <button id="reset" type="button" class="layui-btn layui-btn-primary" onclick="reset()">重置</button> | 
|---|
|  |  |  | <button id="confirm" type="button" class="layui-btn layui-btn-normal" onclick="pakoutConfirm()" style="margin-left: 20px">拣货确认</button> | 
|---|
|  |  |  | <span id="tips"></span> | 
|---|
|  |  |  | <button id="tips1" style="outline: none;color: white;border-color: white; position: absolute;right: 0;bottom: 0;"></button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </footer> | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | docNumber: el.value | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | async: false, | 
|---|
|  |  |  | method: 'POST', | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | if (res.data != null && res.data.length > 0) { | 
|---|
|  |  |  | pakoutData = res.data; | 
|---|
|  |  |  | if (res.data != null) { | 
|---|
|  |  |  | $('#pakout-box').html(""); | 
|---|
|  |  |  | pakoutData = []; | 
|---|
|  |  |  | pakoutData = res.data.pakouts; | 
|---|
|  |  |  | if (pakoutData != null) { | 
|---|
|  |  |  | // 头 | 
|---|
|  |  |  | $('#status').html(res.data.wrkSts$); | 
|---|
|  |  |  | $('#status').attr("class", "layui-form-label status-" + res.data.wrkSts); | 
|---|
|  |  |  | $('#custName').html(res.data.custName); | 
|---|
|  |  |  | // 主 | 
|---|
|  |  |  | var tpl = $("#pakoutDetlTpl").html(); | 
|---|
|  |  |  | var template = Handlebars.compile(tpl); | 
|---|
|  |  |  | var html = template(pakoutData); | 
|---|
|  |  |  | var html = template(res.data); | 
|---|
|  |  |  | $('#pakout-box').append(html); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | console.log(res.data) | 
|---|
|  |  |  | $('#confirm').focus(); | 
|---|
|  |  |  | $('#tips1').focus(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } else if (res.code === 201) { | 
|---|
|  |  |  | } else if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl + "/pda"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | locDetlData = []; | 
|---|
|  |  |  | tableIns.reload({data: locDetlData}); | 
|---|
|  |  |  | pakoutData = []; | 
|---|
|  |  |  | tips(res.msg, true); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | layui.use(['laydate', 'form'], function() { | 
|---|
|  |  |  | var $ = layui.jquery; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 拣货确认 | 
|---|
|  |  |  | function pakoutConfirm() { | 
|---|
|  |  |  | var tableData = layui.table.checkStatus('tableIdx').data; | 
|---|
|  |  |  | if (tableData.length === 0) { | 
|---|
|  |  |  | tips("请选择物料", true); | 
|---|
|  |  |  | if (pakoutData == null || pakoutData.length === 0) { | 
|---|
|  |  |  | tips("请确认单据编号!", true); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var site = $('#staNoSelect').val(); | 
|---|
|  |  |  | if (null === site || undefined === site || site === "") { | 
|---|
|  |  |  | tips("请选择出库口", true); | 
|---|
|  |  |  | var docNum = pakoutData[0].docNum; | 
|---|
|  |  |  | if (isEmpty(docNum)) { | 
|---|
|  |  |  | tips("请确认单据编号!", true); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl+"/plate/out/start", | 
|---|
|  |  |  | url: baseUrl+"/work/stock/out/confirm", | 
|---|
|  |  |  | headers: {'token': localStorage.getItem('token')}, | 
|---|
|  |  |  | data: JSON.stringify({ | 
|---|
|  |  |  | outSite: site, | 
|---|
|  |  |  | locDetls: tableData | 
|---|
|  |  |  | number: docNum | 
|---|
|  |  |  | }), | 
|---|
|  |  |  | contentType:'application/json;charset=UTF-8', | 
|---|
|  |  |  | method: 'POST', | 
|---|
|  |  |  | async: false, | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | reset(); | 
|---|
|  |  |  | tips("启动出库成功") | 
|---|
|  |  |  | tips("拣货成功") | 
|---|
|  |  |  | } else if (res.code === 403) { | 
|---|
|  |  |  | top.location.href = baseUrl + "/pda"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 重置 | 
|---|
|  |  |  | function reset() { | 
|---|
|  |  |  | $("#matNo").val(""); | 
|---|
|  |  |  | $("#locNo").val(""); | 
|---|
|  |  |  | locDetlData = []; | 
|---|
|  |  |  | tableIns.reload({data: locDetlData}); | 
|---|
|  |  |  | $('#staNoSelect').val(""); | 
|---|
|  |  |  | $("#docNum").val(""); | 
|---|
|  |  |  | $('#status').html("未知"); | 
|---|
|  |  |  | $('#status').attr("class", "layui-form-label status-0"); | 
|---|
|  |  |  | $('#custName').html("-"); | 
|---|
|  |  |  | $('#pakout-box').html(""); | 
|---|
|  |  |  | pakoutData = []; | 
|---|
|  |  |  | document.getElementById("docNum").focus(); | 
|---|
|  |  |  | layui.form.render('select'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | layer.msg(msg, {icon: warn?2:1}) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | document.onkeyup = function (e) { | 
|---|
|  |  |  | if (window.event)//如果window.event对象存在,就以此事件对象为准 | 
|---|
|  |  |  | e = window.event; | 
|---|
|  |  |  | var key = e.charCode || e.keyCode; | 
|---|
|  |  |  | if (key === 115) { | 
|---|
|  |  |  | $("#confirm").focus(); | 
|---|
|  |  |  | pakoutConfirm(); | 
|---|
|  |  |  | } else if (key === 113) { | 
|---|
|  |  |  | $("#docNum").val(""); | 
|---|
|  |  |  | $("#docNum").focus(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // document.onkeyup = function (e) { | 
|---|
|  |  |  | //     if (window.event)//如果window.event对象存在,就以此事件对象为准 | 
|---|
|  |  |  | //         e = window.event; | 
|---|
|  |  |  | //     var key = e.charCode || e.keyCode; | 
|---|
|  |  |  | //     if (key === 115) { | 
|---|
|  |  |  | //         $("#confirm").focus(); | 
|---|
|  |  |  | //         pakoutConfirm(); | 
|---|
|  |  |  | //     } else if (key === 113) { | 
|---|
|  |  |  | //         $("#docNum").val(""); | 
|---|
|  |  |  | //         $("#docNum").focus(); | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | <script type="text/template" id="pakoutDetlTpl"> | 
|---|
|  |  |  | {{#each data}} | 
|---|
|  |  |  | {{#each pakouts}} | 
|---|
|  |  |  | <hr> | 
|---|
|  |  |  | <div class="pakout-item"> | 
|---|
|  |  |  | <div class="item-header"> | 
|---|