<aside> 🌸
一個為殯葬花禮業務設計的現代化雲端訂購系統，提供完整的商品管理、訂單處理、智能花卡製作等功能，實現業務流程數位化轉型。
</aside>
🎯 專案類型
全端 Web 應用
📅 開發時間
2025 年
👤 角色
全端開發者
🔗 原始碼
前端
Vue 3 · TypeScript · Vite · Tailwind CSS · Pinia
後端
Django 5.2 · REST Framework · MariaDB · Gunicorn
DevOps
Docker · Nginx · 多階段建構 · 自動化部署
| 功能 | 說明 |
|---|---|
| 商品瀏覽 | 分類展示花籃、花束，支援封面圖與實拍照片 |
| 購物車 | 直觀的數量調整，預設數量為 1 |
| 訂單提交 | 完整流程，支援多種發票選項 |
| 訂單查詢 | 輸入訂單編號即時查詢狀態 |
| 匯款回填 | Email 內含專屬連結，填寫帳號後五碼即可 |
| 智能通知 | 自動轉換為客戶時區顯示時間 |
| 訂單截止 | 往生者時間前 3 天自動禁止下單 |
| 功能 | 說明 |
|---|---|
| 儀表板 | 訂單統計、待處理訂單視覺化提示 |
| 商品管理 | CRUD、封面/實拍圖片上傳、拖拽排序 |
| 往生者管理 | 資料 CRUD、商品關聯、自定義價格 |
| 訂單管理 | 狀態追蹤、批次處理、多維度統計 |
| 表格排序 | 所有表格支援多欄位升降序排序 |
| 拖拽排序 | 手機長按 + 桌面滑鼠，即時自動保存 |
| 功能 | 說明 |
|---|---|
| 三段式布局 | 上款（敬悼 + 姓名 + 稱謂）、中款（輓詞）、下款（致贈人） |
| 雙向格式 | 橫式 (29:16) / 直式 (16:29) |
| 智能分類 | 輓詞按年齡、性別、宗教分類 |
| 即時預覽 | 設定變更立即反映在花卡上 |
| PNG 導出 | 透明背景高品質下載 |
| 功能 | 說明 |
|---|---|
| 交叉統計 | Excel 風格統計表，動態欄位排序 |
| 智能搜尋 | 按往生者或商品搜尋，動態表格調整 |
| 批次處理 | 全選/單選訂單、批次更新狀態、批次刪除 |