toesbieya
6 years ago
parent
3d6f0f1fe0
commit
6f19417e3d
File diff suppressed because one or more lines are too long
@ -1 +1,11 @@ |
|||||||
export {exportExcel, exportExcelByJs, json2workbook} from "./exceljs" |
import {exportExcel, json2workbook, workbook2excel} from "./exceljs" |
||||||
|
|
||||||
|
/** |
||||||
|
* @desc el-table导出excel |
||||||
|
* @param tableInstance el-table实例 |
||||||
|
*/ |
||||||
|
export function elementUiTable2excel(tableInstance) { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export {exportExcel, json2workbook, workbook2excel} |
||||||
|
|||||||
@ -1,132 +0,0 @@ |
|||||||
/** |
|
||||||
* @deprecated |
|
||||||
* xlsx问题多多，转向excelJS |
|
||||||
*/ |
|
||||||
|
|
||||||
import {isEmpty} from "@/util" |
|
||||||
import {download} from "@/util/file" |
|
||||||
import {abstractExportExcel, jsonArray2rowArray, mergeExcel} from "./common" |
|
||||||
|
|
||||||
/** |
|
||||||
* @param url |
|
||||||
* @param searchForm |
|
||||||
* @param options |
|
||||||
*/ |
|
||||||
export function exportExcel(url, searchForm, options) { |
|
||||||
abstractExportExcel(url, searchForm, options, json2workbook, exportExcelByJs) |
|
||||||
} |
|
||||||
|
|
||||||
//纯前端导出excel
|
|
||||||
export function exportExcelByJs(workbook, filename) { |
|
||||||
const out = window.XLSX.write(workbook, { |
|
||||||
bookType: 'xlsx', |
|
||||||
bookSST: false, |
|
||||||
type: 'binary' |
|
||||||
}) |
|
||||||
download(new Blob([s2ab(out)], {type: "application/octet-stream"}), filename) |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* @param data json数组 |
|
||||||
* @param columns 列配置 |
|
||||||
* @param merge 合并配置项 |
|
||||||
* @returns |
|
||||||
*/ |
|
||||||
export function json2workbook(data, columns, merge) { |
|
||||||
const header = [] //表格头部
|
|
||||||
const propMap = {} //表头和字段名的映射表，propMap[字段名]=对应的表头的数组下标
|
|
||||||
const columnSettings = [] //列宽配置，默认20
|
|
||||||
const needMerge = [] //合并行配置，[i]=字段名
|
|
||||||
|
|
||||||
columns.forEach((col, i) => { |
|
||||||
if (!isEmpty(col.header)) header[i] = col.header |
|
||||||
if (!isEmpty(col.prop)) propMap[col.prop] = i |
|
||||||
if (col.merge) needMerge[i] = col.prop |
|
||||||
columnSettings[i] = {wch: col.width || 20} |
|
||||||
}) |
|
||||||
|
|
||||||
const headerRows = header.length > 0 ? 1 : 0 |
|
||||||
|
|
||||||
let bodyMerge = [] |
|
||||||
|
|
||||||
if (merge && needMerge.length > 0) { |
|
||||||
const {primaryKey, orderKey} = merge |
|
||||||
bodyMerge = mergeExcel(needMerge, data, primaryKey, orderKey, headerRows) |
|
||||||
} |
|
||||||
|
|
||||||
const result = jsonArray2rowArray(data, propMap) |
|
||||||
|
|
||||||
headerRows && result.unshift(header) |
|
||||||
|
|
||||||
const sheet = aoa_to_sheet(result, headerRows) |
|
||||||
sheet['!cols'] = columnSettings |
|
||||||
sheet['!merges'] = bodyMerge.map(i => window.XLSX.utils.decode_range(i)) |
|
||||||
return {SheetNames: ['Sheet1'], Sheets: {Sheet1: sheet}} |
|
||||||
} |
|
||||||
|
|
||||||
//默认的excel单元格样式
|
|
||||||
const defaultCellStyle = { |
|
||||||
font: {name: '宋体'}, |
|
||||||
alignment: { |
|
||||||
wrapText: 1,// 自动换行
|
|
||||||
horizontal: "center", |
|
||||||
vertical: "center", |
|
||||||
indent: 0 |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
//默认的头部样式
|
|
||||||
const defaultHeaderStyle = { |
|
||||||
...defaultCellStyle, |
|
||||||
fill: {fgColor: {rgb: "C0C0C0"}}, |
|
||||||
font: {name: '宋体', sz: 14, bold: true}, |
|
||||||
border: {top: {style: 'thin'}, left: {style: 'thin'}, bottom: {style: 'thin'}, right: {style: 'thin'}} |
|
||||||
} |
|
||||||
|
|
||||||
function datenum(v, date1904) { |
|
||||||
if (date1904) v += 1462 |
|
||||||
const epoch = Date.parse(v) |
|
||||||
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000) |
|
||||||
} |
|
||||||
|
|
||||||
function aoa_to_sheet(data, headerRows) { |
|
||||||
const ws = {} |
|
||||||
const range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}} |
|
||||||
for (let R = 0; R !== data.length; ++R) { |
|
||||||
for (let 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 |
|
||||||
//生成cell的时候，使用默认样式
|
|
||||||
const cell = { |
|
||||||
v: data[R][C], |
|
||||||
s: R === 0 && headerRows > R ? defaultHeaderStyle : defaultCellStyle |
|
||||||
} |
|
||||||
if (cell.v == null) continue |
|
||||||
const cell_ref = window.XLSX.utils.encode_cell({c: C, r: R}) |
|
||||||
|
|
||||||
/* TEST: proper cell types and value handling */ |
|
||||||
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 = window.XLSX.SSF._table[14] |
|
||||||
cell.v = datenum(cell.v) |
|
||||||
} |
|
||||||
else cell.t = 's' |
|
||||||
ws[cell_ref] = cell |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/* TEST: proper range */ |
|
||||||
if (range.s.c < 10000000) ws['!ref'] = window.XLSX.utils.encode_range(range) |
|
||||||
return ws |
|
||||||
} |
|
||||||
|
|
||||||
function s2ab(s) { |
|
||||||
const buf = new ArrayBuffer(s.length) |
|
||||||
const view = new Uint8Array(buf) |
|
||||||
for (let i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF |
|
||||||
return buf |
|
||||||
} |
|
||||||
Loading…
Reference in new issue