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


經過將近一個月的研發,初步實現了打印單據的自定義設計,樣子還有點丑陋,但是功能基本都實現了,實現了以下功能:

1、表頭表尾支持動態添加行、添加列、合並單元格(可多行多列合並)。

2、表頭表尾分別布局,表頭表尾的行列分別配置,不互相影響。如圖,表頭三列,表尾四列。

3、可定義行高,單元格寬度。

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

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

6、單元格內容可以是固定內容,可以添加對應的模板字段。

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

8、可以自定義配置明細表的列寬、對齊方式。

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

10、打印多頁時,明細合計金額可以當前頁金額合計也可以是整張單據的金額合計。

11、設計好的內容可配合lodop控件打印使用,也可以直接瀏覽器打印。

 

設計頁面:

預覽界面演示:(可以在預覽時數據替換成對應的真實數據)

 

原創內容:轉載請注明出處。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM