|  |  |  | 
|---|
|  |  |  | base: baseUrl + "/static/layui/lay/modules/" | 
|---|
|  |  |  | }).extend({ | 
|---|
|  |  |  | notice: 'notice/notice', | 
|---|
|  |  |  | }).use(['table','laydate', 'form', 'util', 'admin', 'notice', 'treeTable', 'xmSelect', 'tableMerge'], function(){ | 
|---|
|  |  |  | }).use(['table','laydate', 'form', 'util', 'admin', 'notice', 'treeTable', 'xmSelect', 'tableMerge', 'tableX'], function(){ | 
|---|
|  |  |  | var table = layui.table; | 
|---|
|  |  |  | var $ = layui.jquery; | 
|---|
|  |  |  | var layer = layui.layer; | 
|---|
|  |  |  | 
|---|
|  |  |  | var treeTable = layui.treeTable; | 
|---|
|  |  |  | var xmSelect = layui.xmSelect; | 
|---|
|  |  |  | var tableMerge = layui.tableMerge; | 
|---|
|  |  |  | var tableX = layui.tableX; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | insTb2 = table.render({ | 
|---|
|  |  |  | elem: '#orderDetlTable', | 
|---|
|  |  |  | 
|---|
|  |  |  | limits: [15, 30, 50, 100, 200, 500], | 
|---|
|  |  |  | toolbar: '#orderDetToolbar', | 
|---|
|  |  |  | height: 'full-120', | 
|---|
|  |  |  | where: {order_id: 9999999999}, | 
|---|
|  |  |  | cols: [[ | 
|---|
|  |  |  | {type: 'checkbox'} | 
|---|
|  |  |  | ,{type: 'numbers', title: '#'} | 
|---|
|  |  |  | ,{field: 'orderNo', align: 'center',title: '单据编号', templet: '#orderNoTpl', width: 160} | 
|---|
|  |  |  | ,{field: 'matnr', align: 'center',title: '商品编码', width: 160} | 
|---|
|  |  |  | ,{field: 'maktx', align: 'center',title: '商品名称', width: 200} | 
|---|
|  |  |  | ,{field: 'batch', align: 'center',title: '序列码'} | 
|---|
|  |  |  | ,{field: 'batch', align: 'center',title: '批号'} | 
|---|
|  |  |  | ,{field: 'specs', align: 'center',title: '规格'} | 
|---|
|  |  |  | ,{field: 'sPgNO', align: 'center',title: '派工单号',hide:true} | 
|---|
|  |  |  | // ,{field: 'anfme', align: 'center',title: '数量'} | 
|---|
|  |  |  | // ,{field: 'qty', align: 'center',title: '作业数量', style: 'font-weight: bold'} | 
|---|
|  |  |  | ,{field: 'enableQty', align: 'center',title: '待出数量', style: 'font-weight: bold'} | 
|---|
|  |  |  | // ,{field: 'name', align: 'center',title: '名称'} | 
|---|
|  |  |  | // ,{field: 'model', align: 'center',title: '型号'} | 
|---|
|  |  |  | ,{field: 'model', align: 'center',title: '产品代码'} | 
|---|
|  |  |  | ,{field: 'unit', align: 'center',title: '单位', hide: true} | 
|---|
|  |  |  | ,{field: 'barcode', align: 'center',title: '商品条码', hide: true} | 
|---|
|  |  |  | // ,{field: 'supplier', align: 'center',title: '供应商'} | 
|---|
|  |  |  | 
|---|
|  |  |  | limit(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表格2搜索 */ | 
|---|
|  |  |  | form.on('submit(sensorTbSearch)', function (data) { | 
|---|
|  |  |  | insTb2.reload({where: data.field, page: {curr: 1}}); | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表格2头工具栏点击事件 */ | 
|---|
|  |  |  | table.on('toolbar(orderDetlTable)', function (obj) { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var checkStatus = table.checkStatus(obj.config.id).data; | 
|---|
|  |  |  | if (obj.event === 'pakoutPreview') { // 添加 | 
|---|
|  |  |  | if (checkStatus.length === 0) { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表格2工具条点击事件 */ | 
|---|
|  |  |  | table.on('tool(orderDetlTable)', function (obj) { | 
|---|
|  |  |  | console.log(obj); | 
|---|
|  |  |  | var data = obj.data; | 
|---|
|  |  |  | switch (obj.event) { | 
|---|
|  |  |  | // 出库 | 
|---|
|  |  |  | 
|---|
|  |  |  | type: 1 | 
|---|
|  |  |  | ,title: false | 
|---|
|  |  |  | ,closeBtn: false | 
|---|
|  |  |  | ,offset: '100px' | 
|---|
|  |  |  | ,area: ['1200px', '700px'] | 
|---|
|  |  |  | ,offset: '50px' | 
|---|
|  |  |  | ,area: ['80%', '80%'] | 
|---|
|  |  |  | ,shade: 0.5 | 
|---|
|  |  |  | ,shadeClose: true | 
|---|
|  |  |  | ,shadeClose: false | 
|---|
|  |  |  | ,btn: ['立即出库', '稍后处理'] | 
|---|
|  |  |  | ,btnAlign: 'c' | 
|---|
|  |  |  | ,moveType: 1 //拖拽模式,0或者1 | 
|---|
|  |  |  | ,content: $('#pakoutPreviewBox').html() | 
|---|
|  |  |  | ,success: function(layero, index){ | 
|---|
|  |  |  | table.render({ | 
|---|
|  |  |  | stoPreTabIdx = table.render({ | 
|---|
|  |  |  | elem: '#stoPreTab', | 
|---|
|  |  |  | data: res.data, | 
|---|
|  |  |  | height: 520, | 
|---|
|  |  |  | 
|---|
|  |  |  | // {type: 'checkbox', merge: ['orderNo']}, | 
|---|
|  |  |  | {field: 'orderNo', title: '单据编号', merge: true, align: 'center'}, | 
|---|
|  |  |  | {field: 'title', title: '商品', merge: true, align: 'center', width: 350}, | 
|---|
|  |  |  | {field: 'batch', title: '序列码', align: 'center'}, | 
|---|
|  |  |  | {field: 'model', title: '代号', align: 'center'}, | 
|---|
|  |  |  | {field: 'batch', title: '批次', align: 'center'}, | 
|---|
|  |  |  | {field: 'sPgNO', title: '派工单号', align: 'center',hide:true}, | 
|---|
|  |  |  | {field: 'anfme', title: '数量', align: 'center', width: 90, style: 'font-weight: bold'}, | 
|---|
|  |  |  | {field: 'zpallet', align: 'center',title: '托盘码'}, | 
|---|
|  |  |  | {field: 'locNo', title: '货位', align: 'center', width: 100, templet: '#locNoTpl'}, | 
|---|
|  |  |  | {field: 'staNos', align: 'center', title: '出库站', merge: ['locNo'], templet: '#tbBasicTbStaNos'}, | 
|---|
|  |  |  | {field: 'outOrderNo', hide: false}, | 
|---|
|  |  |  | {field: 'luHao', hide: true}, | 
|---|
|  |  |  | {field: 'packing', hide: true}, | 
|---|
|  |  |  | {field: 'proType', hide: false}, | 
|---|
|  |  |  | {type: 'checkbox', merge: ['locNo']}, | 
|---|
|  |  |  | ]], | 
|---|
|  |  |  | done: function (res) { | 
|---|
|  |  |  | 
|---|
|  |  |  | tableCache = tableData = table.cache.stoPreTab; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | // 修改出库站 | 
|---|
|  |  |  | form.on('select(tbBasicTbStaNos)', function (obj) { | 
|---|
|  |  |  | let index  = obj.othis.parents('tr').attr("data-index"); | 
|---|
|  |  |  | let data = tableCache[index]; | 
|---|
|  |  |  | 
|---|
|  |  |  | tableCache[i]['staNo'] = Number(obj.elem.value); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // data['staNo'] = Number(obj.elem.value); | 
|---|
|  |  |  | obj.othis.children().find("input").css("color", "blue"); | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | // 批量修改出库站 | 
|---|
|  |  |  | form.on('submit(batchModifySta)', function () { | 
|---|
|  |  |  | let stoPreTabData = layui.table.checkStatus('stoPreTab').data; | 
|---|
|  |  |  | if (stoPreTabData.length < 1) { | 
|---|
|  |  |  | layer.msg("请至少选择一条以上合并数据", {icon: 7}); | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | modifySta(stoPreTabData); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | // 批量修改出库站 - 站点选择 | 
|---|
|  |  |  | function modifySta(stoPreTabData) { | 
|---|
|  |  |  | // 出库站取交集 | 
|---|
|  |  |  | let staBatchSelectVal = []; | 
|---|
|  |  |  | for(let i = 0; i<stoPreTabData.length; i++) { | 
|---|
|  |  |  | let staNos = stoPreTabData[i].staNos; | 
|---|
|  |  |  | if (staNos !== null) { | 
|---|
|  |  |  | if (staBatchSelectVal.length === 0) { | 
|---|
|  |  |  | staBatchSelectVal = staNos; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | staBatchSelectVal = staBatchSelectVal.filter(val => | 
|---|
|  |  |  | { | 
|---|
|  |  |  | return new Set(staNos).has(val) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (staBatchSelectVal.length === 0) { | 
|---|
|  |  |  | layer.msg("出库站没有交集,无法批量修改", {icon: 2}); | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | admin.open({ | 
|---|
|  |  |  | type: 1, | 
|---|
|  |  |  | area: '300px', | 
|---|
|  |  |  | offset: 'auto', | 
|---|
|  |  |  | title: '请选择站点', | 
|---|
|  |  |  | content: $('#staBatchSelectDialog').html(), | 
|---|
|  |  |  | success: function (layero, ddIndex) { | 
|---|
|  |  |  | // 渲染下拉框 | 
|---|
|  |  |  | let template = Handlebars.compile($('#batchStaSelectTpl').html()); | 
|---|
|  |  |  | $('#batchSelectStaBox').html(template({list: staBatchSelectVal})); | 
|---|
|  |  |  | // 确认 | 
|---|
|  |  |  | form.on('submit(staBatchSelectConfirm)', function (obj) { | 
|---|
|  |  |  | let loadIdx = layer.load(2); | 
|---|
|  |  |  | let batchSta = Number(obj.field.batchSta); | 
|---|
|  |  |  | let arr = []; | 
|---|
|  |  |  | for (let j = 0; j<stoPreTabData.length; j++) { | 
|---|
|  |  |  | for (let i = 0; i<tableCache.length; i++) { | 
|---|
|  |  |  | if (tableCache[i].orderNo === stoPreTabData[j].orderNo | 
|---|
|  |  |  | && tableCache[i].matnr === stoPreTabData[j].matnr | 
|---|
|  |  |  | && tableCache[i].locNo === stoPreTabData[j].locNo) { | 
|---|
|  |  |  | tableCache[i]['staNo'] = batchSta; | 
|---|
|  |  |  | arr.push(i); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | stoPreTabIdx.reload({data: tableCache}); | 
|---|
|  |  |  | arr.forEach(item => { | 
|---|
|  |  |  | $('div[lay-id=stoPreTab] tr[data-index="' + item + '"] .order-sta-select').val(batchSta); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | layui.form.render('select'); | 
|---|
|  |  |  | arr.forEach(item => { | 
|---|
|  |  |  | $('div[lay-id=stoPreTab] tr[data-index="' + item + '"] .layui-select-title').find("input").css("color", "blue"); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | layer.close(loadIdx); layer.close(ddIndex); | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | // 弹窗不出现滚动条 | 
|---|
|  |  |  | $(layero).children('.layui-layer-content').css('overflow', 'visible'); | 
|---|
|  |  |  | layui.form.render('select'); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ,yes: function(index, layero){ | 
|---|
|  |  |  | //按钮【立即出库】的回调 | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | window.pakoutPreview = pakoutPreview; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function tableReload(child) { | 
|---|
|  |  |  | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /** | 
|---|
|  |  |  | * 一键出库 | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | function autoOut(orderId) { | 
|---|
|  |  |  | let loadIndex = layer.msg('请求中...', {icon: 16, shade: 0.01, time: false}); | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl + "/out/pakout/orderDetlIds/auth", | 
|---|
|  |  |  | headers: {'token': localStorage.getItem('token')}, | 
|---|
|  |  |  | data: { orderId : orderId }, | 
|---|
|  |  |  | method: 'POST', | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | layer.close(loadIndex); | 
|---|
|  |  |  | if (res.code === 200){ | 
|---|
|  |  |  | pakoutPreview(res.data); | 
|---|
|  |  |  | } else if (res.code === 403){ | 
|---|
|  |  |  | top.location.href = baseUrl+"/"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 2}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|