exportAll() {
// 获取当前时间yyyyMMddHHmmss
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const formattedDate = `${year}${month}${day}${hours}${minutes}${seconds}`;
console.log(formattedDate);
const workbook = XLSX.utils.book_new();
// Create sheets
const worksheetWorkplace = XLSX.utils.json_to_sheet(this.workplaceData);
const worksheetGroup = XLSX.utils.json_to_sheet(this.groupData);
const worksheetAgent = XLSX.utils.json_to_sheet(this.agentData);
// Append sheets to workbook
XLSX.utils.book_append_sheet(workbook, worksheetWorkplace, '职场');
XLSX.utils.book_append_sheet(workbook, worksheetGroup, '小组');
XLSX.utils.book_append_sheet(workbook, worksheetAgent, '坐席');
// Write workbook and trigger download
const workbookBinary = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });
const buffer = new ArrayBuffer(workbookBinary.length);
const view = new Uint8Array(buffer);
for (let i = 0; i < workbookBinary.length; i++) {
// eslint-disable-next-line no-bitwise
view[i] = workbookBinary.charCodeAt(i) & 0xFF;
}
const workbookBlob = new Blob([buffer], { type: 'application/octet-stream' });
const downloadElement = document.createElement('a');
const href = URL.createObjectURL(workbookBlob);
downloadElement.href = href;
downloadElement.download = '导出数据_'.concat(formattedDate).concat('.xlsx');
document.body.appendChild(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement);
URL.revokeObjectURL(href);
console.log('Export all data');
},
相关推荐
vue 导出excel,支持单元格合并,背景色,列宽,字体大小,一个js 文件就可以搞定
在Vue.js应用中导出Excel并修改表头样式是一个常见的需求,这主要涉及到前端数据处理、Excel文件生成以及样式定制等方面的知识。以下是一份详细的技术指南,帮助你理解和实现这个功能。 1. **Vue.js基础知识**:Vue...
在Vue.js前端开发中,有时候我们需要将数据导出为Excel文件以便用户下载或进一步处理。在标题提到的两种方法中,我们将重点讨论如何利用SheetJS和xlsx-style库来实现更复杂的Excel导出功能,如文字居中、自动换行、...
vue导出excel 所需下载的两个js文件:Blob.js、Export2Excel.js 将上面两个js文件放在vendor目录中 在项目目录下的build下的 webpack.base/conf.js这个webpack的配置文件中的 resolve的alias中加入: 'vendor':path....
Vue导出Excel组件就是为了解决这个问题而设计的,它使得在Vue2.x项目中实现这一功能变得简单高效。Vue.js是一个轻量级、灵活且功能丰富的前端JavaScript框架,它鼓励组件化开发,因此有专门针对Excel导出的组件也就...
本资源“vue导出excel(Blob.js/Export2Excel.js).rar”提供了实现这一功能的关键JavaScript库,Blob.js和Export2Excel.js。下面我们将深入探讨如何利用这些工具在Vue项目中实现出色的Excel导入和导出功能。 首先,...
在实际开发中,你可能还需要处理数据的格式化、错误处理、用户交互等细节问题,但以上内容已经涵盖了Vue.js中使用`Blob`和`Export2Excel`导出Excel表格的基础知识。通过这些技术,你可以为用户提供方便的数据导出...
VUE导出Excel文件,两种方法,方法二带样式:文字居中,自动换行,列宽设置,单元格合并,冻结表头等。 https://www.cnblogs.com/yinxingen/p/11052184.html
总的来说,`Vue导出excel必备js文件`中的`Blob.js` 和 `Export2Excel.js` 提供了在Vue应用中实现数据导出到Excel的完整解决方案。它们简化了处理二进制数据和创建Excel文件的过程,使得开发者能够更专注于业务逻辑,...
vue导出Excel表的js文件
下面我们将详细探讨如何利用这两个库在Vue.js项目中导出Excel文件,并重点关注如何将当前日期添加到导出的文件名中。 首先,Blob.js是一个JavaScript库,用于在浏览器中创建和操作Blob对象。Blob是Binary Large ...
总结来说,前端导出Excel涉及到数据转换、样式设置和文件生成等多个步骤。使用像`SheetJS`这样的库可以帮助简化这一过程,但正确配置和优化仍然是关键。在实际项目中,确保按照需求正确设置字体、列宽、行高、对齐...
本篇文章将深入探讨如何在Vue.js项目中结合`el-table`和`file-saver`库,实现前端导出分页数据到Excel的功能。 首先,我们需要了解`el-table`。它是Element UI的一部分,提供了一种灵活的方式来展示和操作表格数据...
Excel作为广泛使用的电子表格工具,其导出功能被广泛应用。在某些场景下,为了保护数据安全或者表明数据来源,我们需要在Excel文件上添加水印。本篇文章将详细探讨如何使用Java的POI库来实现这个功能。 POI是Apache...
在Vue.js应用中,导出Excel文件通常是为了将数据以用户友好的格式提供下载,例如报表或数据分析结果。实现这一功能通常需要借助JavaScript库,因为原生的Vue并不直接支持Excel文件的创建和导出。这里我们将探讨如何...
该组件只支持小程序Excel 的表格导出 EclexArray:该属性是 表格的体的数据 tableToExcel:这个是导出事件 `<tr><td style="text-align: center; width:100rpx;">人员姓名</td></tr >`表格的头部
Vue.js提供了丰富的生态系统,可以方便地与各种库和工具集成,实现诸如Excel导出的功能。在这个场景下,Blob.js和Export2Excel.js是两个关键的JavaScript库,它们可以帮助我们在Vue项目中实现这个功能。下面将详细...
表格数据导出excel 在项目中创建一个文件夹 把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹 链接: [https://pan.baidu.com/s/1sXMEce5MbTOvgf1yFvd5IQ]...
### Spring Boot中实现列表数据导出为Excel文件 #### 一、引言 在现代企业应用开发中,数据导出是一项常见的需求。特别是在基于Spring Boot的项目中,开发者经常需要将数据库中的数据导出到Excel文件,以便进行...
在这个场景中,提到的"vue导入导出excel文件"很可能是通过JavaScript库来完成的,因为标签中提到了"js"。 JavaScript库如`xlsx`或`file-saver`可以帮助我们实现Excel文件的处理。`xlsx`库用于读取、创建和修改Excel...