前端导出word文件的多种方式、前端导出excel文件
文章目录
- 纯前借助word模板端导出word文件 (推荐)
- 使用模板导出
- 前端通过模板字符串导出word文件
- 前端导出 excel文件,node-xlsx导出文件,行列合并
纯前借助word模板端导出word文件 (推荐)
先看效果:
这是页面中的table
这是导出后的效果:
使用模板导出
需要的依赖:
npm 自行安装,需要看官网的具体参数自行去github上面找对应的参数
"docxtemplater"http://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ "^3.46.0"http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
"pizzip"http://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ "^3.1.6"http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
"jszip-utils"http://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ "^0.1.0"http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
"file-saver"http://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ "^2.0.5"http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
具体代码:(先看word模板,在看代码,word中的变量和代码中 doc.setData() 是一一对应的)
<http://blog.csdn.net/qq_43940789/article/details/template>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"button-box"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/a-http://blog.csdn.net/qq_43940789/article/details/space>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/a-http://blog.csdn.net/qq_43940789/article/details/button type=http://blog.csdn.net/qq_43940789/article/details/"danger"http://blog.csdn.net/qq_43940789/article/details/ @http://blog.csdn.net/qq_43940789/article/details/clickhttp://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"downWord2"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/模板导出word文件<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/a-http://blog.csdn.net/qq_43940789/article/details/button>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/a-http://blog.csdn.net/qq_43940789/article/details/space>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/div>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/template>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/script lang=http://blog.csdn.net/qq_43940789/article/details/"ts"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ defineComponent,http://blog.csdn.net/qq_43940789/article/details/ onMounted,http://blog.csdn.net/qq_43940789/article/details/ reactive,http://blog.csdn.net/qq_43940789/article/details/ PropType,http://blog.csdn.net/qq_43940789/article/details/ ref }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ 'vue'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ message }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ 'ant-design-vue'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ moment fromhttp://blog.csdn.net/qq_43940789/article/details/ 'moment'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ downloadPDF }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ '../../../../utils/utils'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ useTable }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ './hooks/useTable'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ xlsx fromhttp://blog.csdn.net/qq_43940789/article/details/ 'node-xlsx'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ docxtemplater fromhttp://blog.csdn.net/qq_43940789/article/details/ 'docxtemplater'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ PizZip fromhttp://blog.csdn.net/qq_43940789/article/details/ 'pizzip'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ JSZipUtils fromhttp://blog.csdn.net/qq_43940789/article/details/ 'jszip-utils'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ saveAs }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ 'file-saver'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
exporthttp://blog.csdn.net/qq_43940789/article/details/ defaulthttp://blog.csdn.net/qq_43940789/article/details/ defineComponenthttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
props:http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
/**
* 基础数据
*/http://blog.csdn.net/qq_43940789/article/details/
baseData:http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
type:http://blog.csdn.net/qq_43940789/article/details/ Object ashttp://blog.csdn.net/qq_43940789/article/details/ PropType<http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
taskId:http://blog.csdn.net/qq_43940789/article/details/ stringhttp://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
barcodeId:http://blog.csdn.net/qq_43940789/article/details/ stringhttp://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
defaulthttp://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
/**
* 样本名称
*/http://blog.csdn.net/qq_43940789/article/details/
barcodeName:http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
type:http://blog.csdn.net/qq_43940789/article/details/ String,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
setuphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/props)http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ width =http://blog.csdn.net/qq_43940789/article/details/ 100http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ barcodeName }http://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ props;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ taskId,http://blog.csdn.net/qq_43940789/article/details/ barcodeId }http://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ props.http://blog.csdn.net/qq_43940789/article/details/baseData;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ tableConfig,http://blog.csdn.net/qq_43940789/article/details/ tableConfigLeft,http://blog.csdn.net/qq_43940789/article/details/ getDta }http://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ useTablehttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
onMountedhttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ =>http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
barcodeName ?http://blog.csdn.net/qq_43940789/article/details/ getDtahttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/taskId,http://blog.csdn.net/qq_43940789/article/details/ barcodeName)http://blog.csdn.net/qq_43940789/article/details/ :http://blog.csdn.net/qq_43940789/article/details/ ''http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ tableValue =http://blog.csdn.net/qq_43940789/article/details/ reactivehttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
unit:http://blog.csdn.net/qq_43940789/article/details/ '中国'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
date:http://blog.csdn.net/qq_43940789/article/details/ undefinedhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
sampleType:http://blog.csdn.net/qq_43940789/article/details/ '你猜'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
people:http://blog.csdn.net/qq_43940789/article/details/ '黄种人'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '夜空'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
sex:http://blog.csdn.net/qq_43940789/article/details/ '男'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
age:http://blog.csdn.net/qq_43940789/article/details/ '25'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
work:http://blog.csdn.net/qq_43940789/article/details/ '开发'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
id:http://blog.csdn.net/qq_43940789/article/details/ ''http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
jiance:http://blog.csdn.net/qq_43940789/article/details/ '商品化试剂盒'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
date2:http://blog.csdn.net/qq_43940789/article/details/ undefinedhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ downWord2http://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ =>http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ docxname =http://blog.csdn.net/qq_43940789/article/details/ '导出word.docx'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
JSZipUtils.http://blog.csdn.net/qq_43940789/article/details/getBinaryContenthttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/'/test.docx'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ functionhttp://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/error:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ content:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
// test.docx是模板(这里我放到public公共文件夹下面了)。我们在导出的时候,会根据此模板来导出对应的数据http://blog.csdn.net/qq_43940789/article/details/
// 抛出异常http://blog.csdn.net/qq_43940789/article/details/
ifhttp://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/error)http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
throwhttp://blog.csdn.net/qq_43940789/article/details/ error;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/
// 创建一个PizZip实例,内容为模板的内容http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ zip =http://blog.csdn.net/qq_43940789/article/details/ newhttp://blog.csdn.net/qq_43940789/article/details/ PizZiphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/content)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
// 创建并加载docx templater实例对象http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ doc =http://blog.csdn.net/qq_43940789/article/details/ newhttp://blog.csdn.net/qq_43940789/article/details/ docxtemplaterhttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/.http://blog.csdn.net/qq_43940789/article/details/loadZiphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/zip)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
// 设置模板变量的值 主要变量替换在这里http://blog.csdn.net/qq_43940789/article/details/
doc.http://blog.csdn.net/qq_43940789/article/details/setDatahttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ tableValue.http://blog.csdn.net/qq_43940789/article/details/name,http://blog.csdn.net/qq_43940789/article/details/
unit:http://blog.csdn.net/qq_43940789/article/details/ tableValue.http://blog.csdn.net/qq_43940789/article/details/unit,http://blog.csdn.net/qq_43940789/article/details/
date:http://blog.csdn.net/qq_43940789/article/details/ momenthttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/tableValue.http://blog.csdn.net/qq_43940789/article/details/date)http://blog.csdn.net/qq_43940789/article/details/.http://blog.csdn.net/qq_43940789/article/details/formathttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/'YYYY-MM-DD'http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
sampleType:http://blog.csdn.net/qq_43940789/article/details/ tableValue.http://blog.csdn.net/qq_43940789/article/details/sampleType,http://blog.csdn.net/qq_43940789/article/details/
sex:http://blog.csdn.net/qq_43940789/article/details/ tableValue.http://blog.csdn.net/qq_43940789/article/details/sex,http://blog.csdn.net/qq_43940789/article/details/
age:http://blog.csdn.net/qq_43940789/article/details/ tableValue.http://blog.csdn.net/qq_43940789/article/details/age,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
tryhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
// 用模板变量的值替换所有模板变量http://blog.csdn.net/qq_43940789/article/details/
doc.http://blog.csdn.net/qq_43940789/article/details/renderhttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/ catchhttp://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/error:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
// 抛出异常http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ e =http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
message:http://blog.csdn.net/qq_43940789/article/details/ error.http://blog.csdn.net/qq_43940789/article/details/message,http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ error.http://blog.csdn.net/qq_43940789/article/details/name,http://blog.csdn.net/qq_43940789/article/details/
stack:http://blog.csdn.net/qq_43940789/article/details/ error.http://blog.csdn.net/qq_43940789/article/details/stack,http://blog.csdn.net/qq_43940789/article/details/
properties:http://blog.csdn.net/qq_43940789/article/details/ error.http://blog.csdn.net/qq_43940789/article/details/properties,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
consolehttp://blog.csdn.net/qq_43940789/article/details/.http://blog.csdn.net/qq_43940789/article/details/loghttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/
JSONhttp://blog.csdn.net/qq_43940789/article/details/.http://blog.csdn.net/qq_43940789/article/details/stringifyhttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
error:http://blog.csdn.net/qq_43940789/article/details/ e,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
throwhttp://blog.csdn.net/qq_43940789/article/details/ error;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/
// 生成一个代表docxtemplater对象的zip文件(不是一个真实的文件,而是在内存中的表示)http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ out =http://blog.csdn.net/qq_43940789/article/details/ doc.http://blog.csdn.net/qq_43940789/article/details/getZiphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/.http://blog.csdn.net/qq_43940789/article/details/generatehttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/{http://blog.csdn.net/qq_43940789/article/details/
type:http://blog.csdn.net/qq_43940789/article/details/ 'blob'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
mimeType:http://blog.csdn.net/qq_43940789/article/details/ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
// 将目标文件对象保存为目标类型的文件,并命名http://blog.csdn.net/qq_43940789/article/details/
saveAshttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/out,http://blog.csdn.net/qq_43940789/article/details/ docxname)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
returnhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
downWord2,http://blog.csdn.net/qq_43940789/article/details/
getDta,http://blog.csdn.net/qq_43940789/article/details/
tableConfig,http://blog.csdn.net/qq_43940789/article/details/
tableConfigLeft,http://blog.csdn.net/qq_43940789/article/details/
tableValue,http://blog.csdn.net/qq_43940789/article/details/
downloadPDF,http://blog.csdn.net/qq_43940789/article/details/
value4:http://blog.csdn.net/qq_43940789/article/details/ refhttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/'less'http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/script>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/style lang=http://blog.csdn.net/qq_43940789/article/details/"less"http://blog.csdn.net/qq_43940789/article/details/ scoped>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/style>http://blog.csdn.net/qq_43940789/article/details/
前端通过模板字符串导出word文件
包依赖:
"file-saver"http://blog.csdn.net/qq_43940789/article/details/:http://blog.csdn.net/qq_43940789/article/details/ "^2.0.5"http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
代码
importhttp://blog.csdn.net/qq_43940789/article/details/ FileSaver fromhttp://blog.csdn.net/qq_43940789/article/details/ 'file-saver'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ htmlDocx fromhttp://blog.csdn.net/qq_43940789/article/details/ "html-docx-js/dist/html-docx"http://blog.csdn.net/qq_43940789/article/details/
importhttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ Ghttp://blog.csdn.net/qq_43940789/article/details/ }http://blog.csdn.net/qq_43940789/article/details/ fromhttp://blog.csdn.net/qq_43940789/article/details/ '@/global'http://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/ rootUrl,http://blog.csdn.net/qq_43940789/article/details/ rbacToken }http://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ Ghttp://blog.csdn.net/qq_43940789/article/details/;http://blog.csdn.net/qq_43940789/article/details/
lethttp://blog.csdn.net/qq_43940789/article/details/ cycle_info1 =http://blog.csdn.net/qq_43940789/article/details/ [http://blog.csdn.net/qq_43940789/article/details/
{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '事件类型'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
key:http://blog.csdn.net/qq_43940789/article/details/ 'eventTypeName'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '地点定位'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
key:http://blog.csdn.net/qq_43940789/article/details/ 'locationAddress'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '上报时间'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
key:http://blog.csdn.net/qq_43940789/article/details/ 'reportTime'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '人员姓名'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
key:http://blog.csdn.net/qq_43940789/article/details/ 'reportUserName'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
{http://blog.csdn.net/qq_43940789/article/details/
name:http://blog.csdn.net/qq_43940789/article/details/ '联系方式'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
key:http://blog.csdn.net/qq_43940789/article/details/ 'reportUserPhone'http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/
]http://blog.csdn.net/qq_43940789/article/details/
consthttp://blog.csdn.net/qq_43940789/article/details/ modelhttp://blog.csdn.net/qq_43940789/article/details/ =http://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ list:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ eventState:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ =>http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
// console.log(reportInfoDetail, list, eventState);http://blog.csdn.net/qq_43940789/article/details/
returnhttp://blog.csdn.net/qq_43940789/article/details/ (http://blog.csdn.net/qq_43940789/article/details/
`http://blog.csdn.net/qq_43940789/article/details/
.MaxBox {
padding: 0px 15px;
overflow-y: auto;
height: 50vh;
}
.fromBox {}
.formTitle_first {
color: #1c69f7;
font-size: 23px;
font-weight: bold;
margin-bottom: 10px;
}
.formTitle_second {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
.formContent_box {
margin-bottom: 5px;
}
.formContent_box_title {
min-width: 60px;
}
.display_flex {
display: flex;
}
上报信息
上报信息
事件类型:http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'eventTypeName'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
地点定位:http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'locationAddress'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
上报时间:http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'reportTime'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
人员姓名:http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'reportUserName'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
联系方式:http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'reportUserPhone'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
图片附件
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'picIds'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/?.http://blog.csdn.net/qq_43940789/article/details/maphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/res1:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ idx1:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ =>http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
returnhttp://blog.csdn.net/qq_43940789/article/details/ `http://blog.csdn.net/qq_43940789/article/details/
<img src="http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/rootUrl}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details//fyVolunteer/file/download/http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/res1}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/?rbacToken=http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/rbacToken}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/"
style='margin-right:5px'
/>
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/idx1 +http://blog.csdn.net/qq_43940789/article/details/ 1http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ %http://blog.csdn.net/qq_43940789/article/details/ 2http://blog.csdn.net/qq_43940789/article/details/ ==http://blog.csdn.net/qq_43940789/article/details/ 0http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ ?http://blog.csdn.net/qq_43940789/article/details/ `http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/`http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/ :http://blog.csdn.net/qq_43940789/article/details/ ''http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/`http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
事件描述
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[http://blog.csdn.net/qq_43940789/article/details/'description'http://blog.csdn.net/qq_43940789/article/details/]http://blog.csdn.net/qq_43940789/article/details/}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail.http://blog.csdn.net/qq_43940789/article/details/assignInfo.http://blog.csdn.net/qq_43940789/article/details/length !=http://blog.csdn.net/qq_43940789/article/details/ 0http://blog.csdn.net/qq_43940789/article/details/ ?http://blog.csdn.net/qq_43940789/article/details/
`
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"fromBox"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"formTitle_first"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/指派信息<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/div>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"formTitle_second display_flex"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/指派信息<http://blog.csdn.net/qq_43940789/article/details//http://blog.csdn.net/qq_43940789/article/details/div>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"formContent_box"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/
<http://blog.csdn.net/qq_43940789/article/details/div classhttp://blog.csdn.net/qq_43940789/article/details/=http://blog.csdn.net/qq_43940789/article/details/"formContent_box_title"http://blog.csdn.net/qq_43940789/article/details/>http://blog.csdn.net/qq_43940789/article/details/指派单位:
${http://blog.csdn.net/qq_43940789/article/details/reportInfoDetail.http://blog.csdn.net/qq_43940789/article/details/assignInfo.http://blog.csdn.net/qq_43940789/article/details/maphttp://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/(http://blog.csdn.net/qq_43940789/article/details/res:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/,http://blog.csdn.net/qq_43940789/article/details/ idx:http://blog.csdn.net/qq_43940789/article/details/ anyhttp://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/ =>http://blog.csdn.net/qq_43940789/article/details/ {http://blog.csdn.net/qq_43940789/article/details/
returnhttp://blog.csdn.net/qq_43940789/article/details/ `http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/${http://blog.csdn.net/qq_43940789/article/details/res.http://blog.csdn.net/qq_43940789/article/details/departmentName}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/
http://blog.csdn.net/qq_43940789/article/details/`http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/)http://blog.csdn.net/qq_43940789/article/details/
}http://blog.csdn.net/qq_43940789/article/details/http://blog.csdn.net/qq_43940789/article/details/