基于VForm3的表单批量导出为PDF文件

[复制链接]
查看: 1823   回复: 2

1

主题

0

回帖

1万

积分

论坛元老

Rank: 8Rank: 8

积分
18711
2023-5-10 13:29:11   显示全部楼层   阅读模式  
需求:表单批量导出为PDF文件。
描述:
       基于VForm3 Pro(3.1.5)实现的动态表单填报功能。大概流程:表单模板设计与数据库表绑定、表单模板与流程绑定、特定流程填报。填报完成后会有一个填报记录,基于这个填报记录开发了一个报表功能,可以查询填报记录和查看详情。
       现在需要在报表上加一个导出功能,基于用户的选择,导出为一个压缩包,压缩包中是PDF版的填报详情记录。
       我初步的想法,是想基于VForm3开发,比如调用一个接口,传入模板json、填报数据,然后返回html页面或PDF文件。但是目前不知道怎么实现将表单JSON模板与填报数据结合后输出成可供后台解析成页面的格式。
      在此提前感谢各位大佬在百忙中给出解答思路,谢谢
       PS:只需要提供一个基于VForm3 Pro的开发思路即可。


我知道答案 回答被采纳将会获得500 威望 已有2人回答
回复

使用道具 举报

0

主题

1

回帖

27

积分

新手上路

Rank: 1

积分
27
2023-5-22 16:15:24   显示全部楼层  
我也想知道能不能到处或者打印页面
回复

使用道具 举报

0

主题

3

回帖

1万

积分

论坛元老

Rank: 8Rank: 8

积分
14457
2023-6-28 16:04:34   显示全部楼层  
本帖最后由 zp4185024 于 2023-6-28 16:06 编辑

可以使用wkhtmltopdf
这个可以直接把页面转为pdf
独立一个空白页面
import CFormRender from "@/components/form-render/index.vue"; <CFormRender
            :form-json="formJson"
            :form-data="formData"
            :option-data="optionData"
            ref="vFormRef"
          >
          </CFormRender>vFormRef.setFormData(this.formData);
vFormRef.setFormJson(formJson);
接口可以自己想办法


回复

使用道具 举报

您需要登录后才可以回帖   登录 注册账号

高级模式