vue获取excel模板修改模板数据对模板样式进行修改添加边框合并单元格后导出

获取excel模板：可以使用axios或者fetch等库，向服务器发送get请求获取excel模板文件。例如：

axios.get('/api/excel-template')
  .then(response => {
    // 获取模板成功，response.data为excel文件流
  })
  .catch(error => {
    // 获取模板失败，处理错误
  })

修改模板数据：使用第三方库如xlsx等，将excel文件解析为数据格式，然后进行数据修改。例如：

import XLSX from 'xlsx'

// 读取excel文件流
const workbook = XLSX.read(data, { type: 'array' })

// 获取第一个sheet
const worksheet = workbook.Sheets[workbook.SheetNames[0]]

// 修改数据
worksheet.A1.v = 'hello world'

修改模板样式：使用第三方库如xlsx等，可以直接操作单元格的样式，例如添加边框、合并单元格等。例如：

// 添加边框
worksheet['!cols'] = [{ wpx: 100 }, { wpx: 100 }] // 设置列宽
worksheet['A1'].s = { border: { top: { style: 'thin' }, bottom: { style: 'thin' }, left: { style: 'thin' }, right: { style: 'thin' } } }

// 合并单元格
worksheet['!merges'] = [{ s: { r: 1, c: 1 }, e: { r: 3, c: 3 } }]

导出excel文件：使用第三方库如xlsx等，将数据格式转换为excel文件流，然后使用浏览器提供的下载功能进行下载。例如：

// 将数据格式转换为excel文件流
const buffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' })

// 将文件流转换为Blob对象
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })

// 创建下载链接并下载文件
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = 'example.xlsx'
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
``