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; // 渲染表格 var insTb = table.render({ elem: '#order', url: baseUrl + '/review/head/page/auth', headers: {token: localStorage.getItem('token')}, page: true, cellMinWidth: 100, toolbar: '#toolbar', cols: [[ {type: 'checkbox', fixed: 'left'}, {field: 'orderNo', title: '单据编号'}, {field: 'cstmrName', align: 'center', title: '客户名称'}, {align: 'center', title: '明细', toolbar: '#tbLook', minWidth: 250, width: 250}, {field: 'createTime$', title: '创建时间', minWidth: 200, width: 200}, {field: 'settle$', align: 'center', title: '状态', templet: '#settleTpl', minWidth: 160, width: 160}, //{field: 'memo', align: 'center',title: '备注'}, {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; } }); // table.on('toolbar(order)', function (obj) { console.info("121211") var checkStatus = table.checkStatus(obj.config.id); console.info(obj) console.info(checkStatus) layer.confirm('确定导出Excel吗', {shadeClose: true}, function () { var ids = ''; for (const o in checkStatus.data) { console.info(o) //ids.push(checkStatus.data[o].id) ids =ids + checkStatus.data[o].id + "," } location.href = baseUrl + "/exportReview?ids=" + ids; layer.closeAll(); }); }); // 搜索 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 + '/review/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 + '/review/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 + '/reviewDetl/list/auth', where: { order_id: data.id }, page: true, cellMinWidth: 100, cols: [[ //{field: 'matnr', title: '物质编码'}, //{field: 'maktx', title: '产品名称'}, {field: 'specs', title: '规格型号'}, {field: 'batch', title: '批次号'}, //{field: 'model', title: '卷号'}, {field: 'anfme', title: '出库数量'}, //{field: 'deadTime', title: '出库日期'}, {field: 'inspect$', title: '复核状态'}, {field: 'threeCode', title: '复核人'}, {field: 'memo', title: '复核备注'} ]], 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 + "/review/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 + "/review/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 < selectList.length; i++) { let item = selectList[i]; // 查询物料详情 $.ajax({ url: baseUrl + "/mat/covert/" + item.value + "/auth", headers: {'token': localStorage.getItem('token')}, method: 'GET', async: false, success: function (res) { if (res.code === 200) { xxDataList.push(res.data); insTbSSXM.reload({data: xxDataList, page: {curr: 1}}); } else if (res.code === 403) { top.location.href = baseUrl + "/"; } else { layer.msg(res.msg, {icon: 2}) } } }) } layer.close(dIndex); return false; }); // 渲染物料选择 var matXmSelect = xmSelect.render({ el: '#mat', style: { width: '340px', }, autoRow: true, toolbar: {show: true}, filterable: true, remoteSearch: true, remoteMethod: function (val, cb, show) { $.ajax({ url: baseUrl + "/mat/all/get/kv", headers: {'token': localStorage.getItem('token')}, data: { condition: val }, method: 'POST', success: function (res) { if (res.code === 200) { cb(res.data) } else { cb([]); layer.msg(res.msg, {icon: 2}); } } }); } }) // 弹窗不出现滚动条 $(layero).children('.layui-layer-content').css('overflow', 'visible'); layui.form.render('select'); } }); } } }); } // 删除单据 function doDel(orderId) { layer.confirm('确定要删除吗?', { shade: .1, skin: 'layui-layer-admin' }, function (i) { layer.close(i); layer.load(2); $.ajax({ url: baseUrl + "/review/delete/auth", headers: {'token': localStorage.getItem('token')}, data: { orderId: orderId }, method: 'POST', success: function (res) { layer.closeAll('loading'); if (res.code === 200) { if (insTbCount === 0) { insTb.reload({page: {curr: 1}}); } else { $(".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}); } } }) }); } // 修改订单状态 function doModify(orderId, orderNo, settle) { layer.confirm('确定要手动完结吗?', { shade: .1, skin: 'layui-layer-admin' }, function (i) { layer.close(i); layer.load(2); console.log(orderId); console.log(settle); $.ajax({ url: baseUrl + "/review/update/auth", headers: {'token': localStorage.getItem('token')}, data: { id: orderId, orderNo: orderNo, settle: settle }, method: 'POST', success: function (res) { layer.closeAll('loading'); if (res.code === 200) { if (insTbCount === 0) { insTb.reload({page: {curr: 1}}); } else { $(".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}); } } }) }); } // 任务追溯 function showWrkTrace(orderId) { let loadIndex = layer.msg('请求中...', {icon: 16, shade: 0.01, time: false}); $.ajax({ url: baseUrl + "/review/wrk/trace/auth", headers: {'token': localStorage.getItem('token')}, data: { orderId: orderId }, method: 'POST', success: function (res) { layer.close(loadIndex); if (res.code === 200) { laytpl(wrkTraceDialog.innerHTML).render(res.data, function (html) { admin.open({ type: 1, title: '任务追溯', area: ['800px', '450px'], shadeClose: true, content: html, success: function (layero, dIndex) { $(layero).children('.layui-layer-content').css('overflow', 'visible'); /** 统计图表 */ var traceCharts = echarts.init(document.getElementById('wrkTraceCharts')); var traceOptions = { title: { text: '总量/作业/完成', x: 'center', y: '38%', textStyle: {fontSize: 18, color: '#262626', fontWeight: 'normal'}, subtextStyle: {fontSize: 36, color: '#10B4E8'}, itemGap: 20 }, color: ['#10B4E8', '#E0E0E0', '#FF0000'], tooltip: {trigger: 'item'}, series: [{ name: '箱子数量', type: 'pie', radius: ['75%', '80%'], label: {normal: {show: false}} }] }; traceCharts.setOption(traceOptions); // 赋值 traceCharts.setOption({ title: { subtext: res.data.totalQty + "/" + res.data.wrkQty + "/" + res.data.endQty }, series: [ { data: [ {name: '已作业', value: res.data.wrkQty}, { name: '未作业', value: res.data.totalQty - res.data.wrkQty - res.data.lackQty }, {name: '库存不足', value: res.data.lackQty}, ] } ] }); } }); }); } else if (res.code === 403) { top.location.href = baseUrl + "/"; } else { layer.msg(res.msg, {icon: 2}); } } }) } layDate.render({ elem: '.layui-laydate-range' , type: 'datetime' , range: true }); function pakoutPreview(ids) { let loadIndex = layer.load(2); $.ajax({ url: baseUrl + "/out/refund/loc/preview/auth", headers: {'token': localStorage.getItem('token')}, contentType: 'application/json;charset=UTF-8', data: JSON.stringify(ids), 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: ['1500px', '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, cols: [[ {type: 'checkbox'}, // {type: 'checkbox', merge: ['orderNo']}, {field: 'orderNo', title: '单据编号', align: 'center'}, // {field: 'orderNo', title: '单据编号', merge: true, align: 'center'}, {field: 'title', title: '商品', align: 'center', width: 350}, // {field: 'title', title: '商品', merge: true, align: 'center', width: 350}, {field: 'batch', title: '箱号', align: 'center'}, {field: 'model', title: '卷号', align: 'center', hide: false}, {field: 'specs', title: '接头', align: 'center'}, // {field: 'brand', title: '木箱类型', align: 'center'}, {field: 'brand$', title: '木箱类型', align: 'center'}, {field: 'zpallet', title: '托盘码', align: 'center'}, { field: 'anfme', title: '数量', align: 'center', width: 90, style: 'font-weight: bold' }, { field: 'count', title: '数量', align: 'center', width: 90, style: 'font-weight: bold' }, {field: 'locNo', title: '货位', align: 'center', width: 100, templet: '#locNoTpl'}, {field: 'tkType$', title: 'TK标记', align: 'center', width: 100}, // {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(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}) } } }); } });