---
# System prepended metadata

title: 包網前台 規格文件

---

# 包網前台 規格文件

* Axure
   :arrow_right: [電腦_包網前台AXURE](https://w5cq2q.axshare.com/#g=1&p=%E9%9B%BB%E8%85%A6%E9%98%AA)
   :arrow_right: [手機_包網前台AXURE](https://w5cq2q.axshare.com/#g=1&p=%E6%89%8B%E6%A9%9F%E7%89%88)


---
# <font color="#0089A7">PC版</font>
## <font color="#0089A7">登入頁</font>
![image](https://hackmd.io/_uploads/SkWuDbk5R.png)
* 語系切換:滑鼠Hover於國旗icon上可選擇所需語系。
* 登入帳號:輸入於後台創建之玩家登入帳號，規範為5-10字符 (可包含英數，不可輸入特殊符號)，若輸入錯誤或未輸入無此帳號，下方顯示[帳號/密碼不正確]。
* 登入密碼:輸入玩家登入密碼，於第一次登入時是由上層代理所設定，進入遊戲中後可於[個人設定]更改密碼，若輸入錯誤或未輸入，下方顯示[帳號/密碼不正確]；若密碼錯誤5次登入功能將會被上鎖，需通知上層代理或管理員才能解鎖。
![image](https://hackmd.io/_uploads/H1oy2WkqR.png =300x)
* 記住我:勾選框，若將其勾選，電腦則會記憶帳號密碼，下次進入畫面自動帶入帳號密碼。
* 登入按鈕:點擊開始判斷上方輸入框是否正確，若輸入錯誤或未輸入則報錯[帳號/密碼不正確]，若密碼錯誤超過5次則彈窗提示[帳號/密碼錯誤5次，登入功能已被停用；請聯繫您的客服人員為您解鎖。]，若皆正確則正常登入進入包網首頁。


---
## <font color="#0089A7">系統公告</font>
![image](https://hackmd.io/_uploads/HkQgJzycR.png =350x)
* 說明:於進入首頁會顯示[系統公告]，公告於後台設定，可點擊[上一則]、[下一則]切換公告，若為第一筆[上一則]則disable，若為最後一筆[下一則]disable；若點擊下方[不再顯示]則再次進入首頁時不會再次顯示此彈窗公告；點擊[關閉]可關閉當前彈窗公告回到首頁。



---
## <font color="#0089A7">首頁</font>
![messageImage_1735543214581](https://hackmd.io/_uploads/B1og5pkU1e.jpg)



### <font color="#0089A7">上方工具列</font>
![image](https://hackmd.io/_uploads/SJ1MGz150.png =400x)![image](https://hackmd.io/_uploads/SkLfzzkc0.png =400x)
![messageImage_1722926634296](https://hackmd.io/_uploads/SJ5wUBkq0.jpg)
* Logo:點擊logo可快速回到首頁。
* 遊戲tab:滑鼠hover至遊戲種類上可選擇此遊戲類別內有接入遊戲廠商。
* 消息公告icon:點擊![image](https://hackmd.io/_uploads/rJjzNfJ90.png =25x)頁面會轉至[消息公告]頁面。
* 玩家帳號:點擊![image](https://hackmd.io/_uploads/HkVPBS15A.png =80x)頁面會轉至[個人設定](###個人設定)頁面。
* 玩家於額:點擊餘額頁面會轉至[轉點](###轉點)頁面。
* 語系切換:點擊國旗icon上可選擇所需語系。
* 登出:點擊[登出]按鈕將登出帳號回到登入頁面。
* banner:顯示廣告banner輪播圖，最多可撥放5張，5秒輪播一張，滑鼠hover於圖片上會顯示左右箭頭![image](https://hackmd.io/_uploads/HJB2IS150.png =20x)![image](https://hackmd.io/_uploads/SkITIrkqR.png =20x)可手動切換banner圖。
* 跑馬燈:顯示系統跑馬燈訊息。


### <font color="#0089A7">下遊戲區塊</font>
![image](https://hackmd.io/_uploads/rkaW5Tk81g.png)
* 顯示所有遊戲banner，點擊可進入該遊戲或是電子遊戲業面。
* 電子遊戲頁面(如axure示意)
![messageImage_1735543410966](https://hackmd.io/_uploads/BJ2296yU1l.jpg)
![image](https://hackmd.io/_uploads/SyhNuB1qA.png)
* 說明:下方說明可自行修改(目前是抄其它間的)。
* LOGO:為所有有接入的遊戲廠商LOGO。


---
## <font color="#0089A7">內頁</font>
### <font color="#0089A7">轉點</font>
![image](https://hackmd.io/_uploads/ryEivIkq0.png)
* 刷新按鈕:點擊[刷新]可重整玩家餘額，刷新時會出現loading圖，刷新完成後會彈窗提示[餘額更新成功]。
![image](https://hackmd.io/_uploads/r10CPIk5C.png =80x)➜![image](https://hackmd.io/_uploads/HkwRDIJqC.png =80x)➜![image](https://hackmd.io/_uploads/SyvmuLk9C.png =200x)
* 一鍵轉回按鈕:點擊[一鍵轉回]可將分散於各家的玩家餘額一鍵轉回主錢包(平台錢包)，轉回時會出現loading圖，刷新完成後會彈窗提示[餘額更新成功]。
![image](https://hackmd.io/_uploads/rkKFdLJc0.png =80x)➜![image](https://hackmd.io/_uploads/HkwRDIJqC.png =80x)➜![image](https://hackmd.io/_uploads/SyvmuLk9C.png =200x)
* 玩家餘額:顯示該玩家剩餘餘額。
* 各家廠商餘額:顯示該玩家於各家遊戲商內餘額。

### <font color="#0089A7">個人設定</font>
![image](https://hackmd.io/_uploads/BkbMR8ycC.png)
* 會員基本資料:顯示該玩家基本資料，包含[帳號]、[暱稱]、[遊戲額度]、[代理]。
* 修改密碼:可供於玩家第一次登入修改密碼(因密碼會是代理設定)
  * 原密碼:輸入原密碼，後方眼睛可切換顯示密碼是否被看見；若輸入錯誤或未輸入則紅框報錯[密碼錯誤]。
  * 新密碼:輸入欲設置新密碼，新密碼不可與舊密碼相同，密碼規範為8-12字符，需包含大小寫，不得使用特殊符號， 若輸入錯誤或未輸入則紅框報錯[密碼錯誤]，後方眼睛可切換顯示密碼是否被看見。
  * 確認密碼:需與新密碼完全相符，若不相同或事未輸入則紅框報錯[需與新密碼相符]，後方眼睛可切換顯示密碼是否被看見。
  * 送出:點擊[送出]開始判斷上述輸入框皆輸入正確，正確則會彈窗提示[修改密碼成功，請用新密碼重新登入。]點擊彈窗內[確定]則會登出回到[首頁]，需使用新密碼重新登入遊戲。

### <font color="#0089A7">消息公告</font>
![image](https://hackmd.io/_uploads/BJebOUx5R.png)
* tab:上方tab分為[全部公告]、[系統公告]、[站內信]可切換顯示下方頁面；系統公告與站內信皆使用後台[系統公告/站內信]頁面操作。
* 全部公告:顯示全部[系統公告]、[站內信]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息，顯示方式如下。
![image](https://hackmd.io/_uploads/SyxprvlcR.png)
* 系統公告:僅顯示[系統公告]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息。
* 站內信:僅顯示[站內信]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息，顯示方式如下。
![image](https://hackmd.io/_uploads/HJTeUDg5R.png)


---
### <font color="#0089A7">帳務紀錄</font>
![image](https://hackmd.io/_uploads/BJKATvx9A.png)
* tab:上方tab分為[投注紀錄]、[轉點]、[登入歷史]可切換顯示下方頁面。
* 投注紀錄
![image](https://hackmd.io/_uploads/SkP70wx90.png)
  * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
  * 遊戲分類:顯示玩家有投注的各家遊戲廠商，顯示方式為遊戲廠商名+遊戲種類EX:MT真人、GR電子。
  * 日期:顯示玩家下注日期，時間規則為yyyy-mm-dd。
  * 筆數:顯示該日期總下注筆數。
  * 有效投注:顯示玩家於各遊戲商內有效投注，有效投注算法為➜會員的輸贏大於會員的下注額，按會員下注額算；會員輸贏小於會員的下注額，按會員輸贏金額算；和局有效投注金額為0。
  * 返水:顯示該玩家於該日總返水金額。
  * 玩家輸贏:顯示玩家輸贏，玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 小計:顯示本頁[玩家輸贏]小計；玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 總計:顯示全部頁數[玩家輸贏]，玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。
* 轉點
![image](https://hackmd.io/_uploads/BJvxg2bcC.png)
  * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
  * 日期:顯示轉點日期，日期規則為yyyy-mm-dd。
  * 從/至:顯示金額從哪個遊戲商轉至哪個遊戲商。
  * 金額:顯示轉點金額。
  * 狀態:顯示轉點狀態，狀態分為<font color="#339966">成功</font>、<font color="#CC0000">失敗</font>。
  * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。
* 登入歷史
![image](https://hackmd.io/_uploads/SJo8L2b50.png) 
 * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
 * 日期:顯示登入日期。
 * IP:顯示登入IP。
 * 狀態:與最常登入之IP比對後顯示<font color="#339966">IP相同</font>or<font color="#CC0000">IP不相同</font>。
 * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。

---
### <font color="#0089A7">常見問題</font>
![image](https://hackmd.io/_uploads/H1kgq3bq0.png)
* 說明:此處可設置會原常見問題，axure上問題是目前想到比較常見的問題，若後續討論可再新增。


# <font color="#0089A7">手機版</font>
## <font color="#0089A7">登入頁</font>
![photo_2024-08-01_16-20-37](https://hackmd.io/_uploads/Hy4jmC-5C.jpg =300x)
* 語系切換:滑鼠點擊國旗icon上可選擇所需語系。
* 登入帳號:輸入於後台創建之玩家登入帳號，規範為5-10字符 (可包含英數，不可輸入特殊符號)，若輸入錯誤或未輸入無此帳號，下方顯示[帳號/密碼不正確]。
* 登入密碼:輸入玩家登入密碼，於第一次登入時是由上層代理所設定，進入遊戲中後可於[個人設定]更改密碼，若輸入錯誤或未輸入，下方顯示[帳號/密碼不正確]；若密碼錯誤5次登入功能將會被上鎖，需通知上層代理或管理員才能解鎖。
![image](https://hackmd.io/_uploads/HJ9R7RbqC.png =250x)
* 記住我:勾選框，若將其勾選，電腦則會記憶帳號密碼，下次進入畫面自動帶入帳號密碼。
* 登入按鈕:點擊開始判斷上方輸入框是否正確，若輸入錯誤或未輸入則報錯[帳號/密碼不正確]，若密碼錯誤超過5次則彈窗提示[帳號/密碼錯誤5次，登入功能已被停用；請聯繫您的客服人員為您解鎖。]，若皆正確則正常登入進入包網首頁。
---
## <font color="#0089A7">系統公告</font>
![12](https://hackmd.io/_uploads/HkOMN0ZcR.png =300x)
* 說明:於進入首頁會顯示[系統公告]，公告於後台設定，可點擊[上一則]、[下一則]切換公告，若為第一筆[上一則]則disable，若為最後一筆[下一則]disable；若點擊下方[不再顯示]則再次進入首頁時不會再次顯示此彈窗公告；點擊[關閉]可關閉當前彈窗公告回到首頁。

---
## <font color="#0089A7">首頁</font>
![photo_2024-08-01_17-51-37](https://hackmd.io/_uploads/BkCVV0Wq0.jpg =300x)
* Logo:點擊logo可快速回到首頁。
* 語系切換:點擊國旗icon上可選擇所需語系。
* 漢堡菜單:點擊:往左開啟漢堡菜單，菜單內有[個人資訊]、[轉點]、[個人設定]、[帳務紀錄]、[常見問題]及[登出按鈕]。
![photo_2024-08-01_15-50-58](https://hackmd.io/_uploads/S1D1SAZcA.jpg =300x)
  * 個人資訊:點擊![image](https://hackmd.io/_uploads/Hk2bdA-9A.png =25x)可轉至[消息公告](###消息公告)，若消息公告內有新訊息未讀icon右上角則會出現紅點，若無未讀信息則無紅點；![image](https://hackmd.io/_uploads/BJFuuA-5C.png =80x)顯示玩家帳號；![image](https://hackmd.io/_uploads/SJ2qOCZ5C.png =80x)顯示玩家遊戲餘額。
  * 轉點:點擊轉至[轉點頁面](###轉點)
  * 個人設定:點擊轉至[個人設定](###個人設定)
  * 帳務紀錄:點擊轉至[帳務紀錄](###帳務紀錄)
  * 常見問題:點擊轉至[常見問題](###常見問題)
* 跑馬燈:顯示系統跑馬燈訊息。
* banner:顯示廣告banner輪播圖，最多可撥放5張，5秒輪播一張，點擊圖片會顯示左右箭頭![image](https://hackmd.io/_uploads/HJB2IS150.png =20x)![image](https://hackmd.io/_uploads/SkITIrkqR.png =20x)可手動切換banner圖。
* 遊戲tab:滑鼠hover至遊戲種類上可選擇此遊戲類別內有接入遊戲廠商。
  * 真人遊戲:顯示MT真人內全部桌台，點擊可直接進入該桌遊戲。
  ![image](https://hackmd.io/_uploads/Syh8S0Z9A.png =300x)
  * 電子遊戲:左側顯示全部接入電子遊戲廠商，右側上方可針對該間遊戲搜索，下方則是顯示該間遊戲商熱門電子遊戲共九種點擊可直接進入該遊戲。
  ![image](https://hackmd.io/_uploads/HyKcBAb9R.png =300x)
  * 體育投注:以BANNER方式顯示接入遊戲商，點擊Banner可直接進入該遊戲商進行體育下注。
  ![image](https://hackmd.io/_uploads/rkkLw0bqR.png =300x)
  * 彩票彩球:以BANNER方式顯示接入遊戲商，點擊Banner可直接進入該遊戲商進行彩票彩球下注。
  ![image](https://hackmd.io/_uploads/rySdvCW50.png =300x)
* 下方快捷按鈕:分為[首頁]、[帳務]、[轉點]、[設定]，點擊可轉至該頁面。
![image](https://hackmd.io/_uploads/r1W1mEX5A.png =300x)

---
## <font color="#0089A7">內頁</font>
### <font color="#0089A7">消息公告</font>
![11](https://hackmd.io/_uploads/BJbh74790.png =300x)
* 左上離開icon:點擊可返回首頁。
* tab:上方tab分為[全部公告]、[系統公告]、[站內信]可切換顯示下方頁面；系統公告與站內信皆使用後台[系統公告/站內信]頁面操作。
* 全部公告:顯示全部[系統公告]、[站內信]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息，顯示方式如下。
![image](https://hackmd.io/_uploads/ByppmNXcC.png =300x)
* 系統公告:僅顯示[系統公告]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息。
* 站內信:僅顯示[站內信]，最新的會在最上面且右上角會有[new]的icon，下次進入[new]會消失，點擊右上✘可刪除該條訊息。


### <font color="#0089A7">轉點</font>
![06](https://hackmd.io/_uploads/Bk_kqCZcR.png =300x)
* 刷新按鈕:點擊[刷新]可重整玩家餘額，刷新時會出現loading圖，刷新完成後會彈窗提示[餘額更新成功]。
![image](https://hackmd.io/_uploads/r10CPIk5C.png =80x)➜![image](https://hackmd.io/_uploads/HkwRDIJqC.png =80x)➜![image](https://hackmd.io/_uploads/SyvmuLk9C.png =200x)
* 一鍵轉回按鈕:點擊[一鍵轉回]可將分散於各家的玩家餘額一鍵轉回主錢包(平台錢包)，轉回時會出現loading圖，刷新完成後會彈窗提示[餘額更新成功]。
![image](https://hackmd.io/_uploads/rkKFdLJc0.png =80x)➜![image](https://hackmd.io/_uploads/HkwRDIJqC.png =80x)➜![image](https://hackmd.io/_uploads/SyvmuLk9C.png =200x)
* 玩家餘額:顯示該玩家剩餘餘額。
* 各家廠商餘額:顯示該玩家於各家遊戲商內餘額。

### <font color="#0089A7">個人設定</font>
![07](https://hackmd.io/_uploads/S16oaWXcA.png =300x)
* 左上離開icon:點擊可返回首頁。
* 會員基本資料:顯示該玩家基本資料，包含[帳號]、[暱稱]、[遊戲額度]、[代理]。
* 修改密碼:可供於玩家第一次登入修改密碼(因密碼會是代理設定)
  * 原密碼:輸入原密碼，後方眼睛可切換顯示密碼是否被看見；若輸入錯誤或未輸入則紅框報錯[密碼錯誤]。
  * 新密碼:輸入欲設置新密碼，新密碼不可與舊密碼相同，密碼規範為8-12字符，需包含大小寫，不得使用特殊符號， 若輸入錯誤或未輸入則紅框報錯[密碼錯誤]，後方眼睛可切換顯示密碼是否被看見。
  * 確認密碼:需與新密碼完全相符，若不相同或事未輸入則紅框報錯[需與新密碼相符]，後方眼睛可切換顯示密碼是否被看見。
  * 送出:點擊[送出]開始判斷上述輸入框皆輸入正確，正確則會彈窗提示[修改密碼成功，請用新密碼重新登入。]點擊彈窗內[確定]則會登出回到[首頁]，需使用新密碼重新登入遊戲。

### <font color="#0089A7">帳務紀錄</font>
![08](https://hackmd.io/_uploads/rkSrAZm5C.png =300x)
* 左上離開icon:點擊可返回首頁。
* tab:上方tab分為[投注紀錄]、[轉點]、[登入歷史]可切換顯示下方頁面。
* 投注紀錄
![image](https://hackmd.io/_uploads/SJPIR-7qA.png =400x)
  * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
  * 遊戲分類:顯示玩家有投注的各家遊戲廠商，顯示方式為遊戲廠商名+遊戲種類EX:MT真人、GR電子。
  * 日期:顯示玩家下注日期，時間規則為yyyy-mm-dd。
  * 筆數:顯示該日期總下注筆數。
  * 有效投注:顯示玩家於各遊戲商內有效投注，有效投注算法為➜會員的輸贏大於會員的下注額，按會員下注額算；會員輸贏小於會員的下注額，按會員輸贏金額算；和局有效投注金額為0。
  * 返水:顯示該玩家於該日總返水金額。
  * 玩家輸贏:顯示玩家輸贏，玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 小計:顯示本頁[玩家輸贏]小計；玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 總計:顯示全部頁數[玩家輸贏]，玩家贏錢為<font color="#339966">綠色</font>、玩家輸錢為<font color="#CC0000">紅色帶負號</font>。
  * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。
* 轉點
![image](https://hackmd.io/_uploads/HJy1MfXcC.png =400x)
  * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
  * 日期:顯示轉點日期，日期規則為yyyy-mm-dd。
  * 從/至:顯示金額從哪個遊戲商轉至哪個遊戲商。
  * 金額:顯示轉點金額。
  * 狀態:顯示轉點狀態，狀態分為<font color="#339966">成功</font>、<font color="#CC0000">失敗</font>。
  * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。
* 登入歷史
![image](https://hackmd.io/_uploads/BkC2zzQqC.png =400x)
 * 日期快選:[今天]、[昨天]、[本周]、[上周]點擊可快選時間範圍，點擊立即查詢。
 * 日期:顯示登入日期。
 * IP:顯示登入IP。
 * 狀態:與最常登入之IP比對後顯示<font color="#339966">IP相同</font>or<font color="#CC0000">IP不相同</font>。
 * 分頁:點擊![image](https://hackmd.io/_uploads/H1ur-Og5R.png =20x)![image](https://hackmd.io/_uploads/HJlJUZdg5C.png =23x)可切換上下頁，若為第一頁/最後一頁 左右鍵會disable，點擊![image](https://hackmd.io/_uploads/SyrYb_gq0.png =40x)![image](https://hackmd.io/_uploads/B15KWdg5R.png =40x)可快速跳至第一頁、最後一頁。

### <font color="#0089A7">常見問題</font>
![10](https://hackmd.io/_uploads/SyvDmEX5R.png =300x)
* 左上離開icon:點擊可返回首頁。
* 說明:此處可設置會原常見問題，axure上問題是目前想到比較常見的問題，若後續討論可再新增。
