一定要先导入Jquery!!!
<script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.js"></script>
<script th:src="@{/js/jquery.wordexport.js}"></script>
要按照顺序导入,jquery.wordexport.js我没有找到网络链接 就下载本地了
<script>
$("#exportToWord").click(function(){
var clone = $("body").clone();//克隆当前页面
var charts = clone.find(".echarts");// 获取所有的echarts标签
var table = clone.find("table");//获取所有的table标签
for(var i = 0 ; i < table.length ; i++){
let title = '<div><span style="font-size: 16">'+table[i].title+'</span></div>';
$(table[i]).parent().before(title);
}
for(var i = 0 ; i < charts.length ; i++){
let title = '<div><span style="font-size: 16">'+charts[i].title+'</span></div>';
var curEchart = echarts.getInstanceByDom(charts[i]);
if (curEchart){
var base = curEchart.getDataURL();//获取图表中图片的base64码
}
if (base!=undefined){
var img = $('<img style="" src="' + base + '"/>');//将图片追加到页面中
$(charts[i]).append(title);
$(charts[i]).append(img);
}
}
var interval = setInterval(function() {
if(true) {
clearInterval(interval);
//导出word
clone.wordExport("集团报表");
}
}, 200);
});
</script>