var insTbCount = 0; var tableCache2 = []; layui.config({ base: baseUrl + "/static/layui/lay/modules/" }).extend({ notice: 'notice/notice', }).use(['layer', 'form', 'table','upload','element', 'util', 'admin', 'xmSelect', 'laydate', 'tableMerge', 'notice'], function () { var $ = layui.jquery; var layer = layui.layer; var form = layui.form; var table = layui.table; var util = layui.util; var upload = layui.upload; var admin = layui.admin; var xmSelect = layui.xmSelect; var layDate = layui.laydate; var laytpl = layui.laytpl; var tableMerge = layui.tableMerge; var notice = layui.notice; var element = layui.element; // 渲染搜索模板 $.ajax({ url: baseUrl+"/docType/list/auth", headers: {'token': localStorage.getItem('token')}, data: { limit: 9999 }, method: 'POST', success: function (res) { if (res.code === 200){ let template = Handlebars.compile($('#docTypeTpl').html()); $('#docType-query').html(template(res.data)); layui.form.render('select'); } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg, {icon: 2}) } } }) // 渲染表格 var insTb = table.render({ elem: '#order', url: baseUrl+'/order/head/page/auth', headers: {token: localStorage.getItem('token')}, page: true, cellMinWidth: 100, cols: [[ {type: 'numbers'}, {field: 'orderNo', title: '单据编号', templet: '#orderNoTpl'}, {field: 'docType$', align: 'center', title: '类型', minWidth: 160, width: 160}, {field: 'tkType', align: 'center', title: 'TK', minWidth: 160, width: 160,hide: true}, {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 160, width: 160}, {field: 'createTime$', title: '创建时间', minWidth: 200, width: 200}, {field: 'settle$', align: 'center', title: '状态', templet: '#settleTpl', minWidth: 160, width: 160}, {field: 'memo', align: 'center',title: '备注', hide: true}, {align: 'center', title: '操作', toolbar: '#operate', width: 240} ]], request: { pageName: 'curr', pageSize: 'limit' }, parseData: function (res) { return { 'code': res.code, 'msg': res.msg, 'count': res.data.total, 'data': res.data.records } }, response: { statusCode: 200 }, done: function (res, curr, count) { limit(); if (res.code === 403) { top.location.href = baseUrl+"/"; } insTbCount = count; } }); // 搜索 form.on('submit(tbSearch)', function (data) { insTb.reload({where: data.field, page: {curr: 1}}); }); //多文件列表 var uploadListIns = upload.render({ elem: '#data-btn-file2' ,elemList: $('#data-btn-file3') //列表元素对象 ,url: baseUrl+'/order/insert/labelUp/file/auth' ,accept: 'file' ,multiple: true ,number: 10 ,auto: false ,bindAction: '#testListAction' ,choose: function(obj){ // 赋值 this.data.orderId=$('.layui-layer-title').text() var that = this; var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列 //读取本地文件 obj.preview(function(index, file, result){ var tr = $(['' ,''+ file.name +'' ,''+ (file.size/1014).toFixed(1) +'kb' ,'
' ,'' ,'' // ,'' ,'' ,''].join('')); //单个重传 tr.find('.demo-reload').on('click', function(){ obj.upload(index, file); }); //删除 tr.find('.demo-delete').on('click', function(){ delete files[index]; //删除对应的文件 tr.remove(); uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选 }); that.elemList.append(tr); element.render('progress'); //渲染新加的进度条组件 }); } ,done: function(res, index, upload){ //成功的回调 var that = this; //if(res.code == 0){ //上传成功 var tr = that.elemList.find('tr#upload-'+ index) ,tds = tr.children(); tds.eq(3).html(''); //清空操作 delete this.files[index]; //删除文件队列已经上传成功的文件 return; //} this.error(index, upload); } ,allDone: function(obj){ //多文件上传完毕后的状态回调 console.log(obj) } ,error: function(index, upload){ //错误回调 var that = this; var tr = that.elemList.find('tr#upload-'+ index) ,tds = tr.children(); tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传 } ,progress: function(n, elem, e, index){ //注意:index 参数为 layui 2.6.6 新增 element.progress('progress-demo-'+ index, n + '%'); //执行进度条。n 即为返回的进度百分比 } }); // 添加 $("#orderAddBtn").click(function () { showEditModel(); }); // 工具条点击事件 table.on('tool(order)', function (obj) { var data = obj.data; var layEvent = obj.event; if (layEvent === 'edit') { showEditModel(data); } else if (layEvent === 'wrkTrace') { showWrkTrace(data.id); } else if (layEvent === 'del') { doDel(data.id); } else if (layEvent === 'labelUp') { //上传标签 // 打开弹窗 // 构建带参数的内容 layer.open({ area: '1020px', type: 1, title: '上传文件-'+data.id, content: $('#myModal') }); // 获取路径下的文件列表,使用 jQuery 的 ajax 方法 $.ajax({ url: baseUrl+'/order/view/labelUp/file/auth', data:{ orderId:data.id }, success: function(response) { if (response.code==200){ var targetTable = document.getElementById("data-btn-file3"); targetTable.innerHTML = ''; // 将获取到的文件列表添加到文件队列中进行显示 response.data.forEach(function(file,index) { // 创建tr元素 var tr = document.createElement("tr"); tr.id = "upload-"+index; tr.innerHTML = '' + file.name + '' + '' + (file.size / 1024).toFixed(1) + 'kb' + '
' + '' + '' // + '' + ''; // 将tr元素添加到目标table中 targetTable.appendChild(tr); }); }else { console.log('Failed to get file list error.'); } }, error: function() { console.log('Failed to get file list.'); } }); } else if (layEvent === 'refundLoc') { //退库 pakoutPreview([data.id]); } else if (layEvent === 'complete') { doModify(data.id, data.orderNo, 4); } else if (layEvent === 'look') { var $a = $(obj.tr).find('a[lay-event="look"]'); var offset = $a.offset(); var top = offset.top; var left = offset.left; layer.open({ type: 1, title: false, area: '1020px', offset: [top + 'px', (left - 530 + $a.outerWidth()) + 'px'], shade: .01, shadeClose: true, fixed: false, content: '
', success: function (layero) { table.render({ elem: '#lookSSXMTable', headers: {token: localStorage.getItem('token')}, url: baseUrl+'/orderDetl/list/auth', where: { order_id: data.id }, page: true, cellMinWidth: 100, cols: [[ {type: 'numbers'}, {field: 'matnr', title: '规格', width: 160}, {field: 'maktx', title: '商品名称', width: 160}, {field: 'batch', title: '箱号'}, {field: 'anfme', title: '数量'}, // {field: 'workQty', title: '作业数量'}, // {field: 'unit', title: '单位'}, // { // field: 'createTime$', title: '创建时间', sort: true, templet: function (d) { // return util.toDateString(d.createTime); // }, width: 180 // }, // {field: 'inQty', title: '已入库量'}, // {field: 'color', title: '颜色'}, {field: 'specs', title: '接头'}, {field: 'qty$', title: '状态', style: 'font-weight: bold'}, {field: 'source$', title: '是否确认', style: 'font-weight: bold'} ]], request: { pageName: 'curr', pageSize: 'limit' }, parseData: function (res) { return { 'code': res.code, 'msg': res.msg, 'count': res.data.total, 'data': res.data.records } }, response: { statusCode: 200 }, done: function () { $(layero).find('.layui-table-view').css('margin', '0'); }, size: '' }); } }); } }); // 显示表单弹窗 function showEditModel(expTpe) { admin.open({ type: 1, title: (expTpe ? '修改' : '添加') + '单据', content: $('#editDialog').html(), area: '1300px', success: function (layero, dIndex) { $(layero).children('.layui-layer-content').css('overflow', 'visible'); var isExpAdd = !expTpe; // 回显数据 form.val('editForm', expTpe); if (expTpe) { $('#orderNo').attr("disabled", "disabled"); } // 表单提交事件 form.on('submit(orderEditSubmit)', function (data) { // 组装数据 if (xxDataList.length <= 0) { layer.tips('请添加单据明细', '#matAddBtnComment', {tips: [1, '#ff4c4c']}); return false; } let nList = admin.util.deepClone(xxDataList); for (let xi = 0; xi < nList.length; xi++) { if (nList[xi].anfme <= 0){ layer.msg('明细修改数量不合法', {icon: 2}); return false; } if (nList[xi].anfme < nList[xi].workQty){ layer.msg('数量不能小于已作业数量', {icon: 2}); return false; } } layer.load(2); $.ajax({ url: baseUrl+"/order/form/" + (isExpAdd?"add":"modify") + "/auth", headers: {'token': localStorage.getItem('token')}, data: JSON.stringify({ orderId: Number(data.field.id), docType: Number(data.field.docType), orderNo: data.field.orderNo, orderDetlList: nList }), contentType:'application/json;charset=UTF-8', method: 'POST', success: function (res) { layer.closeAll('loading'); if (res.code === 200){ layer.close(dIndex); $(".layui-laypage-btn")[0].click(); layer.msg(res.msg, {icon: 1}); } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg, {icon: 2}); } } }) return false; }); // 明细表格 var xxDataList = []; var tbOptions = { elem: '#formSSXMTable', headers: {token: localStorage.getItem('token')}, data: xxDataList, page: true, height: '350px;', cellMinWidth: 100, cols: [[ {type: 'numbers', title: '#'}, {field: 'matnr', title: '规格', width: 160}, {field: 'maktx', title: '商品名称', width: 200}, {field: 'batch', title: '箱号', edit: true}, {field: 'specs', title: '接头'}, {field: 'anfme', title: '数量(修改)', style: 'color: blue;font-weight: bold', edit: true, minWidth: 110, width: 110}, {field: 'workQty', title: '作业数量', minWidth: 100, width: 100}, // {field: 'unit', title: '单位', width: 80}, {field: 'memo', title: '备注' , edit: true}, {align: 'center', title: '操作', toolbar: '#formSSXMTableBar', minWidth: 80, width: 80, fixed: 'right'} ]], done: function (res) { $(layero).find('.layui-table-view').css('margin', '0'); }, size: '' }; if (!isExpAdd) { $.ajax({ url: baseUrl+"/order/detl/all/auth?orderId=" + expTpe.id, headers: {'token': localStorage.getItem('token')}, method: 'GET', async: false, success: function (res) { if (res.code === 200){ xxDataList = res.data; tbOptions.data = xxDataList; } else if (res.code === 403){ top.location.href = baseUrl+"/"; }else { layer.msg(res.msg, {icon: 2}) } } }) } var insTbSSXM = table.render(tbOptions); // 工具条点击事件 table.on('tool(formSSXMTable)', function (obj) { var data = obj.data; var layEvent = obj.event; if (layEvent === 'edit') { showEditModel2(data); } else if (layEvent === 'del') { if(data.workQty > 0){ layer.msg("已存在作业数量,不能删除", {icon: 2}); return; } layer.confirm('确定要删除吗?', { shade: .1, skin: 'layui-layer-admin' }, function (i) { layer.close(i); for (var j = 0; j < xxDataList.length; j++) { if (xxDataList[j].matnr === data.matnr && xxDataList[j].batch === data.batch) { xxDataList.splice(j, 1); break; } } insTbSSXM.reload({data: xxDataList, page: {curr: 1}}); }); } }); // 明细数据修改 table.on('edit(formSSXMTable)', function (obj) { let index = obj.tr.attr("data-index"); let data = xxDataList[index]; if (obj.field === 'anfme'){ let vle = Number(obj.value); if (isNaN(vle)) { layer.msg("请输入数字", {icon: 2}); return false; } else { if (vle <= 0) { layer.msg("数量必须大于零", {icon: 2}); // data[obj.field] = 0; // insTbSSXM.reload({data: xxDataList}); return false; } if(obj.value < data.workQty){ layer.msg("输入数量不能小于作业中数量", {icon: 2}); // data[obj.field] = 0; // insTbSSXM.reload({data: xxDataList}); return false; } } } data[obj.field] = obj.value; insTbSSXM.reload({data: xxDataList}); }); $('#matAddBtnComment').click(function () { showEditModel2(); }); // 显示添加明细表单弹窗 function showEditModel2(exp) { admin.open({ type: 1, offset: '150px', area: '680px', title: (exp ? '修改' : '添加') + '明细', content: $('#matEditDialog').html(), success: function (layero, dIndex) { // 回显数据 form.val('matEditForm', exp); // 表单提交事件 form.on('submit(matEditSubmit)', function (data) { let selectList = matXmSelect.getValue(); for (let i = 0; i { 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 { $('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(tableCache2, index); tableCache2 = [] } ,btn2: function(index, layero){ //按钮【稍后处理】的回调 layer.close(index) tableCache2 = [] //return false 开启该代码可禁止点击该按钮关闭 } }); } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg, {icon: 2}) } } }) // 复选框事件 table.on('checkbox(stoPreTab)', function(obj){ tableCache2.push(obj.data) }); } function pakout(tableCache, layerIndex) { // let loadIndex = layer.load(2); notice.msg('正在生成出库任务......', {icon: 4}); $.ajax({ url: baseUrl + "/out/refund/loc/auth", headers: {'token': localStorage.getItem('token')}, contentType: 'application/json;charset=UTF-8', data: JSON.stringify(tableCache), method: 'POST', success: function (res) { notice.destroy(); if (res.code === 200) { layer.close(layerIndex); layer.msg(res.msg, {icon: 1}); insTb.reload({where: null}); insTb2.reload({where: null, page: {curr: 1}}); } else if (res.code === 403) { top.location.href = baseUrl + "/"; } else { layer.msg(res.msg, {icon: 2}) } } }); } });