☰

xlsxExport.utils.js

一个导出excel文件的导出工具

目前為 2022-08-09 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/449211/1079584/xlsxExportutilsjs.js 

  1. /*
  2. @author Parker
  3. @version 2020-05-08
  4. @aim 对xlsx-style方法进行二次封装 方便调用以导出带样式Excel
  5. @aim 对 XSU 进行封装和调用
  6. @usage XSExport.xxxx()
  7.  
  8. 依赖于
  9. 	1. xlsx.core.min.js
  10. 	2. xlsxStyle.core.min.js
  11. 	3. xlsxStyle.utils.js
  12. 	
  13. */
  14. var XSExport = {};
  15.  
  16. /**
  17.  * 通用的打开下载对话框方法，没有测试过具体兼容性
  18.  * @param url 下载地址，也可以是一个blob对象，必选
  19.  * @param saveName 保存文件名，可选
  20.  */
  21. XSExport.openDownloadDialog = function(url, saveName){
  22. 	if(typeof url == 'object' && url instanceof Blob)
  23. 	{
  24. 		url = URL.createObjectURL(url); // 创建blob地址
  25. 	}
  26. 	var aLink = document.createElement('a');
  27. 	aLink.href = url;
  28. 	aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
  29. 	var event;
  30. 	if(window.MouseEvent) event = new MouseEvent('click');
  31. 	else
  32. 	{
  33. 		event = document.createEvent('MouseEvents');
  34. 		event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  35. 	}
  36. 	aLink.dispatchEvent(event);
  37. }
  38.  
  39. /**
  40.  * 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
  41.  * @param sheet sheet数据
  42.  * @param sheetName excel页内签
  43.  */
  44. XSExport.sheet2blob = function(sheet, sheetName) {
  45. 	var that = this;
  46. 	sheetName = sheetName || 'sheet1';
  47. 	var workbook = {
  48. 		SheetNames: [sheetName],
  49. 		Sheets: {}
  50. 	};
  51. 	workbook.Sheets[sheetName] = sheet;
  52. 	// 生成excel的配置项
  53. 	var wopts = {
  54. 		bookType: 'xlsx', // 要生成的文件类型
  55. 		bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
  56. 		type: 'binary'
  57. 	};
  58. 	
  59. 	// 设置样式
  60. 	that.setWorkbookStyle(workbook,workbook.SheetNames[0]);
  61. 	
  62. 	var wbout = xlsxStyle.write(workbook,wopts);
  63. 	var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"});
  64. 	// 字符串转ArrayBuffer
  65. 	function s2ab(s) {
  66. 		var buf = new ArrayBuffer(s.length);
  67. 		var view = new Uint8Array(buf);
  68. 		for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
  69. 		return buf;
  70. 	}
  71. 	
  72. 	return blob;
  73. }
  74.  
  75. /**
  76.  * 自定义对应表格样式
  77.  * @param wb workbook Excel工作布
  78.  * @param sheetName excel页内签名称
  79.  */
  80. XSExport.setWorkbookStyle = function(wb,sheetName){			
  81. 	var cols = XSU.getMaxCol(wb,sheetName);//当前最大列
  82. 	
  83. 	//wb样式处理，调用xlsxStyle.utils方法
  84.  
  85. 	//------------------通用表格样式----------------------------
  86. 	XSU.mergeCells(wb,sheetName,"A1",cols); //合并title单元格
  87. 	XSU.setFontTypeAll(wb,sheetName,'Arial');//字体：Arial
  88. 	XSU.setFontSizeAll(wb,sheetName,10);//字体大小：10
  89. 	XSU.setAlignmentHorizontalAll(wb,sheetName,'center');//垂直居中
  90. 	XSU.setAlignmentVerticalAll(wb,sheetName,'center');//水平居中
  91. 	XSU.setBorderDefaultAll(wb,sheetName);//设置所有单元格默认边框
  92. 	//-------------------------个性化----------------------------
  93. 	//列宽设置 1wch为1英文字符宽度 (统一放大一下宽度)
  94. 	XSU.setColWidthAll(wb,sheetName,15);
  95. 	
  96. 	//设置A 行 主标题 默认样式 必须最后设置 否则可能会被其他覆盖
  97. 	XSU.setTitleStylesDefault(wb,sheetName);
  98. 	//设置B 行 小标题 默认样式 必须最后设置 否则可能会被其他覆盖
  99. 	XSU.setSecondRowStylesDefault(wb,sheetName);
  100. }
  101.  
  102.  
  103. /**
  104.  * 导出excel
  105.  * @param data 原始数据
  106.  *        数据格式为 第一行是 小标题 后续行则是对应行数据
  107.  *		  例：
  108.  *			data = [
  109.  *				['姓名','年龄','性别'],
  110.  *				['张三','12','男'],
  111.  *				['李四','18','女']
  112.  *			]
  113.  * @param title 标题名称（用于excel内 第一行标题 和 导出文件名）
  114.  */
  115. XSExport.excelExport = function(data,title){	
  116. 	var that = this;
  117. 	var aoa = data;	
  118. 	// 插入头部
  119. 	var header = [];
  120. 	header.push(title);
  121. 	var cols = aoa[0].length;
  122. 	for(var i=0;i<cols-1;i++){
  123. 		header.push("");	
  124. 	}
  125. 	aoa.unshift(header);
  126. 	
  127. 	// 生成sheet
  128. 	var sheet = XLSX.utils.aoa_to_sheet(aoa);
  129. 	// 二进制文件
  130. 	var blob = that.sheet2blob(sheet);
  131. 	
  132. 	that.openDownloadDialog(blob, title+that.dateToStr('yyyyMMddHHmmss')+'.xlsx');
  133. }
  134. /**
  135.  * 日期对象转换为指定格式的字符串
  136.  * f 日期格式,格式定义如下 yyyy-MM-dd HH:mm:ss
  137.  *  date Date日期对象, 如果缺省，则为当前时间
  138.  *
  139.  * YYYY/yyyy/YY/yy 表示年份
  140.  * MM/M 月份
  141.  * W/w 星期
  142.  * dd/DD/d/D 日期
  143.  * hh/HH/h/H 时间
  144.  * mm/m 分钟
  145.  * ss/SS/s/S 秒
  146.  * string 指定格式的时间字符串
  147.  */
  148. XSExport.dateToStr = function(formatStr, date){
  149. 	
  150. 	formatStr = arguments[0] || "yyyy-MM-dd HH:mm:ss";
  151. 	date = arguments[1] || new Date();
  152. 	var str = formatStr;
  153. 	var Week = ['日','一','二','三','四','五','六'];
  154. 	str=str.replace(/yyyy|YYYY/,date.getFullYear());
  155. 	str=str.replace(/yy|YY/,(date.getYear() % 100)>9?(date.getYear() % 100).toString():'0' + (date.getYear() % 100));
  156. 	str=str.replace(/MM/,date.getMonth()>=9?(date.getMonth() + 1):'0' + (date.getMonth() + 1));
  157. 	str=str.replace(/M/g,date.getMonth());
  158. 	str=str.replace(/w|W/g,Week[date.getDay()]);
  159.  
  160. 	str=str.replace(/dd|DD/,date.getDate()>9?date.getDate().toString():'0' + date.getDate());
  161. 	str=str.replace(/d|D/g,date.getDate());
  162.  
  163. 	str=str.replace(/hh|HH/,date.getHours()>9?date.getHours().toString():'0' + date.getHours());
  164. 	str=str.replace(/h|H/g,date.getHours());
  165. 	str=str.replace(/mm/,date.getMinutes()>9?date.getMinutes().toString():'0' + date.getMinutes());
  166. 	str=str.replace(/m/g,date.getMinutes());
  167.  
  168. 	str=str.replace(/ss|SS/,date.getSeconds()>9?date.getSeconds().toString():'0' + date.getSeconds());
  169. 	str=str.replace(/s|S/g,date.getSeconds());
  170.  
  171. 	return str;
  172. }