-
背景: 因为后端的同学比较忙,没时间接这个需求,但是这个又急的用,哎呀,还是想到我们前端,所以我们前端还是牛plus。这个实现呢,我之前也只是听过,没有自己去做,今天我们一起探讨下这个一长串的需求
-
拆封任务
需要生成的PDF页面编写 --> 生成多个PDF 并写入到文件夹 -->压缩并下载
实现步骤
1、需要生成的PDF页面编写
上图页面左侧是操作区域 ,右侧是展示区域。在展示区域的跟标签加一个id标识(便于后期生成PDF)
2、生成多个PDF ,并写入到文件夹
在promise并发处理中可以异步处理多个PDF的生成,在每个执行完的回调函数里面做PDF写入处理
import JSZip from 'jszip';
import saveAs from 'jszip/vendor/FileSaver';