mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-09-10 12:50:38 +08:00
format
This commit is contained in:
Pan
parent
bcd6d5441a
commit
b6c13eb26a
285
src/vendor/Export2Excel.js
vendored
285
src/vendor/Export2Excel.js
vendored
@ -4,156 +4,203 @@ require('script-loader!@/vendor/Blob');
|
|||||||
import XLSX from 'xlsx'
|
import XLSX from 'xlsx'
|
||||||
|
|
||||||
function generateArray(table) {
|
function generateArray(table) {
|
||||||
var out = [];
|
var out = [];
|
||||||
var rows = table.querySelectorAll('tr');
|
var rows = table.querySelectorAll('tr');
|
||||||
var ranges = [];
|
var ranges = [];
|
||||||
for (var R = 0; R < rows.length; ++R) {
|
for (var R = 0; R < rows.length; ++R) {
|
||||||
var outRow = [];
|
var outRow = [];
|
||||||
var row = rows[R];
|
var row = rows[R];
|
||||||
var columns = row.querySelectorAll('td');
|
var columns = row.querySelectorAll('td');
|
||||||
for (var C = 0; C < columns.length; ++C) {
|
for (var C = 0; C < columns.length; ++C) {
|
||||||
var cell = columns[C];
|
var cell = columns[C];
|
||||||
var colspan = cell.getAttribute('colspan');
|
var colspan = cell.getAttribute('colspan');
|
||||||
var rowspan = cell.getAttribute('rowspan');
|
var rowspan = cell.getAttribute('rowspan');
|
||||||
var cellValue = cell.innerText;
|
var cellValue = cell.innerText;
|
||||||
if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
|
if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
|
||||||
|
|
||||||
//Skip ranges
|
//Skip ranges
|
||||||
ranges.forEach(function (range) {
|
ranges.forEach(function (range) {
|
||||||
if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
|
if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
|
||||||
for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
|
for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//Handle Row Span
|
|
||||||
if (rowspan || colspan) {
|
|
||||||
rowspan = rowspan || 1;
|
|
||||||
colspan = colspan || 1;
|
|
||||||
ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}});
|
|
||||||
}
|
|
||||||
;
|
|
||||||
|
|
||||||
//Handle Value
|
|
||||||
outRow.push(cellValue !== "" ? cellValue : null);
|
|
||||||
|
|
||||||
//Handle Colspan
|
|
||||||
if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
|
|
||||||
}
|
}
|
||||||
out.push(outRow);
|
});
|
||||||
|
|
||||||
|
//Handle Row Span
|
||||||
|
if (rowspan || colspan) {
|
||||||
|
rowspan = rowspan || 1;
|
||||||
|
colspan = colspan || 1;
|
||||||
|
ranges.push({
|
||||||
|
s: {
|
||||||
|
r: R,
|
||||||
|
c: outRow.length
|
||||||
|
},
|
||||||
|
e: {
|
||||||
|
r: R + rowspan - 1,
|
||||||
|
c: outRow.length + colspan - 1
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//Handle Value
|
||||||
|
outRow.push(cellValue !== "" ? cellValue : null);
|
||||||
|
|
||||||
|
//Handle Colspan
|
||||||
|
if (colspan)
|
||||||
|
for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
|
||||||
}
|
}
|
||||||
return [out, ranges];
|
out.push(outRow);
|
||||||
|
}
|
||||||
|
return [out, ranges];
|
||||||
};
|
};
|
||||||
|
|
||||||
function datenum(v, date1904) {
|
function datenum(v, date1904) {
|
||||||
if (date1904) v += 1462;
|
if (date1904) v += 1462;
|
||||||
var epoch = Date.parse(v);
|
var epoch = Date.parse(v);
|
||||||
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
|
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
function sheet_from_array_of_arrays(data, opts) {
|
function sheet_from_array_of_arrays(data, opts) {
|
||||||
var ws = {};
|
var ws = {};
|
||||||
var range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}};
|
var range = {
|
||||||
for (var R = 0; R != data.length; ++R) {
|
s: {
|
||||||
for (var C = 0; C != data[R].length; ++C) {
|
c: 10000000,
|
||||||
if (range.s.r > R) range.s.r = R;
|
r: 10000000
|
||||||
if (range.s.c > C) range.s.c = C;
|
},
|
||||||
if (range.e.r < R) range.e.r = R;
|
e: {
|
||||||
if (range.e.c < C) range.e.c = C;
|
c: 0,
|
||||||
var cell = {v: data[R][C]};
|
r: 0
|
||||||
if (cell.v == null) continue;
|
|
||||||
var cell_ref = XLSX.utils.encode_cell({c: C, r: R});
|
|
||||||
|
|
||||||
if (typeof cell.v === 'number') cell.t = 'n';
|
|
||||||
else if (typeof cell.v === 'boolean') cell.t = 'b';
|
|
||||||
else if (cell.v instanceof Date) {
|
|
||||||
cell.t = 'n';
|
|
||||||
cell.z = XLSX.SSF._table[14];
|
|
||||||
cell.v = datenum(cell.v);
|
|
||||||
}
|
|
||||||
else cell.t = 's';
|
|
||||||
|
|
||||||
ws[cell_ref] = cell;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
|
};
|
||||||
return ws;
|
for (var R = 0; R != data.length; ++R) {
|
||||||
|
for (var C = 0; C != data[R].length; ++C) {
|
||||||
|
if (range.s.r > R) range.s.r = R;
|
||||||
|
if (range.s.c > C) range.s.c = C;
|
||||||
|
if (range.e.r < R) range.e.r = R;
|
||||||
|
if (range.e.c < C) range.e.c = C;
|
||||||
|
var cell = {
|
||||||
|
v: data[R][C]
|
||||||
|
};
|
||||||
|
if (cell.v == null) continue;
|
||||||
|
var cell_ref = XLSX.utils.encode_cell({
|
||||||
|
c: C,
|
||||||
|
r: R
|
||||||
|
});
|
||||||
|
|
||||||
|
if (typeof cell.v === 'number') cell.t = 'n';
|
||||||
|
else if (typeof cell.v === 'boolean') cell.t = 'b';
|
||||||
|
else if (cell.v instanceof Date) {
|
||||||
|
cell.t = 'n';
|
||||||
|
cell.z = XLSX.SSF._table[14];
|
||||||
|
cell.v = datenum(cell.v);
|
||||||
|
} else cell.t = 's';
|
||||||
|
|
||||||
|
ws[cell_ref] = cell;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
|
||||||
|
return ws;
|
||||||
}
|
}
|
||||||
|
|
||||||
function Workbook() {
|
function Workbook() {
|
||||||
if (!(this instanceof Workbook)) return new Workbook();
|
if (!(this instanceof Workbook)) return new Workbook();
|
||||||
this.SheetNames = [];
|
this.SheetNames = [];
|
||||||
this.Sheets = {};
|
this.Sheets = {};
|
||||||
}
|
}
|
||||||
|
|
||||||
function s2ab(s) {
|
function s2ab(s) {
|
||||||
var buf = new ArrayBuffer(s.length);
|
var buf = new ArrayBuffer(s.length);
|
||||||
var view = new Uint8Array(buf);
|
var view = new Uint8Array(buf);
|
||||||
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
|
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
|
||||||
return buf;
|
return buf;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function export_table_to_excel(id) {
|
export function export_table_to_excel(id) {
|
||||||
var theTable = document.getElementById(id);
|
var theTable = document.getElementById(id);
|
||||||
var oo = generateArray(theTable);
|
var oo = generateArray(theTable);
|
||||||
var ranges = oo[1];
|
var ranges = oo[1];
|
||||||
|
|
||||||
/* original data */
|
/* original data */
|
||||||
var data = oo[0];
|
var data = oo[0];
|
||||||
var ws_name = "SheetJS";
|
var ws_name = "SheetJS";
|
||||||
|
|
||||||
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
|
var wb = new Workbook(),
|
||||||
|
ws = sheet_from_array_of_arrays(data);
|
||||||
|
|
||||||
/* add ranges to worksheet */
|
/* add ranges to worksheet */
|
||||||
// ws['!cols'] = ['apple', 'banan'];
|
// ws['!cols'] = ['apple', 'banan'];
|
||||||
ws['!merges'] = ranges;
|
ws['!merges'] = ranges;
|
||||||
|
|
||||||
/* add worksheet to workbook */
|
/* add worksheet to workbook */
|
||||||
wb.SheetNames.push(ws_name);
|
wb.SheetNames.push(ws_name);
|
||||||
wb.Sheets[ws_name] = ws;
|
wb.Sheets[ws_name] = ws;
|
||||||
|
|
||||||
var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
|
var wbout = XLSX.write(wb, {
|
||||||
|
bookType: 'xlsx',
|
||||||
|
bookSST: false,
|
||||||
|
type: 'binary'
|
||||||
|
});
|
||||||
|
|
||||||
saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx")
|
saveAs(new Blob([s2ab(wbout)], {
|
||||||
|
type: "application/octet-stream"
|
||||||
|
}), "test.xlsx")
|
||||||
}
|
}
|
||||||
|
|
||||||
export function export_json_to_excel({header, data, filename, autoWidth=true}={}) {
|
export function export_json_to_excel({
|
||||||
/* original data */
|
header,
|
||||||
filename=filename||'excel-list'
|
data,
|
||||||
data=[...data]
|
filename,
|
||||||
data.unshift(header);
|
autoWidth = true
|
||||||
var ws_name = "SheetJS";
|
} = {}) {
|
||||||
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
|
/* original data */
|
||||||
|
filename = filename || 'excel-list'
|
||||||
|
data = [...data]
|
||||||
|
data.unshift(header);
|
||||||
|
var ws_name = "SheetJS";
|
||||||
|
var wb = new Workbook(),
|
||||||
|
ws = sheet_from_array_of_arrays(data);
|
||||||
|
|
||||||
if(autoWidth){
|
if (autoWidth) {
|
||||||
/*设置worksheet每列的最大宽度*/
|
/*设置worksheet每列的最大宽度*/
|
||||||
const colWidth = data.map(row => row.map(val => {
|
const colWidth = data.map(row => row.map(val => {
|
||||||
/*先判断是否为null/undefined*/
|
/*先判断是否为null/undefined*/
|
||||||
if (val == null) {
|
if (val == null) {
|
||||||
return {'wch': 10};
|
return {
|
||||||
}
|
'wch': 10
|
||||||
/*再判断是否为中文*/
|
};
|
||||||
else if (val.toString().charCodeAt(0) > 255) {
|
}
|
||||||
return {'wch': val.toString().length * 2};
|
/*再判断是否为中文*/
|
||||||
} else {
|
else if (val.toString().charCodeAt(0) > 255) {
|
||||||
return {'wch': val.toString().length};
|
return {
|
||||||
}
|
'wch': val.toString().length * 2
|
||||||
}))
|
};
|
||||||
/*以第一行为初始值*/
|
} else {
|
||||||
let result = colWidth[0];
|
return {
|
||||||
for (let i = 1; i < colWidth.length; i++) {
|
'wch': val.toString().length
|
||||||
for (let j = 0; j < colWidth[i].length; j++) {
|
};
|
||||||
if (result[j]['wch'] < colWidth[i][j]['wch']) {
|
}
|
||||||
result[j]['wch'] = colWidth[i][j]['wch'];
|
}))
|
||||||
}
|
/*以第一行为初始值*/
|
||||||
|
let result = colWidth[0];
|
||||||
|
for (let i = 1; i < colWidth.length; i++) {
|
||||||
|
for (let j = 0; j < colWidth[i].length; j++) {
|
||||||
|
if (result[j]['wch'] < colWidth[i][j]['wch']) {
|
||||||
|
result[j]['wch'] = colWidth[i][j]['wch'];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ws['!cols'] = result;
|
|
||||||
}
|
}
|
||||||
|
ws['!cols'] = result;
|
||||||
|
}
|
||||||
|
|
||||||
/* add worksheet to workbook */
|
/* add worksheet to workbook */
|
||||||
wb.SheetNames.push(ws_name);
|
wb.SheetNames.push(ws_name);
|
||||||
wb.Sheets[ws_name] = ws;
|
wb.Sheets[ws_name] = ws;
|
||||||
|
|
||||||
var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
|
var wbout = XLSX.write(wb, {
|
||||||
saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), filename + ".xlsx");
|
bookType: 'xlsx',
|
||||||
|
bookSST: false,
|
||||||
|
type: 'binary'
|
||||||
|
});
|
||||||
|
saveAs(new Blob([s2ab(wbout)], {
|
||||||
|
type: "application/octet-stream"
|
||||||
|
}), filename + ".xlsx");
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user