var pageCurr; var admin; var treeCond; layui.config({ base: baseUrl + "/static/layui/lay/modules/" }).extend({ steps: 'steps/steps', cascader: 'cascader/cascader', }).use(['table','laydate', 'form', 'admin', 'xmSelect', 'element', 'cascader', 'tree', 'dropdown'], function(){ var table = layui.table; var $ = layui.jquery; var layer = layui.layer; var layDate = layui.laydate; var tree = layui.tree; var form = layui.form; var dropdown = layui.dropdown; admin = layui.admin; $('#organization').html(localStorage.getItem('nickname') + ' '); // 部门人员 筛选 dropdown.render({ elem: '#organization' ,content: ['
'].join('') ,style: 'width: 370px; height: 350px; padding: 0 15px; box-shadow: 1px 1px 30px rgb(0 0 0 / 12%);' ,ready: function(){ loadTree(); } }); // 树形图 var organizationTree; window.loadTree = function(condition){ var loadIndex = layer.load(2); $.ajax({ url: baseUrl+"/dept/user/tree/auth", headers: {'token': localStorage.getItem('token')}, data: { 'condition': condition }, method: 'POST', success: function (res) { layer.close(loadIndex); if (res.code === 200){ organizationTree = tree.render({ elem: '#organizationTree', id: 'organizationTree', onlyIconControl: true, data: res.data, click: function (obj) { treeCond = { key: obj.data.key, val: obj.data.id } $('#organization').html(obj.data.title + ' '); $('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click'); $(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click'); clearFormVal($('#search-box')); tableIns.reload({ where: {[obj.data.key]: obj.data.id}, page: {curr: 1} }); } }); treeData = res.data; } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg) } } }) } // 数据渲染 tableIns = table.render({ elem: '#reimburseOnline', headers: {token: localStorage.getItem('token')}, url: baseUrl+'/reimburseOnline/list/auth', page: true, limit: 16, limits: [16, 30, 50, 100, 200, 500], toolbar: '#toolbar', cellMinWidth: 150, cols: [[ // {type: 'checkbox', fixed: 'left'}, {field: 'id', title: 'ID', sort: true,align: 'center', fixed: 'left', width: 80,hide: true} ,{field: 'templateName', align: 'center',title: '报销类型',hide: false} ,{field: 'checkData', align: 'center',title: '是否冲账',hide: false} ,{field: 'orderNum', align: 'center',title: '报销单号',width: 320, style: 'color: #1890ff;cursor:pointer', event: 'more',hide: false} ,{field: 'planId$', align: 'center',title: '项目号',hide: false} ,{field: 'settle', align: 'center',title: '进度',hide: false} ,{field: 'createTime$', align: 'center',title: '创建时间',hide: false} ,{field: 'updateTime$', align: 'center',title: '更新时间',hide: false} ,{field: 'status$', align: 'center',title: '状态',hide: false} ,{field: 'memberId$', align: 'center',title: '业务员',hide: false} ,{field: 'user$', align: 'center',title: '创建人员',hide: false} ,{field: 'updateUserId$', align: 'center',title: '更新人员',hide: false} // // ,{field: 'checkDataStatus$', align: 'center',title: '报价数据'} ,{align: 'center', title: '报销明细', toolbar: '#tbLook', minWidth: 160, width: 160} ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:350} ]], 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) { if (res.code === 403) { top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); } }); // 监听排序事件 table.on('sort(reimburseOnline)', function (obj) { var searchData = {}; $.each($('#search-box [name]').serializeArray(), function() { searchData[this.name] = this.value; }); searchData['orderByField'] = obj.field; searchData['orderByType'] = obj.type; tableIns.reload({ where: searchData, page: { curr: 1 }, done: function (res, curr, count) { if (res.code === 403) { top.location.href = baseUrl+"/"; } pageCurr=curr; limit(); } }); }); // 监听头工具栏事件 table.on('toolbar(reimburseOnline)', function (obj) { var checkStatus = table.checkStatus(obj.config.id); switch(obj.event) { case 'addBlank': showEditModel(); break; case 'refreshData': tableIns.reload({ page: { curr: pageCurr } }); limit(); break; case 'deleteData': var data = checkStatus.data; var ids=[]; data.map(function (track) { ids.push(track.id); }); if (ids.length === 0){ layer.msg('请选择数据'); } else { layer.confirm('确定删除'+(ids.length===1?'此':ids.length)+'条数据吗', function(){ $.ajax({ url: baseUrl+"/reimburseOnline/delete/auth", headers: {'token': localStorage.getItem('token')}, data: {ids: ids}, method: 'POST', traditional:true, success: function (res) { if (res.code === 200){ layer.closeAll(); tableReload(false); } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg) } } }) }); } break; case 'exportData': layer.confirm('确定导出Excel吗', {shadeClose: true}, 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 = { 'config': exportData, 'fields': fields }; $.ajax({ url: baseUrl+"/reimburseOnline/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) } } }); }); break; } }); // 监听行工具事件 table.on('tool(reimburseOnline)', function(obj){ var data = obj.data; switch (obj.event) { case 'approval2': layer.confirm('审批通过?', { skin: 'layui-layer-admin', shade: .1, offset: '200px', title: data.name }, function (i) { layer.close(i); approval2(data.id); }); break; case 'more': top.reimburseOnlineByMore=data.id; console.log(top.reimburseOnlineByMore) admin.popupRight({ type: 1, window: "top", area: "1250px", url: "reimburseOnline_more.html", end: function () { // $(".layui-laypage-btn")[0].click(); } }) break; // // 核价 // case 'check': // layer.open({ // type: 2, // title: '核价', // maxmin: true, // area: [top.detailWidth, top.detailHeight], // shadeClose: false, // content: 'reimburseOnline_detail.html?id=' + data.id, // success: function(layero, index){ // // layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); // } // }); // break; case 'del': layer.confirm('确定删除这条数据吗', function(){ $.ajax({ url: baseUrl+"/reimburseOnline/delete/auth", headers: {'token': localStorage.getItem('token')}, data: {ids: data.id}, method: 'POST', traditional:true, success: function (res) { if (res.code === 200){ layer.closeAll(); tableReload(false); } else if (res.code === 403){ top.location.href = baseUrl+"/"; } else { layer.msg(res.msg) } } }) }); break; case "edit": showEditForm(data); break; case "upload": $.ajax({ type:"get", url: baseUrl+"/reimburseOnline/viewCheck/" + data.id + "/auth", dataType:"json", headers: {'token': localStorage.getItem('token')}, success:function(res) { if (res.code == 200) { layer.confirm('当前已存在数据,继续上传将会覆盖旧数据,是否上传?', function(){ $("#uploadQuote").click() }); }else{ $("#uploadQuote").click() } } }); $("#uploadQuote").on("change",(evt) => { var files = evt.target.files; if(files==null || files.length==0){ alert("No files wait for import"); return; } let name = files[0].name; let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length-1]; if(suffix!="xlsx"){ alert("Currently only supports the import of xlsx files"); return; } LuckyExcel.transformExcelToLucky(files[0], function(exportJson, luckysheetfile){ if(exportJson.sheets==null || exportJson.sheets.length==0){ alert("Failed to read the content of the excel file, currently does not support xls files!"); return; } let formData = new FormData($("#uploadFile")[0]); formData.append("id", data.id); formData.append("checkData", zip(exportJson.sheets)); $.ajax({ url: baseUrl+"/reimburseOnline/uploadCheck/auth", headers: {'token': localStorage.getItem('token')}, data: formData, // data: JSON.stringify({ // id: data.id, // checkData: zip(exportJson.sheets) // }), // dataType: "json", method: 'POST', cache: false, processData: false, contentType: false, // contentType:'application/json;charset=UTF-8', success: function (res) { if (res.code == 200) { layer.msg('上传成功',{time:1000},() => { parent.location.reload() }) }else{ layer.msg(res.msg,{time:1000},() => { parent.location.reload() }) } } }) }); }) break; case "viewCheck": //查看询价 $.ajax({ type:"get", url: baseUrl+"/reimburseOnline/viewCheck/" + data.id + "/auth", dataType:"json", headers: {'token': localStorage.getItem('token')}, success:function(res) { if (res.code == 200) { layer.open({ type: 2, title: '查看询价', maxmin: true, area: [top.detailWidth, top.detailHeight], shadeClose: false, content: 'reimburseOnline_check.html?id=' + data.id, success: function(layero, index){ // layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"}); } }); }else{ layer.msg(res.msg,{time:1000}) } } }); break; case "look": var $a = $(obj.tr).find('a[lay-event="look"]'); var offset = $a.offset(); var top2 = offset.top; var left = offset.left; layer.open({ type: 1, title: false, area: '2100px', offset: [top2 + 'px', (left - 1730 + $a.outerWidth()) + 'px'], shade: .01, shadeClose: true, fixed: false, content: '