263 lines
9.1 KiB
JavaScript
263 lines
9.1 KiB
JavaScript
|
layui.define(['jquery','layer','table'], function(exports) {
|
|||
|
|
var $ = layui.$,
|
|||
|
|
layer = layui.layer,
|
|||
|
|
table = layui.table;
|
|||
|
|
|
|||
|
|
var MOD_NAME = 'xlsx';
|
|||
|
|
var modFile = layui.cache.modules['xlsx'];
|
|||
|
|
var modPath = modFile.substr(0, modFile.lastIndexOf('.'));
|
|||
|
|
|
|||
|
|
var tableXlsx=$.extend({},table);
|
|||
|
|
|
|||
|
|
tableXlsx._render = tableXlsx.render;
|
|||
|
|
|
|||
|
|
tableXlsx.excel = function(data,page_size,obj,filter,merge){
|
|||
|
|
//表头工具栏导出按钮
|
|||
|
|
$('[lay-id="'+obj.id+'"]').find('[lay-event="LAYTABLE_EXCEL"]').off().on('click',function(){
|
|||
|
|
if(data.count==0){
|
|||
|
|
layer.msg('暂无数据');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
let _page = parseInt(data.count/page_size);
|
|||
|
|
let page = data.count%page_size>0?(_page+1):_page;
|
|||
|
|
let pageHtml='<p style="padding:16px 10px 0; text-align:center; color:red">由于导出数据比较消耗服务器资源，建议使用搜索功能筛选好数据再导出</p><p style="padding:5px 10px 10px; text-align:center; color:red">如果点击导出后，没有立即导出文件，请耐心等待一下，30秒内请勿重复点击。</p><p style="padding:0 10px; text-align:center;">共查询到<strong> '+data.count+' </strong>条数据，每次最多导出<strong>'+page_size+'</strong>条，共<strong>'+page+'</strong>页，请点击下面的页码导出</p><div id="exportPage" class="layui-box layui-laypage" style="padding:10px 0; width:100%;text-align:center;">';
|
|||
|
|
for (i = 1; i <= page; i++) {
|
|||
|
|
pageHtml += '<a href="javascript:;" data-page="'+i+'">'+i+'</a>';
|
|||
|
|
}
|
|||
|
|
pageHtml+='</div>';
|
|||
|
|
layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: '导出数据',
|
|||
|
|
area:['580px','240px'],
|
|||
|
|
content: pageHtml,
|
|||
|
|
success:function(res){
|
|||
|
|
var tableWhere = JSON.parse(JSON.stringify(obj.where));
|
|||
|
|
tableWhere.limit=page_size;
|
|||
|
|
$('#exportPage').on('click','a',function(){
|
|||
|
|
tableWhere.page=$(this).data('page');
|
|||
|
|
let msg = layer.msg('正在导出数据...', {time:5000});
|
|||
|
|
$.ajax({
|
|||
|
|
url: obj.url,
|
|||
|
|
data: tableWhere,
|
|||
|
|
success:function(res){
|
|||
|
|
//table.exportFile(obj.id, res.data,'xls');
|
|||
|
|
//console.log(res.data);
|
|||
|
|
tableXlsx.xsls(res.data,obj.cols[0],obj.title,filter,merge);
|
|||
|
|
layer.close(msg);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tableXlsx.xsls = function(jsonData,field,name,filter,merge){
|
|||
|
|
let new_jsonData;
|
|||
|
|
//数据过滤
|
|||
|
|
if(filter.length>0){
|
|||
|
|
new_jsonData = jsonData.map((item, index) => {
|
|||
|
|
const newProps = {}; // 创建一个空对象，用于存放新增的属性和对应的计算值
|
|||
|
|
filter.forEach((obj) => {
|
|||
|
|
for (const [key, func] of Object.entries(obj)) {
|
|||
|
|
newProps[key] = func(item); // 调用函数计算属性值，并赋给新的属性
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return { ...item, ...newProps }; // 创建新对象，将原有的属性展开并新增 newProps 中的属性
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
new_jsonData = jsonData;
|
|||
|
|
}
|
|||
|
|
console.log("===========打印初始化后的json数据============");
|
|||
|
|
console.log(new_jsonData);
|
|||
|
|
|
|||
|
|
//需要显示的表格字段,及表头文字描述
|
|||
|
|
let field_array =[],customHeaders = [];
|
|||
|
|
for (var f=0; f<field.length;f++){
|
|||
|
|
if(!field[f]['ignoreExport']){
|
|||
|
|
field_array.push(field[f].field);
|
|||
|
|
customHeaders.push(field[f].title);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log("===========打印需要显示的表格字段及表头文字描述============");
|
|||
|
|
console.log(field_array);
|
|||
|
|
console.log(customHeaders);
|
|||
|
|
|
|||
|
|
const desiredOrder = field_array; // 按照这个顺序重新排序
|
|||
|
|
const desiredProps = field_array; // 只保留这些属性
|
|||
|
|
|
|||
|
|
// 对 JSON 数据集进行排序和过滤
|
|||
|
|
const sortedAndFilteredData = new_jsonData.map(entry => {
|
|||
|
|
const sortedAndFilteredEntry = {};
|
|||
|
|
desiredOrder.forEach(key => {
|
|||
|
|
if (desiredProps.includes(key) && entry.hasOwnProperty(key)) {
|
|||
|
|
sortedAndFilteredEntry[key] = entry[key];
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return sortedAndFilteredEntry;
|
|||
|
|
});
|
|||
|
|
console.log("===========打印排序和过滤处理过的JSON 数据集============");
|
|||
|
|
console.log(sortedAndFilteredData);
|
|||
|
|
|
|||
|
|
//设置表头
|
|||
|
|
const worksheet = XLSX.utils.json_to_sheet(sortedAndFilteredData);
|
|||
|
|
const headerRowIndex = 0;
|
|||
|
|
customHeaders.forEach((header, columnIndex) => {
|
|||
|
|
const address = XLSX.utils.encode_cell({ r: headerRowIndex, c: columnIndex });
|
|||
|
|
if (worksheet[address]) {
|
|||
|
|
worksheet[address].v = header;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//设置需要合并的单元格
|
|||
|
|
var mergeCells = [];
|
|||
|
|
if(!isObjectEmpty(merge)){
|
|||
|
|
for (var i = 1; i < sortedAndFilteredData.length; i++) {
|
|||
|
|
if (sortedAndFilteredData[i][merge.target] === sortedAndFilteredData[i - 1][merge.target]) {
|
|||
|
|
// 数据相同，合并单元格
|
|||
|
|
let sons = getSonIndex(sortedAndFilteredData,merge);
|
|||
|
|
//console.log(sons);
|
|||
|
|
for(var m=0; m<sons.length;m++){
|
|||
|
|
mergeCells.push({
|
|||
|
|
s:{r: i, c: sons[m]},e:{r: i+1, c: sons[m]}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log("===========打印需要合并的单元格集合============");
|
|||
|
|
console.log(mergeCells);
|
|||
|
|
if (mergeCells.length > 0) {
|
|||
|
|
worksheet['!merges'] = mergeCells;
|
|||
|
|
}
|
|||
|
|
const workbook = XLSX.utils.book_new();
|
|||
|
|
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
|
|||
|
|
setTimeout(function(){
|
|||
|
|
layer.msg('导出完成');
|
|||
|
|
},3000)
|
|||
|
|
// Export to Excel file
|
|||
|
|
XLSX.writeFile(workbook, name+'.xlsx');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//重写渲染方法
|
|||
|
|
tableXlsx.render=function(params){
|
|||
|
|
let is_excel = params.is_excel||false;
|
|||
|
|
let excel_limit = params.excel_limit||1000;
|
|||
|
|
let filter = params.xlsx_filter||[];
|
|||
|
|
let merge = params.xlsx_merge||{};
|
|||
|
|
if(is_excel){
|
|||
|
|
let toolbar = ['filter', {title:'导出EXCEL',layEvent: 'LAYTABLE_EXCEL',icon: 'layui-icon-export'}];
|
|||
|
|
if(!params.defaultToolbar){
|
|||
|
|
params.defaultToolbar = toolbar;
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
let _toolbar = params.defaultToolbar;
|
|||
|
|
params.defaultToolbar = _toolbar.concat(toolbar);
|
|||
|
|
}
|
|||
|
|
if(typeof params.done === "function"){
|
|||
|
|
let _done = params.done;
|
|||
|
|
params.done = function(data, curr, count){
|
|||
|
|
let obj = this;
|
|||
|
|
_done(data, curr, count);
|
|||
|
|
if(!isObjectEmpty(merge)){
|
|||
|
|
tableMerge (obj);
|
|||
|
|
}
|
|||
|
|
tableXlsx.excel(data,excel_limit,obj,filter,merge);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
params.done = function(data){
|
|||
|
|
let obj = this;
|
|||
|
|
if(!isObjectEmpty(merge)){
|
|||
|
|
tableMerge (obj);
|
|||
|
|
}
|
|||
|
|
tableXlsx.excel(data,excel_limit,obj,filter,merge);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var init = tableXlsx._render(params);
|
|||
|
|
return init;
|
|||
|
|
//console.log(params);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function tableMerge (myTable) {
|
|||
|
|
var tableBox = $(myTable.elem).next().children('.layui-table-box'),
|
|||
|
|
$main = $(tableBox.children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
|
|||
|
|
$fixLeft = $(tableBox.children('.layui-table-fixed-l').children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
|
|||
|
|
$fixRight = $(tableBox.children('.layui-table-fixed-r').children('.layui-table-body').children('table').children('tbody').children('tr').toArray().reverse()),
|
|||
|
|
mergeRecord = {},cols = myTable.cols[0];
|
|||
|
|
|
|||
|
|
for (let i = 0; i < cols.length; i++) {
|
|||
|
|
var item3 = cols[i], field=item3.field;
|
|||
|
|
if (item3.merge) {
|
|||
|
|
var mergeField = [field];
|
|||
|
|
if (item3.merge !== true) {
|
|||
|
|
if (typeof item3.merge == 'string') {
|
|||
|
|
mergeField = [item3.merge]
|
|||
|
|
} else {
|
|||
|
|
mergeField = item3.merge
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
mergeRecord[i] = {mergeField: mergeField, rowspan:1}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//console.log(myTable);
|
|||
|
|
$main.each(function (i) {
|
|||
|
|
for (var item in mergeRecord) {
|
|||
|
|
if (i==$main.length-1 || isMaster(i, item)) {
|
|||
|
|
$(this).children('[data-key$="-'+item+'"]').attr('rowspan', mergeRecord[item].rowspan).css('position','static');
|
|||
|
|
$fixLeft.eq(i).children('[data-key$="-'+item+'"]').attr('rowspan', mergeRecord[item].rowspan).css('position','static');
|
|||
|
|
$fixRight.eq(i).children('[data-key$="-'+item+'"]').attr('rowspan', mergeRecord[item].rowspan).css('position','static');
|
|||
|
|
mergeRecord[item].rowspan = 1;
|
|||
|
|
} else {
|
|||
|
|
$(this).children('[data-key$="-'+item+'"]').remove();
|
|||
|
|
$fixLeft.eq(i).children('[data-key$="-'+item+'"]').remove();
|
|||
|
|
$fixRight.eq(i).children('[data-key$="-'+item+'"]').remove();
|
|||
|
|
mergeRecord[item].rowspan +=1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
function isMaster (index, item) {
|
|||
|
|
var mergeField = mergeRecord[item].mergeField;
|
|||
|
|
var dataLength = layui.table.cache[myTable.id].length;
|
|||
|
|
for (var i=0; i<mergeField.length; i++) {
|
|||
|
|
|
|||
|
|
if (layui.table.cache[myTable.id][dataLength-2-index][mergeField[i]]
|
|||
|
|
!== layui.table.cache[myTable.id][dataLength-1-index][mergeField[i]]) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSonIndex(targetData,mergeField){
|
|||
|
|
let index=[];
|
|||
|
|
index.push(Object.keys(targetData[0]).indexOf(mergeField.target));
|
|||
|
|
if(mergeField.son.length>0){
|
|||
|
|
for(var a=0; a<mergeField.son.length;a++){
|
|||
|
|
index.push(Object.keys(targetData[0]).indexOf(mergeField.son[a]));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return index;
|
|||
|
|
}
|
|||
|
|
function isObjectEmpty(obj) {
|
|||
|
|
return JSON.stringify(obj) === '{}';
|
|||
|
|
}
|
|||
|
|
function loadScript() {
|
|||
|
|
if (typeof XLSX == 'undefined') {
|
|||
|
|
$.ajax({ //获取插件
|
|||
|
|
url: modPath + '/xlsx.full.min.js' ,
|
|||
|
|
dataType: 'script',
|
|||
|
|
cache: true,
|
|||
|
|
async: false
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
loadScript();
|
|||
|
|
exports(MOD_NAME, tableXlsx);
|
|||
|
|
});
|