🎨
拖拽式设计器
组件面板拖入画布，自由拖动、8 向缩放、旋转、网格吸附、参考线对齐、框选群组、撤销重做。
m7_print_designer通用打印设计器
面向 Vue 3 的可复用打印设计器组件库 —— 拖拽式可视化设计 + mm 精确坐标 + 所见即所得打印。单据、标签、报表、合同、回执，同一套方式就能做。
| 场景 | 典型元素 |
|---|---|
| 加工单 | 工序明细表、二维码、手写签名 |
| 质检单 | 检验项目表、质检专用章、签名 |
| 采购订单 | 条码、明细表（多页分页）、采购专用章、页码 |
| 收货回单 | 条码、收货明细表、送货人签字 |
| 采购合同 | 条款正文、双章（甲/乙方）、签字区 |
以上只是示例 —— 组件本身与行业无关，任何「固定版式 + 需要精确套打」的单据、标签、报表、合同、回执都适用同一套做法。
文本、图片、二维码（qrcode）、条码（jsBarcode：CODE128 / CODE39 / EAN13 / EAN8 / UPC / ITF14 / MSI / Codabar）、公章（SVG 圆形章）、手写签名（Canvas 笔迹）、直线、矩形、自定义表格（单元格合并）、数据表格（绑定数据源 + 自动分页）。
{字段} 数据绑定：文本/二维码/条码内容支持占位符，点路径 a.b，打印时用真实数据解析。{pageNo}/{pageCount} 占位符 + pageScope: 'last' 仅末页（签字/盖章区）。src 绑定数组字段，自动渲染多图并排。| 项 | 地址 |
|---|---|
| 代码仓库（Gitee） | https://gitee.com/jiangzeyu/m7_print_designer.git |
| 组件官网 / 完整文档 | https://m7-print-designer.m7wl.cn |
| 授权与遥测说明 | 本地验签、离线可用、可关闭 |
| 获取授权码 | 填邮箱自助领取 |
个人学习、评估、内部开发与测试免费；生产环境商用请领取授权码（不领只是打印附加水印，功能不受限制）。
本组件由 烟台梦起网络科技有限公司 开发与维护。