訂單管理

「訂單管理」頁面用於查看與管理您在 xx 代理 平台上的所有訂單。
您可以在這裡 搜尋訂單、按照時間與狀態篩選、批量勾選並刪除，也可以進一步查看每一筆訂單的 IP 詳細資訊。

一、頁面功能總覽

本頁面主要由三個部分組成：

1. 搜尋與篩選區：輸入條件，快速定位目標訂單。
2. 訂單列表區：以表格形式展示訂單詳情，支持勾選與操作。
3. 分頁控制區：在多頁訂單中切換查看。

二、搜尋與篩選區

位於頁面最上方，包含多個篩選條件與操作按鈕：

1. 訂單號搜尋

• 輸入框佔位文字：請輸入訂單號
• 使用方式：
  1. 在輸入框中輸入完整或部分訂單號（例如：202511200001）。
  2. 點擊右側的 「搜索」 按鈕，即可只顯示符合條件的訂單。

適用於已知訂單號、需要快速定位單筆訂單的情況。

2. 支付時間範圍（日期範圍篩選）

• 使用 Element Plus 日期區間選擇器。
• 顯示格式：YYYY-MM-DD 至 YYYY-MM-DD
• 佔位文字（根據語言自動切換，例如）：
  • 起始日期：開始日期（對應 t('date-picker.start-date')）
  • 結束日期：結束日期（對應 t('date-picker.end-date')）

使用方式：

1. 點擊日期輸入框，選擇「開始日期」與「結束日期」。
2. 選擇完成後，列表中只會顯示 支付時間在此區間內 的訂單。
3. 若需要清除時間篩選，可以：
   • 點擊日期選擇器內的「清除」圖示，或
   • 點擊 「重置」 按鈕（同時清空其他條件）。

系統會自動包含整個結束日（23:59:59 之前的訂單皆會被算入）。

3. 訂單狀態下拉選擇

• 下拉框佔位文字：選擇訂單狀態
• 實際環境中可配置為常見狀態，例如：
  • 待支付
  • 已支付
  • 已取消
  • 退款中
  • 已退款

使用方式：

1. 點擊下拉框，選擇一個訂單狀態。
2. 點擊 「搜索」 後，只顯示該狀態的訂單。

可與訂單號與時間範圍一起搭配使用，實現多條件精準篩選。

4. 操作按鈕區

在篩選條件右側有三個按鈕：

• 「搜索」
  根據當前輸入的條件（訂單號、時間範圍、訂單狀態）重新查詢訂單列表。

• 「重置」
  一鍵清空所有搜尋與篩選條件，恢復為顯示全部訂單。

• 「删除」（紅色、plain 樣式）
  用於批量刪除已勾選的訂單（實際生效以後端邏輯為準）。
  使用前請確認您已勾選要刪除的訂單。

三、訂單列表區

1. 列表表頭說明

表頭從左到右依次為：

1. 勾選框

   • 用於 批量操作 的全選/區間選擇（目前程式邏輯預設控制前若干行）。
   • 勾選後，會自動勾選指定範圍內的多筆訂單。

2. 訂單號

3. 訂單金額

4. 優惠金額

5. 實付金額

6. 國家/地區-IP數量-計劃（天）

   • 例：美國/紐約 - 1個IP - 30天

7. 支付方式

   • 例：信用卡、PayPal 等。

8. 訂單狀態

   • 例：已支付、待支付 等。

9. 支付時間

   • 例：2025-11-20 10:00

10. 操作

    • 查看該訂單的 IP 詳細資料、刪除等。

2. 單筆訂單行說明

每一行對應一筆訂單，包含：

• 勾選框

  • 單獨勾選或取消該訂單，便於後續批量刪除等操作。

• 訂單資訊

  • 顯示上述各欄位的具體值，例如：
    • 訂單號：202511200001
    • 訂單金額：99.9
    • 優惠金額：10
    • 實付金額：89.9
    • 套餐摘要：美國/紐約 - 1個IP - 30天
    • 支付方式：信用卡
    • 訂單狀態：已支付
    • 支付時間：2025-11-20 10:00

• 操作欄

  • IP详情 按鈕：
    • 點擊後跳轉到該訂單對應的 IP 詳細列表頁（如：IP 地址、端口、到期時間等）。
  • 删除 連結：
    • 用於刪除當前這一筆訂單（實際刪除動作以後端實作為準）。

小提示：若某筆訂單已綁定正在使用的 IP，刪除前請先確認是否會影響業務。

3. 勾選與批量操作

• 頂部勾選框

  • 勾選後，會根據預設範圍（例如 0～10 行）對多個訂單設置 selected = true。
  • 取消勾選則會一併取消這些訂單的選中狀態。

• 行內勾選框

  • 可單獨控制某一筆訂單是否被選中，用於精細控制要刪除或批量操作的訂單。

• 搭配「删除」按鈕使用

  • 先勾選需要刪除的訂單
  • 再點擊上方的 「删除」 按鈕執行批量刪除。

四、分頁控制

在列表最下方是分頁組件：

• 顯示形式：上一頁、頁碼、下一頁
• total：例如 1000，表示共有 1000 筆訂單記錄（實際數量由後端返回）。

使用方式：

• 點擊數字頁碼切換到指定頁。
• 點擊 prev / next 在前一頁與下一頁之間切換。
• 切換頁碼後，上方的訂單列表會更新為對應頁面的數據。

五、常見使用場景示例

情境 1：查找並查看某筆訂單的 IP 詳情

1. 在「請輸入訂單號」中輸入訂單號的一部分或全部。
2. 如有需要，可選擇支付日期範圍與訂單狀態。
3. 點擊 「搜索」。
4. 在結果列表中找到目標訂單，點擊該行右側的 「IP详情」。
5. 在跳轉頁面中查看本訂單下分配的所有 IP 詳細信息。

情境 2：篩選最近一週已支付訂單

1. 在日期選擇器中選擇最近 7 天作為範圍。
2. 在訂單狀態下拉框中選擇 已支付。
3. 點擊 「搜索」，即可只查看最近一週已支付的訂單。

情境 3：批量刪除多筆無效訂單

1. 在列表左側勾選需要刪除的訂單（也可先勾選頂部勾選框再微調）。
2. 確認勾選無誤後，點擊篩選區右側的 「删除」 按鈕。
3. 按照系統提示完成刪除操作。

---

若您在使用「訂單管理」功能時遇到問題（例如訂單狀態異常、金額不符、無法查看 IP 詳情等），建議您：

• 優先刷新頁面或重新設定篩選條件進行查詢；
• 如問題仍然存在，請聯繫線上客服或通過支援郵箱與我們聯繫，並提供訂單號以便快速協助排查。