Lucky Wheel — 動線說明

各畫面的動線與規則彙整。原本附在每個 html 底部,已改為集中在此檔,畫面本身不再顯示。

活動列表lucky-wheel-list.html

EXPORT 匯出目前 activity_id 與搜尋條件下的中獎明細,不跳頁、不開光箱,直接下載檔案。
格式:CSV,UTF-8 含 BOM(否則 Excel 開啟中文會亂碼)。
欄位:與畫面表格一致,含表頭 (No. / Member Account / Date / Prize / Content / Remark)。
範圍:符合目前搜尋條件的全部資料,不是只有當頁 100 筆。
檔名Participant_List_YYYYMMDD_HHmm.csv(匯出時間)。
原型是用前端把畫面上的表格轉成 CSV 下載;實作時應由後端依條件產檔。
麵包屑 右上「Lucky Wheel」為連結 → 回活動列表;「Participant List」為當前頁,不做連結。
Back → 回 lucky-wheel-list.html,需保留返回前的篩選條件與頁碼。
待確認 1 Remark 是系統自動寫入(如「系統自動派發」「人工補發」),還是營運可手動編輯的欄位? 若可編輯,本頁需要對應的操作入口。
待確認 2 EXPORT 的筆數上限與大量資料的處理方式尚未定義。 若單次匯出可能達數萬筆,需改為背景產檔 + 完成後通知下載, 否則請求會逾時。另外檔名是否要帶活動名稱或 activity_id,請一併決定。

活動設定頁(Add / Edit)lucky-wheel-add.html · lucky-wheel-edit.html

版面寬度 內容區固定最大寬度 1366px 置中(對齊 Axure Base 1366),瀏覽器再寬也不滿版; 藍色 header 底色滿版,但內容跟著置中對齊。全站四頁皆同。
Add 與 Edit 的差別 同一份版型的兩種狀態。Add:欄位空白、Prize Setting 無資料、機率合計 0%。 Edit:帶 activity_id 載入現有設定。已結束的活動以唯讀模式開啟。
Roulette Settings 每格由三個控制項組成:
1. 獎項類型:iMONEY/Coupon
2. 內容:兩種類型都是手動輸入的文字框,不是下拉。
  • iMONEY → 輸入金額(例 8、38、888)
  • Coupon → 輸入該優惠券的活动编号(例 10023)
3. Probability:該格中獎機率
切換類型時第 2 個控制項的 placeholder 與檢核規則要跟著換,並清空舊值。
銘謝惠顧 不另設獎項類型。iMONEY 金額輸入 0 即視為銘謝惠顧,該格仍佔機率但不派獎。 前台轉到此格顯示未中獎,Participant List 不產生中獎紀錄。
機率檢核 六格 Probability 合計必須 = 100%。合計數字即時計算, 不等於 100% 轉紅,按 SAVE 時擋下並列入 Alert 視窗的錯誤清單。
Coupon 檢核 按 SAVE/SAVE & BACK 時才檢驗,不做即時查詢。
查不到該编号 → 在該格下方顯示紅字「查無此活动编号」,並擋下儲存。
原型的模擬有效编号:10023、10024、10025,其餘皆視為查無。
Version 保留欄位,本階段不使用。畫面上維持顯示、固定 Default 並設為 disabled,避免營運誤改。
Roulette Settings 與
Prize Setting 的關係
兩層設定:Roulette Settings = 實際獎品內容(發什麼、機率多少); Prize Setting = 會員端純顯示(轉盤上出現的名稱與圖片)。
顯示獎品與格號的對應 列的順序 = 轉盤格號:Prize Setting 第 1 列對應轉盤第 1 格,依序往下。
每列左側的「Prize Name N」即為格號,刪除任一列時編號自動遞補。
不提供拖曳排序;筆數與 6 格不一致時不另訂規則。
Prize Setting → ADD 點 ADD → 下方直接新增一列(不跳頁、不開彈窗),游標自動落在 Prize Name。 每列只有兩個欄位:獎品名稱圖片上傳;不放獎金與排序。
紅色 ✕ 刪除該列。全部刪完顯示虛線的「尚無獎品」框。
語系分頁 English/簡體中文/Melayu 切換的只有該區塊的文字內容,其他設定共用。 切換時未儲存的內容要保留,不可清空。
SAVE 先跑檢核 → 通過則留在本頁,頁首顯示綠色「儲存成功」提示(可手動關閉)。
未通過以 Alert 視窗列出所有錯誤,不儲存;關閉後錯誤的格子下方標紅字。
SAVE & BACK 先跑檢核 → 全部通過才儲存並回 lucky-wheel-list.html
有錯誤時停在本頁,同樣以 Alert 視窗列出。
Back → 回 lucky-wheel-list.html。有未儲存的變更時先跳確認視窗。
待確認 Prize Setting 每列的圖片上傳,尺寸/格式/檔案大小限制未定義。