| | |
|---|
| | | 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: '#'} |
|---|
| | |
|---|
| | | 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) { |
|---|
| | | // 出库 |
|---|
| | | case 'pakoutPreview': |
|---|
| | | pakoutPreview([data.id]) |
|---|
| | | pakoutPreviewCustomQuantity([data.id]) |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | function pakoutPreview(ids) { |
|---|
| | | function pakoutPreviewCustomQuantity(ids){ |
|---|
| | | // 弹框内容 |
|---|
| | | var content = ` |
|---|
| | | <form class="layui-form" id="billForm" style="padding: 20px;"> |
|---|
| | | <div class="layui-form-item" style="margin-bottom: 20px;"> |
|---|
| | | <label class="layui-form-label" style="width: 80px; font-size: 14px;">数量：</label> |
|---|
| | | <div class="layui-input-block" style="margin-left: 110px;"> |
|---|
| | | <input class="layui-input" type="number" id="amount" placeholder="请输入出库数量"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-form-item" style="text-align: right;"> |
|---|
| | | <button type="button" class="layui-btn" id="saveBtn" style="display: inline-block; padding: 0px 20px; font-size: 16px; background-color: #5FB878; border-color: #5FB878; text-align: center;">保存</button> |
|---|
| | | </div> |
|---|
| | | </form> |
|---|
| | | `; |
|---|
| | | |
|---|
| | | // 弹框 |
|---|
| | | layer.open({ |
|---|
| | | type: 1, // 使用 HTML 内容 |
|---|
| | | title: '输入出库数量', |
|---|
| | | content: content, |
|---|
| | | area: ['400px', '200px'], // 弹框大小 |
|---|
| | | shadeClose: true, // 点击遮罩关闭 |
|---|
| | | offset: '100px', |
|---|
| | | success: function (layero, index) { |
|---|
| | | form.render(); |
|---|
| | | // 点击保存按钮事件 |
|---|
| | | $('#saveBtn').on('click', function () { |
|---|
| | | var amount = $('#amount').val(); |
|---|
| | | console.log(amount) |
|---|
| | | pakoutPreview2(ids,amount); |
|---|
| | | |
|---|
| | | |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function pakoutPreview(ids,amount) { |
|---|
| | | let loadIndex = layer.load(2); |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl + "/out/pakout/preview/auth", |
|---|
| | | url: baseUrl + "/out/pakout/OrderOutGetLoc/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | contentType: 'application/json;charset=UTF-8', |
|---|
| | | data: JSON.stringify(ids), |
|---|
| | |
|---|
| | | type: 1 |
|---|
| | | ,title: false |
|---|
| | | ,closeBtn: false |
|---|
| | | ,offset: '100px' |
|---|
| | | ,area: '1200px' |
|---|
| | | ,offset: '50px' |
|---|
| | | ,area: ['1200px', '700px'] |
|---|
| | | ,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: 450, |
|---|
| | | height: 520, |
|---|
| | | page: false, |
|---|
| | | limit: Number.MAX_VALUE, |
|---|
| | | cellMinWidth: 100, |
|---|
| | | cols: [[ |
|---|
| | | // {type: 'checkbox', merge: ['orderNo']}, |
|---|
| | | {field: 'orderNo', title: '单据编号', merge: true, align: 'center'}, |
|---|
| | | {field: 'title', title: '商品', merge: true, align: 'center'}, |
|---|
| | | {field: 'batch', title: '批次', align: 'center'}, |
|---|
| | | {field: 'supp', align: 'center',title: '供应商', hide: false} |
|---|
| | | ,{field: 'sku', align: 'center',title: '客户名称', hide: false} |
|---|
| | | ,{field: 'suppCode', align: 'center',title: '来源单号', hide: false}, |
|---|
| | | {field: 'anfme', title: '数量', align: 'center', width: 90, style: 'font-weight: bold'}, |
|---|
| | | {field: 'locNo', title: '货位', align: 'center', width: 100, templet: '#locNoTpl'}, |
|---|
| | | {field: 'staNos', align: 'center', title: '出库站', merge: ['locNo'], templet: '#tbBasicTbStaNos'}, |
|---|
| | | {type: 'checkbox', merge: ['locNo']}, |
|---|
| | | ]], |
|---|
| | | done: function (res) { |
|---|
| | | tableMerge.render(this); |
|---|
| | | $('.layui-table-body.layui-table-main').css("overflow", "auto"); |
|---|
| | | tableCache = tableData = table.cache.stoPreTab; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | // 修改出库站 |
|---|
| | | form.on('select(tbBasicTbStaNos)', function (obj) { |
|---|
| | | let index = obj.othis.parents('tr').attr("data-index"); |
|---|
| | | let data = tableCache[index]; |
|---|
| | | for (let i = 0; i<tableCache.length; i++) { |
|---|
| | | if (tableCache[i].locNo === data.locNo) { |
|---|
| | | tableCache[i]['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){ |
|---|
| | | //按钮【立即出库】的回调 |
|---|
| | | pakout(tableCache, index); |
|---|
| | | } |
|---|
| | | ,btn2: function(index, layero){ |
|---|
| | | //按钮【稍后处理】的回调 |
|---|
| | | layer.close(index) |
|---|
| | | //return false 开启该代码可禁止点击该按钮关闭 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } else if (res.code === 403){ |
|---|
| | | top.location.href = baseUrl+"/"; |
|---|
| | | } else { |
|---|
| | | layer.msg(res.msg, {icon: 2}) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | function pakoutPreview2(ids,amount) { |
|---|
| | | let loadIndex = layer.load(2); |
|---|
| | | var json = {} |
|---|
| | | json.ids = ids |
|---|
| | | json.amount = amount |
|---|
| | | $.ajax({ |
|---|
| | | url: baseUrl + "/out/pakout/OrderOutGetLoc.number/auth", |
|---|
| | | headers: {'token': localStorage.getItem('token')}, |
|---|
| | | contentType: 'application/json;charset=UTF-8', |
|---|
| | | data: JSON.stringify(json), |
|---|
| | | method: 'POST', |
|---|
| | | success: function (res) { |
|---|
| | | layer.close(loadIndex); |
|---|
| | | var tableCache; |
|---|
| | | if (res.code === 200){ |
|---|
| | | layer.open({ |
|---|
| | | type: 1 |
|---|
| | | ,title: false |
|---|
| | | ,closeBtn: false |
|---|
| | | ,offset: '50px' |
|---|
| | | ,area: ['1200px', '700px'] |
|---|
| | | ,shade: 0.5 |
|---|
| | | ,shadeClose: false |
|---|
| | | ,btn: ['立即出库', '稍后处理'] |
|---|
| | | ,btnAlign: 'c' |
|---|
| | | ,moveType: 1 //拖拽模式，0或者1 |
|---|
| | | ,content: $('#pakoutPreviewBox').html() |
|---|
| | | ,success: function(layero, index){ |
|---|
| | | stoPreTabIdx = table.render({ |
|---|
| | | elem: '#stoPreTab', |
|---|
| | | data: res.data, |
|---|
| | | height: 520, |
|---|
| | | page: false, |
|---|
| | | limit: Number.MAX_VALUE, |
|---|
| | | cellMinWidth: 100, |
|---|
| | |
|---|
| | | 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}); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
