基于VUE实现的h5网页Web出库单入库单打印设计

通过将近一个月的研发，初步实现了打印单据的自定义设计，样子还有点丑陋，可是功能基本都实现了，实现了如下功能：

一、表头表尾支持动态添加行、添加列、合并单元格（可多行多列合并）。

二、表头表尾分别布局，表头表尾的行列分别配置，不互相影响。如图，表头三列，表尾四列。

三、可定义行高，单元格宽度。

四、可对单元格内的字体类型、字体大小、字间距、是否加粗、是否斜体、是否有下划线、对齐方式进行自定义设置。

五、可对使用预设的纸张类型，或者自定义纸张大小。

六、单元格内容能够是固定内容，能够添加对应的模板字段。

七、支持带明细表，明细表带金额列自动累加，带金额大写。

八、能够自定义配置明细表的列宽、对齐方式。

九、打印多页内容时，标题、表头、表尾固定，明细部分可固定行数显示或者根据内容多少显示不一样行数。

十、打印多页时，明细合计金额能够当前页金额合计也能够是整张单据的金额合计。

十一、设计好的内容可配合lodop控件打印使用，也能够直接浏览器打印。

 

设计页面：

预览界面演示：（能够在预览时数据替换成对应的真实数据）

 

原创内容：转载请注明出处。