[holiSign] holiSign 雛形 v0.1

holiSign 的幾個使用情境範例在 samples 出貨單 此Delivery Note 範例 用 可以建立並輕易的拖曳表單欄位,比方說教育訓練表單、出貨單之類,並可在任意位置放置手寫簽名欄位。 Data Model Input 出貨單的資料如表單號碼、出貨方式等如下 : { "form": { "company": "<h1>叉子有限公司</h1>", "title": "<h1>Delivery Note 出貨單</h1>" }, "subject": "<p>統一編號:12332103</p><p>地址/Address:104 台北市松江路 65 號 78 弄 787 號 78 F<p>電話/Phone:<u>02-2587-8787</u></p><p>郵件/Email:<u>tangzi@tangzi.com.tw</u></p>", "order": { "orderNO": "PO29909", "deliveryCom": "Black Cat", "pickupDate": "2020/12/12 12:00" }, "customer": { "company": "艾鈦智能", "phone": "0917187187", "address": "新北市中安區中安路 87 弄 87 號 7 樓" }, "items": [ { "item": "拜多索福恩麵包/Stollen", "spec": "350g", "qty": "2" }, { "item": "多爾袞造型香料餅乾", "spec": "16pcs/盒", "qty": "1" }, { "item": "海洋香料餅乾", "spec": "16pcs/盒", "qty": "4" }, { "item": "巴賽隆納卡多榛果餅乾", "spec": "12pcs/盒", "qty": "5" } ] } 出貨單編輯主控台 這一張出貨單有 11 個 controls,包含一個客戶簽收簽名欄位...

[holiSign] 開發 holiSign 動機

為什麼想要寫 ? 這就 … 目標 可有編輯主控台 (Builder-Console) 可預覽 (Preview) 有手寫簽名功能,簽名時可帶入其他識別欄位 編輯元件可拖曳 將 UI 跟 Data Model 獨立抽離出來 ( json ) UI 可以用 flex 排版 命名 holi Sign 音似『給你簽』 開發環境 Angular Angular Material