Demo 示例
下面是真实组件跑在浏览器里的完整交互示例(不是录屏、不是截图):勾选单据 → 打印(预览页)→ 配置模板(设计器页)→ 批量打印,全流程都能点。
在新标签页打开全屏 Demo ↗会弹一个新标签页,不动你正在看的文档页;页面右下角可切浏览器全屏,也随时能回到官网
这个 Demo 能演示什么
- 单条「打印」打开预览页,可切换模板、配置模板、打印
- 勾选多条「批量打印」合并为一次打印任务(每张从新页开始)
- 进入设计器可拖动 / 缩放 / 改属性 / 合并表格单元格,保存为新模板
- 全程无后端:数据与模板都是前端内存里的示例数据
示例单据
| 单据 | 演示点 |
|---|---|
| 采购订单 ×3 | 条码、明细表多页分页(300 行)、合计行仅末页、页码、批量打印 |
| 加工单 | 工序明细表、二维码、手写签名 |
| 质检单 | 检验项目表、质检专用章 |
| 收货回单 | 条码、收货明细表、送货人签字 |
| 采购合同 | 条款正文、甲乙双方公章 |
演示数据说明
采购订单演示了 300 行明细自动分页(约 38 页/单)。批量打印 3 张采购订单,可直观看到「合并为一次打印任务 + 每张从新页开始」的效果。
这些单据只是示例场景,组件本身与行业无关 —— 单据、标签、报表、合同、回执都能用同一套方式设计。