From b15acbb984356bf278c8627dbff1eb381b3149e7 Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Thu, 20 Nov 2025 13:11:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=EF=BC=9A=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=A2=9E=E5=8A=A0=E7=8A=B6=E6=80=81=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/modules/user.ts        |  4 ++--
 pages/user/order/index.vue | 35 ++++++++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/api/modules/user.ts b/api/modules/user.ts
index dabd820..ab37f80 100644
--- a/api/modules/user.ts
+++ b/api/modules/user.ts
@@ -39,11 +39,11 @@ export async function getVipInfo() {
  * @param current 当前页码
  * @param limit 每页数量
  */
-export async function getOrderList(current: number, limit: number) {
+export async function getOrderList(current: number, limit: number, orderStatus: string) {
   const res = await mainClient.request<IApiResponse<{ orders: IPageData<IOrder> }>>({
     url: 'bookAbroad/home/getAbroadOrderList',
     method: 'POST',
-    data: { current, limit }
+    data: { current, limit, orderStatus }
   })
   return res
 }
diff --git a/pages/user/order/index.vue b/pages/user/order/index.vue
index 9678826..ccdd533 100644
--- a/pages/user/order/index.vue
+++ b/pages/user/order/index.vue
@@ -3,6 +3,9 @@
     <template #top>
       <!-- 自定义导航栏 -->
       <nav-bar :title="$t('user.myOrders')"></nav-bar>
+      <wd-tabs v-model="orderStatus" @change="handleOrderStatusTabChange">
+        <wd-tab v-for="item in ordersTabs" :key="item.value" :title="item.name" :name="item.value"></wd-tab>
+      </wd-tabs>
     </template>
 
     <!-- 订单列表 -->
@@ -48,6 +51,35 @@ import { useI18n } from 'vue-i18n'
 const { t } = useI18n()
 const paging = ref<any>(null)
 
+// 订单状态
+const orderStatus = ref<string>('-1')
+const ordersTabs = [
+  {
+    name: "全部",
+    value: '-1',
+    badge: {},
+  },
+  {
+    name: "待付款",
+    value: '0',
+    badge: {},
+  },
+  {
+    name: "已完成",
+    value: '3',
+    badge: {},
+  },
+]
+
+/**
+ * 处理订单状态切换
+ */
+const handleOrderStatusTabChange = (val: number) => {
+  paging.value.reload()
+}
+
+
+
 // 订单列表
 const orderList = ref<IOrder[]>([])
 
@@ -56,7 +88,8 @@ const orderList = ref<IOrder[]>([])
  */
 const getData = async (page: number, pageSize: number) => {
   try {
-    const res = await getOrderList(page, pageSize)
+    // 添加订单状态参数
+    const res = await getOrderList(page, pageSize, orderStatus.value)
     paging.value.complete(res.orders.records)
   } catch (error) {
     paging.value.complete(false)