|
|
@@ -0,0 +1,73 @@
|
|
|
+import * as XLSX from 'xlsx'
|
|
|
+
|
|
|
+// 测试excel 合并单元格
|
|
|
+const testCell = () => {
|
|
|
+ const xlsxData = [['姓名', '年龄', '成绩'], ['', '', '语文', '数学', '英语'], ['我', '18', '20']]
|
|
|
+ // xlsxData 是 Excel 的内容
|
|
|
+ const workSheet = XLSX.utils.aoa_to_sheet(xlsxData)
|
|
|
+ // 设置工作表的记录范围
|
|
|
+ // [列号][行号]，A1 则代表 A 列的第1行
|
|
|
+ // 列数一般是已知的（未知时可以设置为ZZ）
|
|
|
+ // 行数则以 xlsxData 内容的长度结束即可
|
|
|
+ workSheet['!ref'] = `A1:AI${xlsxData.length}`
|
|
|
+ // s 意为 start ，即开始的单元格
|
|
|
+ // r 是 row ，表示行号，从 0 计起
|
|
|
+ // c 是 col ，表示列号，从 0 计起
|
|
|
+ const merge = [
|
|
|
+ // 纵向合并，范围是第1列的行1到行2
|
|
|
+ { s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
|
|
|
+ // 纵向合并，范围是第2列的行1到行2
|
|
|
+ { s: { r: 0, c: 1 }, e: { r: 1, c: 1 } },
|
|
|
+ // 横向合并，范围是第1行的列3到列5
|
|
|
+ { s: { r: 0, c: 2 }, e: { r: 0, c: 4 } },
|
|
|
+ // 纵向合并 第1列 3~4行
|
|
|
+ { s: { r: 2, c: 0 }, e: { r: 3, c: 0 } },
|
|
|
+ // 纵向合并 第2列 3~4行
|
|
|
+ { s: { r: 2, c: 1 }, e: { r: 3, c: 1 } }
|
|
|
+ ]
|
|
|
+ workSheet['!merges'] = merge
|
|
|
+ console.log(1111, workSheet)
|
|
|
+
|
|
|
+ const openDownloadDialog = (url: any, saveName: string) => {
|
|
|
+ if (typeof url === 'object' && url instanceof Blob) {
|
|
|
+ url = URL.createObjectURL(url) // 创建blob地址
|
|
|
+ }
|
|
|
+ const aLink = document.createElement('a')
|
|
|
+ aLink.href = url
|
|
|
+ aLink.download = saveName || '' // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
|
|
|
+ let event
|
|
|
+ if (window.MouseEvent) event = new MouseEvent('click')
|
|
|
+ else {
|
|
|
+ event = document.createEvent('MouseEvents')
|
|
|
+ event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
|
|
|
+ }
|
|
|
+ aLink.dispatchEvent(event)
|
|
|
+ }
|
|
|
+
|
|
|
+ const sheet2blob = (sheet: any, sheetName = 'sheet1') => {
|
|
|
+ const workbook = {
|
|
|
+ SheetNames: [sheetName],
|
|
|
+ Sheets: {} as any
|
|
|
+ }
|
|
|
+ workbook.Sheets[sheetName] = sheet
|
|
|
+ // 生成excel的配置项
|
|
|
+ const wopts = {
|
|
|
+ bookType: 'xlsx', // 要生成的文件类型
|
|
|
+ bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
|
|
|
+ type: 'binary'
|
|
|
+ } as any
|
|
|
+ const wbout = XLSX.write(workbook, wopts)
|
|
|
+ // 字符串转ArrayBuffer
|
|
|
+ const s2ab = (s: string) => {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' })
|
|
|
+
|
|
|
+ return blob
|
|
|
+ }
|
|
|
+
|
|
|
+ openDownloadDialog(sheet2blob(workSheet), 'test.xlsx')
|
|
|
+}
|
