- 本機與雲端儲存:報價單歷史記錄預設保存在瀏覽器 LocalStorage;贊助會員與管理員可啟用 Google Drive 同步,由瀏覽器直接存取個人 Drive 的應用程式資料空間。
- ✨ 建立專業報價單,包含公司與客戶完整資訊
- 🎯 拖曳排序:服務項目支援桌面與行動裝置拖曳排序
- 🧮 自動計算:即時計算未稅金額、稅額、含稅總金額
- 🔧 彈性稅率:可自訂稅目名稱和稅率百分比
- 🖼️ 支援客戶 LOGO 與公司發票章上傳(PNG、JPG、GIF)
- 📅 報價日期與有效日期選擇器
- 💾 本機歷史記錄最多保留 5 筆報價單,可快速載入、更新或刪除
- ✍️ 客戶簽章欄位(可選)
- 📤 多格式匯出
- 🖼️ 圖片(JPEG 高解析度 2x)
- 📄 PDF(A4 尺寸)
- 📊 Excel(完整樣式、圖片嵌入、可編輯)
- 📱 響應式設計,完美支援手機與平板
- Angular 22.1
- TypeScript 6.0
- Signal API(Angular 響應式狀態管理)
- NgRx Signal Store
- Standalone Components
- Tailwind CSS 4 - Utility-first CSS 框架
- daisyUI - 基於 Tailwind 的 UI 元件庫
- Lucide Angular - 現代化 SVG 圖示庫
- Angular CDK - 拖曳排序功能
- Litepicker - 輕量級日期選擇器
- html2canvas-pro - HTML 轉圖片(支援 Tailwind CSS 4 oklch 顏色)
- jsPDF - PDF 生成
- ExcelJS - Excel 生成(支援完整樣式與圖片)
本專案為開源專案,歡迎學習和參考,但請遵守以下使用規範:
- 個人學習和研究
- Fork 專案進行自行開發和客製化
- 參考程式碼架構和技術實作
- 在您的專案中引用部分程式碼(請註明出處)
- 禁止直接複製整個專案用於商業用途
- 禁止移除原作者資訊和連結
- 若要將本專案用於商業用途,請先聯繫作者取得授權
- Fork 後的衍生專案建議保留原專案連結,尊重開源精神
如果您在專案中使用了本專案的程式碼,請在您的 README 或相關文件中註明:
本專案部分程式碼參考自:
報價單生器 by Mandy (MTWMT)
https://mtwmt.com/price-generator
- 歡迎提交 Issue 回報問題
- 歡迎提交 Pull Request 貢獻改進
- 若有商業合作需求,請透過 Blog 聯繫
本專案採用 MIT License 授權,詳見 LICENSE 檔案