From 70f862e52c2337da8e56ff9450464bb6346249b7 Mon Sep 17 00:00:00 2001
From: liruiqiang <3151805288@qq.com>
Date: Wed, 10 Sep 2025 14:06:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E8=AF=A6=E6=83=85=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E8=AE=A2=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pagesOrder/detail/detail.vue | 13 +++++++++++++
 src/services/order.ts            | 14 ++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/src/pagesOrder/detail/detail.vue b/src/pagesOrder/detail/detail.vue
index d3101c7..1d9f1d7 100644
--- a/src/pagesOrder/detail/detail.vue
+++ b/src/pagesOrder/detail/detail.vue
@@ -217,6 +217,7 @@ import { OrderState, orderStateList } from '@/services/constants'
 import {
   deleteMemberOrderAPI,
   getMemberOrderByIdAPI,
+  getMemberOrderCancelByIdAPI,
   getMemberOrderConsignmentByIdAPI,
   getMemberOrderLogisticsByIdAPI,
   putMemberOrderReceiptByIdAPI,
@@ -373,6 +374,18 @@ const onOrderDelete = () => {
     },
   })
 }
+
+// 取消订单
+const onOrderCancel = async () => {
+  // 发送请求
+  const res = await getMemberOrderCancelByIdAPI(query.id, { cancelReason: reason.value })
+  // 更新订单信息
+  order.value = res.result
+  // 关闭弹窗
+  popup.value?.close!()
+  // 轻提示
+  uni.showToast({ icon: 'none', title: '订单取消成功' })
+}
 </script>
 
 <style lang="scss">
diff --git a/src/services/order.ts b/src/services/order.ts
index cb1b3f5..f70fb44 100644
--- a/src/services/order.ts
+++ b/src/services/order.ts
@@ -113,3 +113,17 @@ export const deleteMemberOrderAPI = (data: { ids: string[] }) => {
     data,
   })
 }
+
+/**
+ * 取消订单
+ * @description 仅在订单状态为待付款时，可取消订单。
+ * @param id 订单id
+ * @param data cancelReason 取消理由
+ */
+export const getMemberOrderCancelByIdAPI = (id: string, data: { cancelReason: string }) => {
+  return http<OrderResult>({
+    method: 'PUT',
+    url: `/member/order/${id}/cancel`,
+    data,
+  })
+}