From d16d3b70e94f798d7e5abd145f8566d81d0c66c9 Mon Sep 17 00:00:00 2001 From: 18516761980 <4761516tqsxp> Date: 星期二, 14 六月 2022 18:07:45 +0800 Subject: [PATCH] # --- src/main/webapp/static/js/matCode/matCode.js | 369 ++++++++++++++++++++++++++++------------------------ 1 files changed, 199 insertions(+), 170 deletions(-) diff --git a/src/main/webapp/static/js/matCode/matCode.js b/src/main/webapp/static/js/matCode/matCode.js index 7886e47..0366a20 100644 --- a/src/main/webapp/static/js/matCode/matCode.js +++ b/src/main/webapp/static/js/matCode/matCode.js @@ -1,9 +1,21 @@ var pageCurr; -layui.use(['table','laydate', 'form'], function(){ +var printMatCodeNos = []; +function getCol() { + var cols = [ + {type: 'checkbox'} + ]; + cols.push.apply(cols, matCols); + cols.push({field: 'modiUser$', align: 'center',title: '淇敼浜哄憳', hide: true} + ,{field: 'modiTime$', align: 'center',title: '淇敼鏃堕棿', hide: true} + ,{fixed: 'right', title:'鎿嶄綔', align: 'center', toolbar: '#operate', width:120}) + return cols; +} +layui.use(['table','laydate', 'form','upload'], function(){ var table = layui.table; var $ = layui.jquery; var layer = layui.layer; var layDate = layui.laydate; + var upload = layui.upload; var form = layui.form; // 鏁版嵁娓叉煋 @@ -13,53 +25,11 @@ url: baseUrl+'/matCode/list/auth', page: true, limit: 16, + limits: [16, 50, 100, 200, 500], even: true, toolbar: '#toolbar', cellMinWidth: 50, - cols: [[ - {type: 'checkbox'} -// ,{field: 'id', title: 'ID', sort: true,align: 'center', fixed: 'left', width: 80} - ,{field: 'matNo', align: 'center',title: '鐗╂枡缂栫爜'} - ,{field: 'barcode', align: 'center',title: '鏉$爜'} - ,{field: 'matName', align: 'center',title: '鐗╂枡鍚嶇О'} - ,{field: 'str1', align: 'center',title: '鐗╂枡鍗曚綅'} - ,{field: 'str2', align: 'center',title: '鐗╂枡瑙勬牸'} - // ,{field: 'str3', align: 'center',title: ''} - // ,{field: 'str4', align: 'center',title: ''} - // ,{field: 'str5', align: 'center',title: ''} - // ,{field: 'str6', align: 'center',title: ''} - // ,{field: 'str7', align: 'center',title: ''} - // ,{field: 'str8', align: 'center',title: ''} - // ,{field: 'str9', align: 'center',title: ''} - // ,{field: 'str10', align: 'center',title: ''} - // ,{field: 'str11', align: 'center',title: ''} - // ,{field: 'str12', align: 'center',title: ''} - // ,{field: 'str13', align: 'center',title: ''} - // ,{field: 'str14', align: 'center',title: ''} - // ,{field: 'str15', align: 'center',title: ''} - // ,{field: 'str16', align: 'center',title: ''} - // ,{field: 'str17', align: 'center',title: ''} - // ,{field: 'str18', align: 'center',title: ''} - // ,{field: 'str19', align: 'center',title: ''} - // ,{field: 'str20', align: 'center',title: ''} - // ,{field: 'str21', align: 'center',title: ''} - // ,{field: 'str22', align: 'center',title: ''} - // ,{field: 'str23', align: 'center',title: ''} - // ,{field: 'num1', align: 'center',title: ''} - // ,{field: 'num2', align: 'center',title: ''} - // ,{field: 'num3', align: 'center',title: ''} - // ,{field: 'num4', align: 'center',title: ''} - // ,{field: 'num5', align: 'center',title: ''} - // ,{field: 'num6', align: 'center',title: ''} - // ,{field: 'date1$', align: 'center',title: ''} - // ,{field: 'appeUser$', align: 'center',title: '鍒涘缓鑰�',event: 'appeUser', style: 'cursor:pointer'} - // ,{field: 'appeTime$', align: 'center',title: '娣诲姞鏃堕棿'} - // ,{field: 'modiUser$', align: 'center',title: '淇敼浜哄憳',event: 'modiUser', style: 'cursor:pointer'} - // ,{field: 'modiTime$', align: 'center',title: '淇敼鏃堕棿'} - // ,{field: 'status', align: 'center',title: ''} - - ,{fixed: 'right', title:'鎿嶄綔', align: 'center', toolbar: '#operate', width:150} - ]], + cols: [getCol()], request: { pageName: 'curr', pageSize: 'limit' @@ -77,7 +47,7 @@ }, done: function(res, curr, count) { if (res.code === 403) { - top.location.href = baseUrl; + top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); @@ -107,7 +77,7 @@ }, done: function (res, curr, count) { if (res.code === 403) { - top.location.href = baseUrl; + top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); @@ -131,16 +101,23 @@ layer.getChildFrame('#data-detail-submit-edit', index).hide(); clearFormVal(layer.getChildFrame('#detail', index)); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); + // 瀛楁娉ㄥ叆鐗╂枡缂栫爜 + $.ajax({ + url: baseUrl+"/matCode/auto/id/auth", + headers: {'token': localStorage.getItem('token')}, + method: 'GET', + success: function (res) { + if (res.code === 200){ + layer.getChildFrame('#matNo', index).val(res.data); + } else if (res.code === 403){ + parent.location.href = "/"; + }else { + layer.msg(res.msg) + } + } + }) } }); - break; - case 'refreshData': - tableIns.reload({ - page: { - curr: pageCurr - } - }); - limit(); break; case 'deleteData': var data = checkStatus.data; @@ -157,9 +134,9 @@ success: function (res) { if (res.code === 200){ layer.closeAll(); - tableReload(false); + $(".layui-laypage-btn")[0].click(); } else if (res.code === 403){ - top.location.href = baseUrl; + top.location.href = baseUrl+"/"; } else { layer.msg(res.msg) } @@ -168,46 +145,107 @@ }); } break; + // 瀵煎嚭 case 'exportData': - layer.confirm('纭畾瀵煎嚭Excel鍚�', function(){ - var titles=[]; - var fields=[]; - obj.config.cols[0].map(function (col) { - if (col.type === 'normal' && col.hide === false && col.toolbar == null) { - titles.push(col.title); - fields.push(col.field); - } - }); - var exportData = {}; - $.each($('#search-box [name]').serializeArray(), function() { - exportData[this.name] = this.value; - }); - var param = { - 'matCode': exportData, - 'fields': fields - }; - $.ajax({ - url: baseUrl+"/matCode/export/auth", - headers: {'token': localStorage.getItem('token')}, - data: JSON.stringify(param), - dataType:'json', - contentType:'application/json;charset=UTF-8', - method: 'POST', - success: function (res) { - layer.closeAll(); - if (res.code === 200) { - table.exportFile(titles,res.data,'xls'); - } else if (res.code === 403) { - top.location.href = baseUrl; - } else { - layer.msg(res.msg) - } - } - }); + layer.open({ + type: 1, + title: '鏁版嵁瀵煎嚭', + shadeClose: true, + content: $('#exportDataDiv'), + success: function(layero, index){ + + }, + end: function () { + $("#exportFileName").val(""); + $("#exportRowCount").val(""); + } + }) + break; + // 瀵煎叆 + case 'intoData': + layer.open({ + type: 1, + title: '鏁版嵁瀵煎叆', + shadeClose: true, + content: $('#importDataDiv'), + success: function(layero, index){ + uploader.reload(); + }, + end: function () { + $('#uploadDesc').show(); + $('#uploadDemoView').hide(); + $('#fileMame').html(""); + } }); + break; + // 鎵归噺鎵撳嵃 + case "btnPrintBatch": + printMatCodeNos = []; + var data = checkStatus.data; + if (data.length === 0){ + layer.msg('璇烽�夋嫨鎵撳嵃鏁版嵁'); + } else { + layer.open({ + type: 1, + title: '鎵归噺鎵撳嵃 [鏁伴噺'+ data.length +']', + area: ['500px'], + shadeClose: true, + content: $('#printDataDiv'), + success: function(layero, index){ + for (var i = 0; i<data.length;i++) { + printMatCodeNos.push(data[i].matNo); + } + }, + end: function () { + } + }); + } break; } }); + + // 瀵煎嚭excel + form.on('submit(exportDo)', function(data) { + layer.closeAll(); + layer.load(1, {shade: [0.1,'#fff']}); + location.href = baseUrl + "/matCode/export/auth?fileName="+$("#exportFileName").val()+"&rowCount="+$("#exportRowCount").val(); + layer.closeAll('loading'); + return false; + }); + + // 瀵煎叆excel + var uploader = upload.render({ + elem: '#uploadEx' + , url: baseUrl + '/matCode/import/auth' + , headers: {token: localStorage.getItem('token')} + , accept: 'file' + , exts: 'xls|excel|xlsx' + , auto: false + , bindAction: '#uploadDo' + , before: function(obj){ + layer.closeAll(); + layer.load(1, {shade: [0.1,'#fff']}); + } + , choose: function(obj){ + $('#uploadDesc').hide(); + $('#uploadDemoView').show(); + obj.preview(function(index, file, result){ + $('#fileMame').html(file.name); + }); + } + , done: function (res) { + limit(); + $('#uploadDesc').show(); + $('#uploadDemoView').hide(); + $('#fileMame').html(""); + layer.closeAll('loading'); + layer.msg(res.msg); + tableReload(false); + } + , error: function(index, upload){ + layer.closeAll('loading'); + } + }) // 鐩戝惉琛屽伐鍏蜂簨浠� table.on('tool(matCode)', function(obj){ @@ -220,7 +258,7 @@ title: '璇︽儏', maxmin: true, area: [top.detailWidth, top.detailHeight], - shadeClose: false, + shadeClose: true, content: 'matCode_detail.html', success: function(layero, index){ setFormVal(layer.getChildFrame('#detail', index), data, true); @@ -244,7 +282,7 @@ success: function(layero, index){ layer.getChildFrame('#data-detail-submit-save', index).hide(); setFormVal(layer.getChildFrame('#detail', index), data, false); - top.convertDisabled(layer.getChildFrame('#data-detail :input', index), false); + // top.convertDisabled(layer.getChildFrame('#data-detail :input', index), false); top.convertDisabled(layer.getChildFrame('#matNo', index), true); layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); layero.find('iframe')[0].contentWindow.layui.form.render('select'); @@ -252,81 +290,68 @@ } }); break; - case 'appeUser': - var param = top.reObject(data).appeUser; - if (param === undefined) { - layer.msg("鏃犳暟鎹�"); - } else { - layer.open({ - type: 2, - title: '鍒涘缓鑰呰鎯�', - maxmin: true, - area: [top.detailWidth, top.detailHeight], - shadeClose: false, - content: '../user/user_detail.html', - success: function(layero, index){ - $.ajax({ - url: "baseUrl+/user/"+ param +"/auth", - headers: {'token': localStorage.getItem('token')}, - method: 'GET', - success: function (res) { - if (res.code === 200){ - setFormVal(layer.getChildFrame('#detail', index), res.data, true); - top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); - layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); - layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); - layero.find('iframe')[0].contentWindow.layui.form.render('select'); - layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); - } else if (res.code === 403){ - parent.location.href = baseUrl; - }else { - layer.msg(res.msg) - } - } - }) - } - }); - } + // 鎵撳嵃 + case "btnPrint": + printMatCodeNos = []; + layer.open({ + type: 1, + title: data.matNo + ' [鏁伴噺锛�1]', + area: ['500px'], + shadeClose: true, + content: $('#printDataDiv'), + success: function(layero, index){ + layer.iframeAuto(index); + printMatCodeNos.push(data.matNo); + }, + end: function () { + } + }); break; - case 'modiUser': - var param = top.reObject(data).modiUser; - if (param === undefined) { - layer.msg("鏃犳暟鎹�"); - } else { - layer.open({ - type: 2, - title: '淇敼浜哄憳璇︽儏', - maxmin: true, - area: [top.detailWidth, top.detailHeight], - shadeClose: false, - content: '../user/user_detail.html', - success: function(layero, index){ - $.ajax({ - url: "baseUrl+/user/"+ param +"/auth", - headers: {'token': localStorage.getItem('token')}, - method: 'GET', - success: function (res) { - if (res.code === 200){ - setFormVal(layer.getChildFrame('#detail', index), res.data, true); - top.convertDisabled(layer.getChildFrame('#data-detail :input', index), true); - layer.getChildFrame('#data-detail-submit-save,#data-detail-submit-edit,#prompt', index).hide(); - layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); - layero.find('iframe')[0].contentWindow.layui.form.render('select'); - layero.find('iframe')[0].contentWindow.layui.form.render('checkbox'); - } else if (res.code === 403){ - parent.location.href = baseUrl; - }else { - layer.msg(res.msg) - } - } - }) - } - }); - } - break; - } }); + + // 妯℃澘閫夋嫨 + form.on('radio(selectTemplateRadio)', function (data) { + $('.template-preview').hide(); + $('#template-preview-'+data.value).show(); + }); + + // 寮�濮嬫墦鍗� + form.on('submit(doPrint)', function (data) { + var templateNo = data.field.selectTemplate; + $.ajax({ + url: baseUrl+"/matCode/print/auth", + headers: {'token': localStorage.getItem('token')}, + data: {param: printMatCodeNos}, + method: 'POST', + async: false, + success: function (res) { + if (res.code === 200){ + layer.closeAll(); + for (let i=0;i<res.data.length;i++){ + var templateDom = $("#templatePreview"+templateNo); + var className = templateDom.attr("class"); + if (className === 'template-barcode') { + res.data[i]["barcodeUrl"]=baseUrl+"/macCode/code/auth?type=1¶m="+res.data[i].matNo; + } else { + res.data[i]["barcodeUrl"]=baseUrl+"/macCode/code/auth?type=2¶m="+res.data[i].matNo; + } + } + var tpl = templateDom.html(); + var template = Handlebars.compile(tpl); + var html = template(res); + let box = $("#box"); + box.html(html);box.show(); + box.print({mediaPrint:true}); + box.hide(); + } else if (res.code === 403){ + top.location.href = baseUrl+"/"; + }else { + layer.msg(res.msg) + } + } + }) + }) // 鏁版嵁淇濆瓨鍔ㄤ綔 form.on('submit(save)', function () { @@ -344,10 +369,9 @@ function method(name){ var index = layer.load(1, { - shade: [0.5,'#000'] //0.1閫忔槑搴︾殑鑳屾櫙 + shade: [0.5,'#000'] }); var data = { -// id: $('#id').val(), matNo: $('#matNo').val(), barcode: $('#barcode').val(), matName: $('#matName').val(), @@ -401,7 +425,7 @@ $(this).val(""); }); } else if (res.code === 403){ - top.location.href = baseUrl; + top.location.href = baseUrl+"/"; }else { layer.msg(res.msg) } @@ -446,6 +470,11 @@ elem: '#modiTime\\$', type: 'datetime' }); + layDate.render({ + elem: '.layui-laydate-range' + ,type: 'datetime' + ,range: true + }); }); @@ -467,7 +496,7 @@ }, done: function (res, curr, count) { if (res.code === 403) { - top.location.href = baseUrl; + top.location.href = baseUrl+"/"; } pageCurr=curr; if (res.data.length === 0 && count !== 0) { -- Gitblit v1.9.1