|  |  | 
 |  |  |  | 
 |  |  | var locDetlLayerIdx; | 
 |  |  | var locDetlData = []; | 
 |  |  | var admin; | 
 |  |  | function getCol() { | 
 |  |  |     var cols = [ | 
 |  |  |         // {field: 'count', align: 'center',title: '出库数量', edit:'text', width: 130,  style:'color: blue;font-weight: bold'}, | 
 |  |  |         {field: 'anfme', align: 'center',title: '数量'} | 
 |  |  |         ,{field: 'locNo$', align: 'center',title: '库位号'} | 
 |  |  |     ]; | 
 |  |  |     arrRemove(detlCols,  'field', 'anfme'); | 
 |  |  |     cols.push.apply(cols, detlCols); | 
 |  |  |     cols.push({fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width: 80}) | 
 |  |  |     return cols; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | layui.use(['table','laydate', 'form'], function() { | 
 |  |  | layui.config({ | 
 |  |  |     base: baseUrl + "/static/layui/lay/modules/" | 
 |  |  | }).use(['table','laydate', 'form', 'admin'], function() { | 
 |  |  |     var table = layui.table; | 
 |  |  |     var $ = layui.jquery; | 
 |  |  |     var layer = layui.layer; | 
 |  |  |     var form = layui.form; | 
 |  |  |     admin = layui.admin; | 
 |  |  |  | 
 |  |  |     tableIns = table.render({ | 
 |  |  |         elem: '#chooseData', | 
 |  |  | 
 |  |  |         even: true, | 
 |  |  |         toolbar: '#toolbar', | 
 |  |  |         cellMinWidth: 50, | 
 |  |  |         cols: [[ | 
 |  |  |             {type: 'checkbox'} | 
 |  |  |             ,{field: 'anfme', align: 'center',title: '数量(请选择)', edit:'text', width: 120,  style:'color: blue;font-weight: bold'} | 
 |  |  |             ,{field: 'locNo$', align: 'center',title: '库位号'} | 
 |  |  |             ,{field: 'matnr', align: 'center',title: '物料'} | 
 |  |  |             ,{field: 'lgnum', align: 'center',title: '仓库号', width:80} | 
 |  |  |             ,{field: 'tbnum', align: 'center',title: '转储请求编号'} | 
 |  |  |             // ,{field: 'tbpos', align: 'center',title: '行项目'} | 
 |  |  |             ,{field: 'zmatid', align: 'center',title: '物料标签ID', width:200} | 
 |  |  |             ,{field: 'maktx', align: 'center',title: '物料描述', width:150} | 
 |  |  |             ,{field: 'werks', align: 'center',title: '工厂'} | 
 |  |  |             ,{field: 'altme', align: 'center',title: '单位', width:80} | 
 |  |  |             ,{field: 'zpallet', align: 'center',title: '托盘条码'} | 
 |  |  |             ,{field: 'bname', align: 'center',title: '用户ID'} | 
 |  |  |             ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:80} | 
 |  |  |         ]], | 
 |  |  |         limit: 500, | 
 |  |  |         cols: [getCol()], | 
 |  |  |         done: function(res, curr, count) { | 
 |  |  |             limit(); | 
 |  |  |             getOutBound(); | 
 |  |  | 
 |  |  |  | 
 |  |  |     // 页面修改 | 
 |  |  |     table.on('edit(chooseData)', function (obj) { | 
 |  |  |         if (!isNaN(obj.value)) { | 
 |  |  |             updateLocDetlData(obj.data.locNo, obj.data.matnr, Number(obj.value)); | 
 |  |  |         } else { | 
 |  |  |             layer.msg("请输入数字"); | 
 |  |  |         let index = obj.tr.attr("data-index"); | 
 |  |  |         let data = locDetlData[index]; | 
 |  |  |         let modify = true; | 
 |  |  |         // if (obj.field === 'count'){ | 
 |  |  |         //     let vle = Number(obj.value); | 
 |  |  |         //     if (isNaN(vle)) { | 
 |  |  |         //         layer.msg("请输入数字", {icon: 2}); | 
 |  |  |         //         modify = false; | 
 |  |  |         //     } else { | 
 |  |  |         //         if (vle <= 0) { | 
 |  |  |         //             layer.msg("数量必须大于零", {icon: 2}); | 
 |  |  |         //             modify = false; | 
 |  |  |         //         } | 
 |  |  |         //         if (vle > Number(data.anfme)) { | 
 |  |  |         //             layer.msg("出库数量不得大于库存数量", {icon: 2}); | 
 |  |  |         //             modify = false; | 
 |  |  |         //         } | 
 |  |  |         //     } | 
 |  |  |         // } | 
 |  |  |         if (modify) { | 
 |  |  |             data[obj.field] = obj.value; | 
 |  |  |         } | 
 |  |  |         tableIns.reload({data: locDetlData}); | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     // 监听头工具栏事件 | 
 |  |  |     table.on('toolbar(chooseData)', function (obj) { | 
 |  |  |         var data = table.checkStatus(obj.config.id).data; | 
 |  |  |         switch (obj.event) { | 
 |  |  |             case 'outbound': | 
 |  |  |                 var staNo = $("#staNoSelect").val(); | 
 |  |  |                 if (staNo === "" || staNo === null){ | 
 |  |  |                     layer.msg("请选择出库口"); | 
 |  |  |                     return; | 
 |  |  |                 } | 
 |  |  |                 var locNos = []; | 
 |  |  |                 data.forEach(function(elem) { | 
 |  |  |                     locNos.push(elem.locNo); | 
 |  |  |                 }); | 
 |  |  |                 if (data.length === 0){ | 
 |  |  |                     layer.msg('请至少选中一行数据'); | 
 |  |  |                 if (locDetlData.length === 0){ | 
 |  |  |                     layer.msg('请先提取商品库存', {icon: 2}); | 
 |  |  |                 } else { | 
 |  |  |                     var staNo = $("#staNoSelect").val(); | 
 |  |  |                     if (staNo === "" || staNo === null){ | 
 |  |  |                         layer.msg("请选择出库口", {icon: 2}); | 
 |  |  |                         return; | 
 |  |  |                     } | 
 |  |  |                     let param = { | 
 |  |  |                         outSite: staNo, | 
 |  |  |                         locDetls: locDetlData | 
 |  |  |                     } | 
 |  |  |                     $.ajax({ | 
 |  |  |                         url: baseUrl+"/plate/out/start", | 
 |  |  |                         headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                         data: { | 
 |  |  |                             outSite: staNo, | 
 |  |  |                             locNos: locNos | 
 |  |  |                         }, | 
 |  |  |                         data: JSON.stringify(param), | 
 |  |  |                         contentType:'application/json;charset=UTF-8', | 
 |  |  |                         method: 'POST', | 
 |  |  |                         traditional:true, | 
 |  |  |                         success: function (res) { | 
 |  |  |                             if (res.code === 200){ | 
 |  |  |                                 getOutBound(); // 重载出库口 | 
 |  |  |                                 layer.msg(res.msg); | 
 |  |  |                                 locDetlData = []; | 
 |  |  |                                 tableIns.reload({data: locDetlData,done:function (res) {limit();getOutBound();}}); | 
 |  |  |                                 layer.msg(res.msg, {icon: 1}); | 
 |  |  |                             } else if (res.code === 403){ | 
 |  |  |                                 top.location.href = baseUrl+"/"; | 
 |  |  |                             } else { | 
 |  |  |                                 layer.msg(res.msg) | 
 |  |  |                                 layer.msg(res.msg, {icon: 2}) | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  |                     }); | 
 |  |  | 
 |  |  |  | 
 |  |  |     // 监听行工具事件 | 
 |  |  |     table.on('tool(chooseData)', function(obj){ | 
 |  |  |         var data = obj.data; | 
 |  |  |         switch (obj.event) { | 
 |  |  |             // 详情 | 
 |  |  |             case 'remove': | 
 |  |  |                 for (var i = locDetlData.length - 1; i >= 0; i--) { | 
 |  |  |                     if (locDetlData[i].matNo === data.matNo) { | 
 |  |  |                         locDetlData.splice(i, 1); | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |                 tableIns.reload({data: locDetlData,done:function (res) { | 
 |  |  |                         limit(); | 
 |  |  |                         getOutBound(); | 
 |  |  |                     }}); | 
 |  |  |                 let index = obj.tr.attr("data-index"); | 
 |  |  |                 locDetlData.splice(index, 1); | 
 |  |  |                 tableIns.reload({data: locDetlData}); | 
 |  |  |                 break; | 
 |  |  |         } | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     function updateLocDetlData(locNo, matnr, anfme) { | 
 |  |  |         for (var i=0;i<locDetlData.length;i++){ | 
 |  |  |             if (locDetlData[i]["locNo"] === locNo && locDetlData[i]["matnr"] === matnr){ | 
 |  |  |                 if (anfme > locDetlData[i]["anfme"]) { | 
 |  |  |                     layer.msg("不能超过原数量"); | 
 |  |  |                 } else { | 
 |  |  |                     locDetlData[i]["anfme"] = anfme; | 
 |  |  |                 } | 
 |  |  |                 break; | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |         tableIns.reload({data: locDetlData,done:function (res) {limit(); getOutBound();}}); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     // 获取出库口 | 
 |  |  |     function getOutBound(){ | 
 |  |  | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     $(document).on('click','#mat-query', function () { | 
 |  |  |         let loadIndex = layer.msg('请求中...', {icon: 16, shade: 0.01, time: false}); | 
 |  |  |         locDetlLayerIdx = layer.open({ | 
 |  |  |             type: 2, | 
 |  |  |             title: false, | 
 |  |  |             closeBtn: false, | 
 |  |  |             maxmin: false, | 
 |  |  |             area: ['90%', '85%'], | 
 |  |  |             shadeClose: true, | 
 |  |  |             content: 'locDetlQuery.html', | 
 |  |  |             success: function(layero, index){ | 
 |  |  |                 layer.close(loadIndex); | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  | }) | 
 |  |  |  | 
 |  |  | // 提取物料 | 
 |  |  | var locDetlLayerIdx; | 
 |  |  | function getLocDetl() { | 
 |  |  |     locDetlLayerIdx = layer.open({ | 
 |  |  |         type: 2, | 
 |  |  |         title: '提取物料', | 
 |  |  |         maxmin: true, | 
 |  |  |         area: [top.detailWidth, top.detailHeight], | 
 |  |  |         shadeClose: true, | 
 |  |  |         content: 'locDetlQuery.html', | 
 |  |  |         success: function(layero, index){ | 
 |  |  | // 添加表格数据 | 
 |  |  | function addTableData(data) { | 
 |  |  |     for (var i=0;i<data.length;i++){ | 
 |  |  |         let pass = false; | 
 |  |  |         for (var j=0;j<locDetlData.length;j++){ | 
 |  |  |             if (data[i].matnr === locDetlData[j].matnr && data[i].batch === locDetlData[j].batch && data[i].locNo$ === locDetlData[j].locNo$) { | 
 |  |  |                 pass = true; | 
 |  |  |                 break; | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     }); | 
 |  |  |         if (pass) { | 
 |  |  |             data.splice(i--, 1); | 
 |  |  |         } else { | 
 |  |  |             data[i]["count"] = data[i]["anfme"]; | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |     locDetlData.push.apply(locDetlData, data); | 
 |  |  |     tableIns.reload({data: locDetlData}); | 
 |  |  |     layer.close(locDetlLayerIdx); | 
 |  |  | } | 
 |  |  |  |