前端导出word文件的多种方式、前端导出excel文件
文章目录
- 纯前借助word模板端导出word文件 (推荐)
- 使用模板导出
- 前端通过模板字符串导出word文件
- 前端导出 excel文件,node-xlsx导出文件,行列合并
纯前借助word模板端导出word文件 (推荐)
先看效果:
这是页面中的table
这是导出后的效果:
使用模板导出
需要的依赖:
npm 自行安装,需要看官网的具体参数自行去github上面找对应的参数
"docxtemplater"https://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ "^3.46.0"https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
"pizzip"https://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ "^3.1.6"https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
"jszip-utils"https://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ "^0.1.0"https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
"file-saver"https://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ "^2.0.5"https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
具体代码:(先看word模板,在看代码,word中的变量和代码中 doc.setData() 是一一对应的)
<https://blog.csdn.net/qq_43940789/article/details/template>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"button-box"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/a-https://blog.csdn.net/qq_43940789/article/details/space>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/a-https://blog.csdn.net/qq_43940789/article/details/button type=https://blog.csdn.net/qq_43940789/article/details/"danger"https://blog.csdn.net/qq_43940789/article/details/ @https://blog.csdn.net/qq_43940789/article/details/clickhttps://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"downWord2"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/模板导出word文件<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/a-https://blog.csdn.net/qq_43940789/article/details/button>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/a-https://blog.csdn.net/qq_43940789/article/details/space>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/div>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/template>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/script lang=https://blog.csdn.net/qq_43940789/article/details/"ts"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ defineComponent,https://blog.csdn.net/qq_43940789/article/details/ onMounted,https://blog.csdn.net/qq_43940789/article/details/ reactive,https://blog.csdn.net/qq_43940789/article/details/ PropType,https://blog.csdn.net/qq_43940789/article/details/ ref }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ 'vue'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ message }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ 'ant-design-vue'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ moment fromhttps://blog.csdn.net/qq_43940789/article/details/ 'moment'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ downloadPDF }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ '../../../../utils/utils'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ useTable }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ './hooks/useTable'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ xlsx fromhttps://blog.csdn.net/qq_43940789/article/details/ 'node-xlsx'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ docxtemplater fromhttps://blog.csdn.net/qq_43940789/article/details/ 'docxtemplater'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ PizZip fromhttps://blog.csdn.net/qq_43940789/article/details/ 'pizzip'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ JSZipUtils fromhttps://blog.csdn.net/qq_43940789/article/details/ 'jszip-utils'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ saveAs }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ 'file-saver'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
exporthttps://blog.csdn.net/qq_43940789/article/details/ defaulthttps://blog.csdn.net/qq_43940789/article/details/ defineComponenthttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
props:https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
/**
* 基础数据
*/https://blog.csdn.net/qq_43940789/article/details/
baseData:https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
type:https://blog.csdn.net/qq_43940789/article/details/ Object ashttps://blog.csdn.net/qq_43940789/article/details/ PropType<https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
taskId:https://blog.csdn.net/qq_43940789/article/details/ stringhttps://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
barcodeId:https://blog.csdn.net/qq_43940789/article/details/ stringhttps://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
defaulthttps://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
/**
* 样本名称
*/https://blog.csdn.net/qq_43940789/article/details/
barcodeName:https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
type:https://blog.csdn.net/qq_43940789/article/details/ String,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
setuphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/props)https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ width =https://blog.csdn.net/qq_43940789/article/details/ 100https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ barcodeName }https://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ props;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ taskId,https://blog.csdn.net/qq_43940789/article/details/ barcodeId }https://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ props.https://blog.csdn.net/qq_43940789/article/details/baseData;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ tableConfig,https://blog.csdn.net/qq_43940789/article/details/ tableConfigLeft,https://blog.csdn.net/qq_43940789/article/details/ getDta }https://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ useTablehttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
onMountedhttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ =>https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
barcodeName ?https://blog.csdn.net/qq_43940789/article/details/ getDtahttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/taskId,https://blog.csdn.net/qq_43940789/article/details/ barcodeName)https://blog.csdn.net/qq_43940789/article/details/ :https://blog.csdn.net/qq_43940789/article/details/ ''https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ tableValue =https://blog.csdn.net/qq_43940789/article/details/ reactivehttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
unit:https://blog.csdn.net/qq_43940789/article/details/ '中国'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
date:https://blog.csdn.net/qq_43940789/article/details/ undefinedhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
sampleType:https://blog.csdn.net/qq_43940789/article/details/ '你猜'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
people:https://blog.csdn.net/qq_43940789/article/details/ '黄种人'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '夜空'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
sex:https://blog.csdn.net/qq_43940789/article/details/ '男'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
age:https://blog.csdn.net/qq_43940789/article/details/ '25'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
work:https://blog.csdn.net/qq_43940789/article/details/ '开发'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
id:https://blog.csdn.net/qq_43940789/article/details/ ''https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
jiance:https://blog.csdn.net/qq_43940789/article/details/ '商品化试剂盒'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
date2:https://blog.csdn.net/qq_43940789/article/details/ undefinedhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ downWord2https://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ =>https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ docxname =https://blog.csdn.net/qq_43940789/article/details/ '导出word.docx'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
JSZipUtils.https://blog.csdn.net/qq_43940789/article/details/getBinaryContenthttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/'/test.docx'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ functionhttps://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/error:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ content:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
// test.docx是模板(这里我放到public公共文件夹下面了)。我们在导出的时候,会根据此模板来导出对应的数据https://blog.csdn.net/qq_43940789/article/details/
// 抛出异常https://blog.csdn.net/qq_43940789/article/details/
ifhttps://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/error)https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
throwhttps://blog.csdn.net/qq_43940789/article/details/ error;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/
// 创建一个PizZip实例,内容为模板的内容https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ zip =https://blog.csdn.net/qq_43940789/article/details/ newhttps://blog.csdn.net/qq_43940789/article/details/ PizZiphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/content)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
// 创建并加载docx templater实例对象https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ doc =https://blog.csdn.net/qq_43940789/article/details/ newhttps://blog.csdn.net/qq_43940789/article/details/ docxtemplaterhttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/.https://blog.csdn.net/qq_43940789/article/details/loadZiphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/zip)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
// 设置模板变量的值 主要变量替换在这里https://blog.csdn.net/qq_43940789/article/details/
doc.https://blog.csdn.net/qq_43940789/article/details/setDatahttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ tableValue.https://blog.csdn.net/qq_43940789/article/details/name,https://blog.csdn.net/qq_43940789/article/details/
unit:https://blog.csdn.net/qq_43940789/article/details/ tableValue.https://blog.csdn.net/qq_43940789/article/details/unit,https://blog.csdn.net/qq_43940789/article/details/
date:https://blog.csdn.net/qq_43940789/article/details/ momenthttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/tableValue.https://blog.csdn.net/qq_43940789/article/details/date)https://blog.csdn.net/qq_43940789/article/details/.https://blog.csdn.net/qq_43940789/article/details/formathttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/'YYYY-MM-DD'https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
sampleType:https://blog.csdn.net/qq_43940789/article/details/ tableValue.https://blog.csdn.net/qq_43940789/article/details/sampleType,https://blog.csdn.net/qq_43940789/article/details/
sex:https://blog.csdn.net/qq_43940789/article/details/ tableValue.https://blog.csdn.net/qq_43940789/article/details/sex,https://blog.csdn.net/qq_43940789/article/details/
age:https://blog.csdn.net/qq_43940789/article/details/ tableValue.https://blog.csdn.net/qq_43940789/article/details/age,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
tryhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
// 用模板变量的值替换所有模板变量https://blog.csdn.net/qq_43940789/article/details/
doc.https://blog.csdn.net/qq_43940789/article/details/renderhttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/ catchhttps://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/error:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
// 抛出异常https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ e =https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
message:https://blog.csdn.net/qq_43940789/article/details/ error.https://blog.csdn.net/qq_43940789/article/details/message,https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ error.https://blog.csdn.net/qq_43940789/article/details/name,https://blog.csdn.net/qq_43940789/article/details/
stack:https://blog.csdn.net/qq_43940789/article/details/ error.https://blog.csdn.net/qq_43940789/article/details/stack,https://blog.csdn.net/qq_43940789/article/details/
properties:https://blog.csdn.net/qq_43940789/article/details/ error.https://blog.csdn.net/qq_43940789/article/details/properties,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
consolehttps://blog.csdn.net/qq_43940789/article/details/.https://blog.csdn.net/qq_43940789/article/details/loghttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/
JSONhttps://blog.csdn.net/qq_43940789/article/details/.https://blog.csdn.net/qq_43940789/article/details/stringifyhttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
error:https://blog.csdn.net/qq_43940789/article/details/ e,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
throwhttps://blog.csdn.net/qq_43940789/article/details/ error;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/
// 生成一个代表docxtemplater对象的zip文件(不是一个真实的文件,而是在内存中的表示)https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ out =https://blog.csdn.net/qq_43940789/article/details/ doc.https://blog.csdn.net/qq_43940789/article/details/getZiphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/.https://blog.csdn.net/qq_43940789/article/details/generatehttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/{https://blog.csdn.net/qq_43940789/article/details/
type:https://blog.csdn.net/qq_43940789/article/details/ 'blob'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
mimeType:https://blog.csdn.net/qq_43940789/article/details/ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
// 将目标文件对象保存为目标类型的文件,并命名https://blog.csdn.net/qq_43940789/article/details/
saveAshttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/out,https://blog.csdn.net/qq_43940789/article/details/ docxname)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
returnhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
downWord2,https://blog.csdn.net/qq_43940789/article/details/
getDta,https://blog.csdn.net/qq_43940789/article/details/
tableConfig,https://blog.csdn.net/qq_43940789/article/details/
tableConfigLeft,https://blog.csdn.net/qq_43940789/article/details/
tableValue,https://blog.csdn.net/qq_43940789/article/details/
downloadPDF,https://blog.csdn.net/qq_43940789/article/details/
value4:https://blog.csdn.net/qq_43940789/article/details/ refhttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/'less'https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/script>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/style lang=https://blog.csdn.net/qq_43940789/article/details/"less"https://blog.csdn.net/qq_43940789/article/details/ scoped>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/style>https://blog.csdn.net/qq_43940789/article/details/
前端通过模板字符串导出word文件
包依赖:
"file-saver"https://blog.csdn.net/qq_43940789/article/details/:https://blog.csdn.net/qq_43940789/article/details/ "^2.0.5"https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
代码
importhttps://blog.csdn.net/qq_43940789/article/details/ FileSaver fromhttps://blog.csdn.net/qq_43940789/article/details/ 'file-saver'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ htmlDocx fromhttps://blog.csdn.net/qq_43940789/article/details/ "html-docx-js/dist/html-docx"https://blog.csdn.net/qq_43940789/article/details/
importhttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ Ghttps://blog.csdn.net/qq_43940789/article/details/ }https://blog.csdn.net/qq_43940789/article/details/ fromhttps://blog.csdn.net/qq_43940789/article/details/ '@/global'https://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/ rootUrl,https://blog.csdn.net/qq_43940789/article/details/ rbacToken }https://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ Ghttps://blog.csdn.net/qq_43940789/article/details/;https://blog.csdn.net/qq_43940789/article/details/
lethttps://blog.csdn.net/qq_43940789/article/details/ cycle_info1 =https://blog.csdn.net/qq_43940789/article/details/ [https://blog.csdn.net/qq_43940789/article/details/
{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '事件类型'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
key:https://blog.csdn.net/qq_43940789/article/details/ 'eventTypeName'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '地点定位'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
key:https://blog.csdn.net/qq_43940789/article/details/ 'locationAddress'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '上报时间'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
key:https://blog.csdn.net/qq_43940789/article/details/ 'reportTime'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '人员姓名'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
key:https://blog.csdn.net/qq_43940789/article/details/ 'reportUserName'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
{https://blog.csdn.net/qq_43940789/article/details/
name:https://blog.csdn.net/qq_43940789/article/details/ '联系方式'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
key:https://blog.csdn.net/qq_43940789/article/details/ 'reportUserPhone'https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/
]https://blog.csdn.net/qq_43940789/article/details/
consthttps://blog.csdn.net/qq_43940789/article/details/ modelhttps://blog.csdn.net/qq_43940789/article/details/ =https://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ list:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ eventState:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ =>https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
// console.log(reportInfoDetail, list, eventState);https://blog.csdn.net/qq_43940789/article/details/
returnhttps://blog.csdn.net/qq_43940789/article/details/ (https://blog.csdn.net/qq_43940789/article/details/
`https://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;
}
上报信息
上报信息
事件类型:https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'eventTypeName'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
地点定位:https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'locationAddress'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
上报时间:https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'reportTime'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
人员姓名:https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'reportUserName'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
联系方式:https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'reportUserPhone'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
图片附件
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'picIds'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/?.https://blog.csdn.net/qq_43940789/article/details/maphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/res1:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ idx1:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ =>https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
returnhttps://blog.csdn.net/qq_43940789/article/details/ `https://blog.csdn.net/qq_43940789/article/details/
<img src="https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/rootUrl}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details//fyVolunteer/file/download/https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/res1}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/?rbacToken=https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/rbacToken}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/"
style='margin-right:5px'
/>
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/idx1 +https://blog.csdn.net/qq_43940789/article/details/ 1https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ %https://blog.csdn.net/qq_43940789/article/details/ 2https://blog.csdn.net/qq_43940789/article/details/ ==https://blog.csdn.net/qq_43940789/article/details/ 0https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ ?https://blog.csdn.net/qq_43940789/article/details/ `https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/`https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/ :https://blog.csdn.net/qq_43940789/article/details/ ''https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/`https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
事件描述
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail[https://blog.csdn.net/qq_43940789/article/details/'description'https://blog.csdn.net/qq_43940789/article/details/]https://blog.csdn.net/qq_43940789/article/details/}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail.https://blog.csdn.net/qq_43940789/article/details/assignInfo.https://blog.csdn.net/qq_43940789/article/details/length !=https://blog.csdn.net/qq_43940789/article/details/ 0https://blog.csdn.net/qq_43940789/article/details/ ?https://blog.csdn.net/qq_43940789/article/details/
`
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"fromBox"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"formTitle_first"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/指派信息<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/div>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"formTitle_second display_flex"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/指派信息<https://blog.csdn.net/qq_43940789/article/details//https://blog.csdn.net/qq_43940789/article/details/div>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"formContent_box"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/
<https://blog.csdn.net/qq_43940789/article/details/div classhttps://blog.csdn.net/qq_43940789/article/details/=https://blog.csdn.net/qq_43940789/article/details/"formContent_box_title"https://blog.csdn.net/qq_43940789/article/details/>https://blog.csdn.net/qq_43940789/article/details/指派单位:
${https://blog.csdn.net/qq_43940789/article/details/reportInfoDetail.https://blog.csdn.net/qq_43940789/article/details/assignInfo.https://blog.csdn.net/qq_43940789/article/details/maphttps://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/(https://blog.csdn.net/qq_43940789/article/details/res:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/,https://blog.csdn.net/qq_43940789/article/details/ idx:https://blog.csdn.net/qq_43940789/article/details/ anyhttps://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/ =>https://blog.csdn.net/qq_43940789/article/details/ {https://blog.csdn.net/qq_43940789/article/details/
returnhttps://blog.csdn.net/qq_43940789/article/details/ `https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/${https://blog.csdn.net/qq_43940789/article/details/res.https://blog.csdn.net/qq_43940789/article/details/departmentName}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/
https://blog.csdn.net/qq_43940789/article/details/`https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/)https://blog.csdn.net/qq_43940789/article/details/
}https://blog.csdn.net/qq_43940789/article/details/https://blog.csdn.net/qq_43940789/article/details/