Skip to content

Repository files navigation

報價單產生器 (Price Generator)

主要功能

  • 本機與雲端儲存:報價單歷史記錄預設保存在瀏覽器 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

核心套件

UI 框架

功能套件

  • 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 檔案


Blog: https://mtwmt.com/blog/life/price-generator

About

報價單生器

Topics

Resources

Stars

39 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages