我做了个可视化打印设计器,解决单据 / 合同 / 票据 / 快递单打印的分页和集成痛点

9 小时 33 分钟前
 MyDearFather

大家好,我是 Vue Print Designer 的作者。

之前做企业业务系统时,总被打印需求折磨:要么手写复杂的分页逻辑,要么用的插件耦合性高、扩展难,尤其是表格分页、静默打印、云打印这些场景,踩了不少坑。索性自己造了个轮子,现在开源出来,希望能帮到有同样需求的同学。

这个工具核心解决「可视化设计」和「低成本集成」两个问题:

  1. 可视化设计器:拖拽就能做表单/标签/快递单模板,支持文本、图片、条码、表格等元素,表格会自动分页(表头/表尾可重复),不用再手写分页逻辑;
  2. 跨框架易集成:基于 Web Components 封装,Vue/React/Angular/原生 HTML 都能直接用,提供完整的 API 对接模板 CRUD 、变量赋值、打印/导出;
  3. 企业级打印能力:除了常规的 PDF/图片导出、打印参数配置,还做了配套的 PrintDot Client 桌面端,支持静默打印(本地直打不用确认)、云打印(远程下发打印任务),Windows/macOS/Linux 都能用。

集成起来也很简单,不管是想二次开发改源码,还是直接 npm 装 Web Components 组件用,文档里都写清楚了。我还准备了 Vue 3 + Element Plus 的集成示例供大家参考。

这个项目主要面向企业业务场景,可能不如通用工具受众广,但如果你们团队也在做打印相关的需求,比如表单、票据、快递单打印,希望能少走点弯路。如果觉得这个工具能解决你的痛点,还请顺手给仓库点个 Star ✨,这对我是很大的鼓励~

有问题可以提 Issue ,也欢迎大家提 PR 一起完善~

616 次点击
所在节点    分享创造
9 条回复
ZDaYu
9 小时 27 分钟前
感觉和那个 hiprint 很像
MyDearFather
9 小时 26 分钟前
@ZDaYu 就是被那玩应折磨怕了
404bird
8 小时 31 分钟前
先收藏了,我司用的 hiprint 踩了很多坑
Razio
8 小时 18 分钟前
交互、功能看着都齐全。费解的逻辑是:只有表格会自动分页,其他元素不会,但是其他元素又会被表格挤走到下一页,有点子抽象的,这个逻辑加上页码组件出来更抽象了。以前做打印做的比较多,实话实说哈,没喷你,其他都挺精致的。
MyDearFather
8 小时 13 分钟前
@Razio "但是其他元素又会被表格挤走到下一页" 哈哈,这个是前几天别人提的 issue.其实算是合理的需求,因为有些单据是下面要加上横线打出来给人家签字的. 关于 "其他元素不会", 我后面规划在元素的属性面板加一个重复开关,让用户自由控制重不重复展示.
sazima
7 小时 43 分钟前
定好模板好, 调接口打印支持自定义文字、条形码、二维码吗?
MyDearFather
7 小时 34 分钟前
@sazima 是的,传变量进去
yuyoung
4 小时 41 分钟前
很不错,就是不知道支持工厂环境行不行,有些需要改字体之类的
MyDearFather
2 小时 57 分钟前

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/1195919

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX