fks-yangshouda
3 months ago
6 changed files with 242 additions and 296 deletions
|
Before Width: | Height: | Size: 888 B After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 527 B |
@ -0,0 +1,210 @@ |
|||||
|
/* eslint-disable */ |
||||
|
/** 导出Excel需要依赖 |
||||
|
* npm install xlsx file-saver -S |
||||
|
* npm install script-loader -S -D |
||||
|
*/ |
||||
|
|
||||
|
import ExcelJS from 'exceljs'; |
||||
|
import FileSaver from 'file-saver'; |
||||
|
|
||||
|
// export default exportExcel;
|
||||
|
|
||||
|
// 导出excel文件
|
||||
|
export function exportExcel (tableColumns,data,fillName,isMerge,start,end) { |
||||
|
if (!data || data.length == 0) { |
||||
|
return; |
||||
|
} |
||||
|
// 创建工作簿
|
||||
|
const workbook = new ExcelJS.Workbook(); |
||||
|
// 添加工作表，名为sheet1
|
||||
|
const sheet1 = workbook.addWorksheet('sheet1'); |
||||
|
|
||||
|
// 导出的表头名
|
||||
|
let tHeader = ['序号']; |
||||
|
// 字段名
|
||||
|
let filterVal = ['index']; |
||||
|
// 表格columns
|
||||
|
let columns = [{ header: '序号', key: 'index', width: 10 }]; |
||||
|
for (let i = 0; i < tableColumns.length; i++) { |
||||
|
if (tableColumns[i].dataIndex) { |
||||
|
tHeader.push(tableColumns[i].title); |
||||
|
filterVal.push(tableColumns[i].dataIndex); |
||||
|
|
||||
|
columns.push({ |
||||
|
header: tableColumns[i].title, |
||||
|
key: tableColumns[i].dataIndex, |
||||
|
width: tableColumns[i].width / 5, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
//传入的数据
|
||||
|
const list = data; |
||||
|
|
||||
|
const datas = formatJson(filterVal, list); |
||||
|
|
||||
|
// // 导出数据列表
|
||||
|
// const data = [
|
||||
|
// { 姓名: '张三', 年龄: 18, 身高: 175, 体重: 74 },
|
||||
|
// { 姓名: '李四', 年龄: 22, 身高: 177, 体重: 84 },
|
||||
|
// { 姓名: '王五', 年龄: 53, 身高: 155, 体重: 64 },
|
||||
|
// ];
|
||||
|
// 获取表头所有键
|
||||
|
// const headers = Object.keys(data[0]);
|
||||
|
|
||||
|
sheet1.columns = columns; |
||||
|
// // 将标题写入第一行
|
||||
|
// sheet1.addRow(tHeader);
|
||||
|
// 将数据写入工作表
|
||||
|
datas.forEach((row) => { |
||||
|
// const values = Object.values(row);
|
||||
|
sheet1.addRow(row); |
||||
|
}); |
||||
|
|
||||
|
// 判断是否合并单元格
|
||||
|
if (isMerge) { |
||||
|
debugger |
||||
|
// 遍历列，从第一列到 end 列
|
||||
|
for (let col = start; col <= end; col++) { |
||||
|
// let mergeStartRow = 2; // 每次新列开始时，重置起始行
|
||||
|
for (let row = 3; row <= datas.length + 1; row++) { |
||||
|
const currentCellValue = sheet1.getCell(row, col).value; |
||||
|
const previousCellValue = sheet1.getCell(row - 1, col).value; |
||||
|
|
||||
|
let currentCellValue_1 = '' |
||||
|
let previousCellValue_1 = '' |
||||
|
if (col > 1) { |
||||
|
currentCellValue_1 = sheet1.getCell(row, col-1).value; |
||||
|
previousCellValue_1 = sheet1.getCell(row - 1, col-1).value; |
||||
|
} |
||||
|
|
||||
|
if (currentCellValue === previousCellValue && currentCellValue_1 === previousCellValue_1) { |
||||
|
// 当前列有变化，检查是否需要合并前面的单元格
|
||||
|
// if (mergeStartRow < row - 1) {
|
||||
|
// 只有在前面的行有超过1个时才合并
|
||||
|
sheet1.mergeCells(row, col, row - 1, col); |
||||
|
// }
|
||||
|
// 更新起始行
|
||||
|
// mergeStartRow = row;
|
||||
|
} |
||||
|
|
||||
|
// // 如果是最后一行，检查是否需要合并
|
||||
|
// if (row === datas.length + 1 && mergeStartRow < row) {
|
||||
|
// sheet1.mergeCells(mergeStartRow, col, row, col);
|
||||
|
// }
|
||||
|
} |
||||
|
} |
||||
|
// 从第一列开始逐列检查，前提是前面的列已合并
|
||||
|
// for (let col = start; col <= end; col++) {
|
||||
|
// let startRow = 2; // 从数据开始的第二行开始检查
|
||||
|
// let endRow = 2;
|
||||
|
|
||||
|
// while (endRow <= sheet1.rowCount) {
|
||||
|
// let currentValue = sheet1.getCell(endRow, col).value;
|
||||
|
// let prevValue = sheet1.getCell(endRow - 1, col).value;
|
||||
|
|
||||
|
// // 如果当前值等于前一个值，且前面的列是合并的，则继续合并
|
||||
|
// if (currentValue === prevValue) {
|
||||
|
// let mergeAllowed = true;
|
||||
|
// for (let prevCol = 1; prevCol < col; prevCol++) {
|
||||
|
// let range = sheet1.getCell(endRow - 1, prevCol).master;
|
||||
|
// if (range && range.row !== startRow) {
|
||||
|
// mergeAllowed = false;
|
||||
|
// break;
|
||||
|
// }
|
||||
|
// }
|
||||
|
|
||||
|
// if (mergeAllowed) {
|
||||
|
// endRow++;
|
||||
|
// } else {
|
||||
|
// // 不允许合并，直接移动起始行到当前行
|
||||
|
// startRow = endRow;
|
||||
|
// endRow++;
|
||||
|
// }
|
||||
|
// } else {
|
||||
|
// // 当前值不等于前一个值或合并不允许，进行合并操作
|
||||
|
// if (startRow < endRow - 1) {
|
||||
|
// sheet1.mergeCells(startRow, col, endRow - 1, col);
|
||||
|
// }
|
||||
|
// startRow = endRow;
|
||||
|
// endRow++;
|
||||
|
// }
|
||||
|
// }
|
||||
|
|
||||
|
// // 处理最后一段相同的单元格
|
||||
|
// if (startRow < endRow - 1) {
|
||||
|
// sheet1.mergeCells(startRow, col, endRow - 1, col);
|
||||
|
// }
|
||||
|
// }
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 修改所有单元格样式
|
||||
|
// 遍历每一行
|
||||
|
sheet1.eachRow((row, rowNumber) => { |
||||
|
// 遍历每个单元格
|
||||
|
row.eachCell((cell) => { |
||||
|
// 设置边框样式
|
||||
|
cell.border = { |
||||
|
top: { style: 'thin' }, |
||||
|
left: { style: 'thin' }, |
||||
|
bottom: { style: 'thin' }, |
||||
|
right: { style: 'thin' }, |
||||
|
}; |
||||
|
// 设置居中对齐
|
||||
|
cell.alignment = { |
||||
|
vertical: 'middle', |
||||
|
horizontal: 'center', |
||||
|
}; |
||||
|
}); |
||||
|
}); |
||||
|
// 获取标题行数据
|
||||
|
const titleCell = sheet1.getRow(1); |
||||
|
// 设置行高为30
|
||||
|
titleCell.height = 30; |
||||
|
// 设置标题行单元格样式
|
||||
|
titleCell.eachCell((cell) => { |
||||
|
// 设置标题行背景颜色为黄色
|
||||
|
cell.fill = { |
||||
|
type: 'pattern', |
||||
|
pattern: 'solid', |
||||
|
fgColor: { argb: 'FFFFFF' }, |
||||
|
}; |
||||
|
// 设置标题行字体
|
||||
|
cell.font = { |
||||
|
// color: { argb: 'FF0000' }, //颜色为红色
|
||||
|
bold: true, // 字体粗体
|
||||
|
size: 18, // 设置字体大小为18
|
||||
|
}; |
||||
|
}); |
||||
|
// 获取第二行到最后一行的内容数据
|
||||
|
const bodyRows = sheet1.getRows(2, sheet1.rowCount); |
||||
|
// 处理内容行的数据
|
||||
|
bodyRows.forEach((bodyRow) => { |
||||
|
// 设置行高为20
|
||||
|
bodyRow.height = 20; |
||||
|
bodyRow.eachCell((cell) => { |
||||
|
cell.font = { |
||||
|
size: 16, // 设置内容行字体大小为16
|
||||
|
}; |
||||
|
}); |
||||
|
}); |
||||
|
// 导出表格文件
|
||||
|
workbook.xlsx |
||||
|
.writeBuffer() |
||||
|
.then((buffer) => { |
||||
|
let file = new Blob([buffer], { type: 'application/octet-stream' }); |
||||
|
FileSaver.saveAs(file, fillName + '.xlsx'); |
||||
|
}) |
||||
|
.catch((error) => console.log('Error writing excel export', error)); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
* 格式化表格数据 |
||||
|
* @filterVal 格式头 |
||||
|
* @jsonData 用来格式化的表格数据 |
||||
|
*/ |
||||
|
function formatJson (filterVal, jsonData) { |
||||
|
return jsonData.map((v) => filterVal.map((j) => v[j])); |
||||
|
}; |
||||
|
|
||||
@ -1,220 +0,0 @@ |
|||||
/* eslint-disable */ |
|
||||
import { saveAs } from 'file-saver' |
|
||||
import XLSX from 'xlsx' |
|
||||
|
|
||||
function generateArray(table) { |
|
||||
var out = []; |
|
||||
var rows = table.querySelectorAll('tr'); |
|
||||
var ranges = []; |
|
||||
for (var R = 0; R < rows.length; ++R) { |
|
||||
var outRow = []; |
|
||||
var row = rows[R]; |
|
||||
var columns = row.querySelectorAll('td'); |
|
||||
for (var C = 0; C < columns.length; ++C) { |
|
||||
var cell = columns[C]; |
|
||||
var colspan = cell.getAttribute('colspan'); |
|
||||
var rowspan = cell.getAttribute('rowspan'); |
|
||||
var cellValue = cell.innerText; |
|
||||
if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue; |
|
||||
|
|
||||
//Skip ranges
|
|
||||
ranges.forEach(function (range) { |
|
||||
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); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
//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); |
|
||||
} |
|
||||
return [out, ranges]; |
|
||||
}; |
|
||||
|
|
||||
function datenum(v, date1904) { |
|
||||
if (date1904) v += 1462; |
|
||||
var epoch = Date.parse(v); |
|
||||
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000); |
|
||||
} |
|
||||
|
|
||||
function sheet_from_array_of_arrays(data, opts) { |
|
||||
var ws = {}; |
|
||||
var range = { |
|
||||
s: { |
|
||||
c: 10000000, |
|
||||
r: 10000000 |
|
||||
}, |
|
||||
e: { |
|
||||
c: 0, |
|
||||
r: 0 |
|
||||
} |
|
||||
}; |
|
||||
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() { |
|
||||
if (!(this instanceof Workbook)) return new Workbook(); |
|
||||
this.SheetNames = []; |
|
||||
this.Sheets = {}; |
|
||||
} |
|
||||
|
|
||||
function s2ab(s) { |
|
||||
var buf = new ArrayBuffer(s.length); |
|
||||
var view = new Uint8Array(buf); |
|
||||
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; |
|
||||
return buf; |
|
||||
} |
|
||||
|
|
||||
export function export_table_to_excel(id) { |
|
||||
var theTable = document.getElementById(id); |
|
||||
var oo = generateArray(theTable); |
|
||||
var ranges = oo[1]; |
|
||||
|
|
||||
/* original data */ |
|
||||
var data = oo[0]; |
|
||||
var ws_name = "SheetJS"; |
|
||||
|
|
||||
var wb = new Workbook(), |
|
||||
ws = sheet_from_array_of_arrays(data); |
|
||||
|
|
||||
/* add ranges to worksheet */ |
|
||||
// ws['!cols'] = ['apple', 'banan'];
|
|
||||
ws['!merges'] = ranges; |
|
||||
|
|
||||
/* add worksheet to workbook */ |
|
||||
wb.SheetNames.push(ws_name); |
|
||||
wb.Sheets[ws_name] = ws; |
|
||||
|
|
||||
var wbout = XLSX.write(wb, { |
|
||||
bookType: 'xlsx', |
|
||||
bookSST: false, |
|
||||
type: 'binary' |
|
||||
}); |
|
||||
|
|
||||
saveAs(new Blob([s2ab(wbout)], { |
|
||||
type: "application/octet-stream" |
|
||||
}), "test.xlsx") |
|
||||
} |
|
||||
|
|
||||
export function export_json_to_excel({ |
|
||||
multiHeader = [], |
|
||||
header, |
|
||||
data, |
|
||||
filename, |
|
||||
merges = [], |
|
||||
autoWidth = true, |
|
||||
bookType = 'xlsx' |
|
||||
} = {}) { |
|
||||
/* original data */ |
|
||||
filename = filename || 'excel-list' |
|
||||
data = [...data] |
|
||||
data.unshift(header); |
|
||||
|
|
||||
for (let i = multiHeader.length - 1; i > -1; i--) { |
|
||||
data.unshift(multiHeader[i]) |
|
||||
} |
|
||||
|
|
||||
var ws_name = "SheetJS"; |
|
||||
var wb = new Workbook(), |
|
||||
ws = sheet_from_array_of_arrays(data); |
|
||||
|
|
||||
if (merges.length > 0) { |
|
||||
if (!ws['!merges']) ws['!merges'] = []; |
|
||||
merges.forEach(item => { |
|
||||
ws['!merges'].push(XLSX.utils.decode_range(item)) |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
if (autoWidth) { |
|
||||
/*设置worksheet每列的最大宽度*/ |
|
||||
const colWidth = data.map(row => row.map(val => { |
|
||||
/*先判断是否为null/undefined*/ |
|
||||
if (val == null) { |
|
||||
return { |
|
||||
'wch': 10 |
|
||||
}; |
|
||||
} |
|
||||
/*再判断是否为中文*/ |
|
||||
else if (val.toString().charCodeAt(0) > 255) { |
|
||||
return { |
|
||||
'wch': val.toString().length * 2 |
|
||||
}; |
|
||||
} else { |
|
||||
return { |
|
||||
'wch': val.toString().length |
|
||||
}; |
|
||||
} |
|
||||
})) |
|
||||
/*以第一行为初始值*/ |
|
||||
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; |
|
||||
} |
|
||||
|
|
||||
/* add worksheet to workbook */ |
|
||||
wb.SheetNames.push(ws_name); |
|
||||
wb.Sheets[ws_name] = ws; |
|
||||
|
|
||||
var wbout = XLSX.write(wb, { |
|
||||
bookType: bookType, |
|
||||
bookSST: false, |
|
||||
type: 'binary' |
|
||||
}); |
|
||||
saveAs(new Blob([s2ab(wbout)], { |
|
||||
type: "application/octet-stream" |
|
||||
}), `${filename}.${bookType}`); |
|
||||
} |
|
||||
Loading…
Reference in new issue