基於VUE實現的h5網頁Web出庫單入庫單打印設計

通過將近一個月的研發，初步實現了打印單據的自定義設計，樣子還有點醜陋，可是功能基本都實現了，實現瞭如下功能：

一、表頭表尾支持動態添加行、添加列、合併單元格（可多行多列合併）。

二、表頭表尾分別佈局，表頭表尾的行列分別配置，不互相影響。如圖，表頭三列，表尾四列。

三、可定義行高，單元格寬度。

四、可對單元格內的字體類型、字體大小、字間距、是否加粗、是否斜體、是否有下劃線、對齊方式進行自定義設置。

五、可對使用預設的紙張類型，或者自定義紙張大小。

六、單元格內容能夠是固定內容，能夠添加對應的模板字段。

七、支持帶明細表，明細表帶金額列自動累加，帶金額大寫。

八、能夠自定義配置明細表的列寬、對齊方式。

九、打印多頁內容時，標題、表頭、表尾固定，明細部分可固定行數顯示或者根據內容多少顯示不一樣行數。

十、打印多頁時，明細合計金額能夠當前頁金額合計也能夠是整張單據的金額合計。

十一、設計好的內容可配合lodop控件打印使用，也能夠直接瀏覽器打印。

 

設計頁面：

預覽界面演示：（能夠在預覽時數據替換成對應的真實數據）

 

原創內容：轉載請註明出處。