From 6d2cba0f3499818ab3f56eca1bbf60535ede75c7 Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Sun, 14 Sep 2025 18:01:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=85=8D=E7=BD=AE=E5=92=8C?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/bundle/order/after-sales/after-sales.vue  |  28 +-
 .../order/douyin/douyin-order-detail.vue      |  16 +-
 src/bundle/order/douyin/order-list.vue        |   2 +-
 .../order/platform/direct-order-detail.vue    |  22 +-
 .../order/platform/franchise-order-detail.vue |  26 +-
 .../order/reserve-room/order-detail.vue       |  24 +-
 .../order/tea-specialist/order-detail.vue     | 300 ++++++++++++++++++
 src/bundle/reserve-room/detail.vue            |   2 +-
 src/components/order/ComboCard.vue            |  37 ++-
 src/components/order/ComboCoupon.vue          |  14 +-
 src/components/reserve/RoomList.vue           |   2 +-
 src/pages.json                                |   8 +
 src/pages/reserve/reserve.vue                 |  24 +-
 src/utils/{groupBuying.ts => order.ts}        |  75 +++++
 src/utils/platformService.ts                  |  73 -----
 15 files changed, 488 insertions(+), 165 deletions(-)
 create mode 100644 src/bundle/order/tea-specialist/order-detail.vue
 rename src/utils/{groupBuying.ts => order.ts} (59%)
 delete mode 100644 src/utils/platformService.ts

diff --git a/src/bundle/order/after-sales/after-sales.vue b/src/bundle/order/after-sales/after-sales.vue
index 5446a10..feb34aa 100644
--- a/src/bundle/order/after-sales/after-sales.vue
+++ b/src/bundle/order/after-sales/after-sales.vue
@@ -15,8 +15,8 @@
         </view>
 
         <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
-            <view v-if="orderType === GroupBuyingCategoryOrderStatus.AfterSaleApply || orderType === GroupBuyingCategoryOrderStatus.AfterSaleProcessing">请耐心等待，我们会尽快处理您的请求</view>
-            <view v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded" class="text-center mt-14rpx">
+            <view v-if="orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleApply || orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleProcessing">请耐心等待，我们会尽快处理您的请求</view>
+            <view v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded" class="text-center mt-14rpx">
                 <view class="text-40rpx text-[#303133] leading-56rpx">退款成功￥128.00</view>
                 <view class="text-28rpx text-[#606266] leading-54rpx mt-20rpx">谢谢您的信任，我们一定会做的更好</view>
                 <view class="text-24rpx text-[#606266] leading-34rpx mt-12rpx">2025年4月13日  18:22</view>
@@ -50,7 +50,7 @@
         </view>
 
         <!-- 售后原因 -->
-        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" @click="showResonPopup = true" v-if="orderType === GroupBuyingCategoryOrderStatus.AfterSaleApply">
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" @click="showResonPopup = true" v-if="orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleApply">
             <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between">
                 <view class="text-32rpx leading-44rpx text-[#303133]">售后原因</view>
                 <view>
@@ -61,7 +61,7 @@
         </view>
 
         <!-- 订单信息(选填) -->
-        <view class="bg-white rounded-16rpx px-30rpx pb-32rpx mx-30rpx mt-20rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.AfterSaleApply">
+        <view class="bg-white rounded-16rpx px-30rpx pb-32rpx mx-30rpx mt-20rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleApply">
             <view class="pt-32rpx text-[#303133] text-32rpx leading-44rpx">
                 <text>订单信息</text>
                 <text class="text-26rpx text-[#909399] leading-36rpx ml-20rpx">(选填)</text>
@@ -72,7 +72,7 @@
         </view>
 
         <!-- 售后已完成 -->
-        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded">
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded">
             <view class="text-[#303133] text-32rpx leading-44rpx">售后订单</view>
             <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
                 <view>售后原因</view>
@@ -97,7 +97,7 @@
         </view>
 
         <!-- 售后订单 -->
-        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderType !== GroupBuyingCategoryOrderStatus.AfterSaleApply">
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderStatus !== GroupBuyingCategoryOrderStatus.AfterSaleApply">
             <view class="text-[#303133] text-32rpx leading-44rpx">售后订单</view>
             <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
                 <view>售后原因</view>
@@ -122,16 +122,16 @@
         </view>
 
         <!-- 操作按钮 -->
-        <view class="w-full fixed bottom-0 left-0 right-0 h-152rpx" :class="orderType === GroupBuyingCategoryOrderStatus.AfterSaleApply ? '' : 'bg-white'">
+        <view class="w-full fixed bottom-0 left-0 right-0 h-152rpx" :class="orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleApply ? '' : 'bg-white'">
             <view class="mt-34rpx">
                 <!-- 待使用 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center text-[#303133]" v-if="orderType !== GroupBuyingCategoryOrderStatus.AfterSaleApply">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center text-[#303133]" v-if="orderStatus !== GroupBuyingCategoryOrderStatus.AfterSaleApply">
                     <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx mr-30rpx">联系商家</view>
                     <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx">联系平台</view>
                 </view>
 
                 <!-- 申请售后 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.AfterSaleApply" @click="afterSales.handleSubmitRefund">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.AfterSaleApply" @click="afterSales.handleSubmitRefund">
                     <view class="w-630rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]">提交</view>
                 </view>
             </view>
@@ -169,8 +169,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/groupBuying'
-    import { PersonalReasonMap, MerchantReasonMap, ReasonMap } from '@/utils/platformService'
+    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle, PersonalReasonMap, MerchantReasonMap, ReasonMap } from '@/utils/order'
     import {toast} from '@/utils/toast'
 
     /** 表单相关 **/
@@ -196,14 +195,14 @@
 
     const title = ref<string>('')
     const type = ref<string>('') // 订单类型：团购、抖音等
-    const orderType = ref<string>('') // 订单状态：待使用、退款等
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
 
     onLoad((args) => {
         // 这里暂时使用 GroupBuyingCategory.Direct 这个，因为平台团购类型下面都是有共同的售后
-        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Direct][args.orderType] || '订单详情'
+        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Direct][args.orderStatus] || '订单详情'
 
         type.value = args.type
-        orderType.value = args.orderType
+        orderStatus.value = args.orderStatus
     })
 
     const afterSales = {
@@ -229,7 +228,6 @@
             reasonText.value = ReasonMap[reasonModelValue.value]
             formData.reason = reasonModelValue.value
             showResonPopup.value = false
-
         }
     }
 </script>
diff --git a/src/bundle/order/douyin/douyin-order-detail.vue b/src/bundle/order/douyin/douyin-order-detail.vue
index e8512d0..477f097 100644
--- a/src/bundle/order/douyin/douyin-order-detail.vue
+++ b/src/bundle/order/douyin/douyin-order-detail.vue
@@ -15,8 +15,8 @@
         </view>
 
         <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.Used">品一口香茗，让生活慢下来，从一杯好茶开始</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">品一口香茗，让生活慢下来，从一杯好茶开始</text>
         </view>
 
         <!-- 待使用下显示 -->
@@ -88,10 +88,10 @@
         </view>
 
         <!-- 操作按钮 -->
-        <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx" v-if="orderType !== GroupBuyingCategoryOrderStatus.Used">
+        <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx" v-if="orderStatus !== GroupBuyingCategoryOrderStatus.Used">
             <view class="mt-34rpx">
                 <!-- 待使用 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
                     <view class="w-692rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]">立即预定</view>
                 </view>
             </view>
@@ -100,7 +100,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/groupBuying'
+    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/order'
     console.log("🚀 ~ GroupBuyingStatusTitle:", GroupBuyingStatusTitle)
     import {toast} from '@/utils/toast'
 
@@ -108,13 +108,13 @@
 
     const title = ref<string>('')
     const type = ref<string>('') // 订单类型：团购、抖音等
-    const orderType = ref<string>('') // 订单状态：待使用、退款等
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
 
     onLoad((args) => {
-        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.DouYin][args.orderType] || '订单详情'
+        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.DouYin][args.orderStatus] || '订单详情'
 
         type.value = args.type
-        orderType.value = args.orderType
+        orderStatus.value = args.orderStatus
     })
 
     const douyinOrderDetail = {
diff --git a/src/bundle/order/douyin/order-list.vue b/src/bundle/order/douyin/order-list.vue
index f0a81e0..5631f5c 100644
--- a/src/bundle/order/douyin/order-list.vue
+++ b/src/bundle/order/douyin/order-list.vue
@@ -50,7 +50,7 @@
     import ComboCard from '@/components/order/ComboCard.vue'
 	import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
 	import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js"
-    import { GroupBuyingCategory } from '@/utils/groupBuying'
+    import { GroupBuyingCategory } from '@/utils/order'
 
 
     /* mescroll */
diff --git a/src/bundle/order/platform/direct-order-detail.vue b/src/bundle/order/platform/direct-order-detail.vue
index 17d0203..5db2e2f 100644
--- a/src/bundle/order/platform/direct-order-detail.vue
+++ b/src/bundle/order/platform/direct-order-detail.vue
@@ -15,12 +15,12 @@
         </view>
 
         <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.Used">感谢购买，期待再次光临！</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">感谢购买，期待再次光临！</text>
         </view>
 
         <!-- 待使用下显示 -->
-        <view class="mx-30rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">
+        <view class="mx-30rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
             <view class="bg-white rounded-16rpx p-30rpx">
                 <view class="flex items-center">
                     <view class="mr-30rpx">
@@ -55,7 +55,7 @@
         </view>
 
         <!-- 已使用下显示 -->
-        <view class="mx-30rpx coupon-bg" v-if="orderType === GroupBuyingCategoryOrderStatus.Used">
+        <view class="mx-30rpx coupon-bg" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">
             <view class="flex items-center px-30rpx pt-30rpx pb-40rpx">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -146,13 +146,13 @@
         <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx">
             <view class="mt-34rpx">
                 <!-- 待使用 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
                     <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133] mr-30rpx" @click="directOrderDetail.handleToRefund">申请退款</view>
                     <view class="w-330rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]" @click="directOrderDetail.handleToChooseTeaRoom">立即预定</view>
                 </view>
 
                 <!-- 已使用 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.Used">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">
                     <view class="w-630rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]">再次预定</view>
                 </view>
             </view>
@@ -161,7 +161,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/groupBuying'
+    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/order'
 
     import {toast} from '@/utils/toast'
 
@@ -169,13 +169,13 @@
 
     const title = ref<string>('')
     const type = ref<string>('') // 订单类型：团购、抖音等
-    const orderType = ref<string>('') // 订单状态：待使用、退款等
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
 
     onLoad((args) => {
-        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Direct][args.orderType] || '订单详情'
+        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Direct][args.orderStatus] || '订单详情'
 
         type.value = args.type
-        orderType.value = args.orderType
+        orderStatus.value = args.orderStatus
     })
 
     const directOrderDetail = {
@@ -206,7 +206,7 @@
         // 跳转到申请退款页面
         handleToRefund: () => {
             uni.navigateTo({
-                url: `/bundle/order/after-sales/after-sales?type=direct&orderType=${GroupBuyingCategoryOrderStatus.AfterSaleApply}`
+                url: `/bundle/order/after-sales/after-sales?type=direct&orderStatus=${GroupBuyingCategoryOrderStatus.AfterSaleApply}`
             })
         },
 
diff --git a/src/bundle/order/platform/franchise-order-detail.vue b/src/bundle/order/platform/franchise-order-detail.vue
index f9a1770..62936c3 100644
--- a/src/bundle/order/platform/franchise-order-detail.vue
+++ b/src/bundle/order/platform/franchise-order-detail.vue
@@ -15,12 +15,12 @@
         </view>
 
         <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
-            <text v-if="orderType === GroupBuyingCategoryOrderStatus.Used">品一口香茗，让生活慢下来，从一杯好茶开始</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">请在2025.12.31(含)前使用</text>
+            <text v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">品一口香茗，让生活慢下来，从一杯好茶开始</text>
         </view>
 
         <!-- 待使用下显示 -->
-        <view class="coupon-bg2 p-30rpx mx-30rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">
+        <view class="coupon-bg2 p-30rpx mx-30rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
             <view class="flex items-center">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -56,7 +56,7 @@
         </view>
 
         <!-- 已使用下显示 -->
-        <view class="bg-white rounded-16rpx p-30rpx mx-30rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.Used">
+        <view class="bg-white rounded-16rpx p-30rpx mx-30rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">
             <view class="flex items-center">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -110,7 +110,7 @@
         </view>
 
         <!-- 订单信息 -->
-        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderType !== GroupBuyingCategoryOrderStatus.Refunded">
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderStatus !== GroupBuyingCategoryOrderStatus.Refunded">
             <view class="text-[#303133] text-32rpx leading-44rpx">订单信息</view>
             <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
                 <view>订单编号</view>
@@ -135,7 +135,7 @@
         </view>
 
         <!-- 售后订单 -->
-        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded">
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded">
             <view class="text-[#303133] text-32rpx leading-44rpx">售后订单</view>
             <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
                 <view>售后原因</view>
@@ -160,15 +160,15 @@
         </view>
 
         <!-- 操作按钮 -->
-        <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx" v-if="orderType !== GroupBuyingCategoryOrderStatus.Used">
+        <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx" v-if="orderStatus !== GroupBuyingCategoryOrderStatus.Used">
             <view class="mt-34rpx">
                 <!-- 待使用 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
                     <view class="w-630rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133]">申请退款</view>
                 </view>
 
                 <!-- 售后完成 -->
-                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded">
                     <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133] mr-30rpx">联系商家</view>
                     <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133]">联系平台</view>
                 </view>
@@ -178,20 +178,20 @@
 </template>
 
 <script lang="ts" setup>
-    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/groupBuying'
+    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, GroupBuyingStatusTitle } from '@/utils/order'
     import {toast} from '@/utils/toast'
 
 	const OSS = inject('OSS')
 
     const title = ref<string>('')
     const type = ref<string>('') // 订单类型：团购、抖音等
-    const orderType = ref<string>('') // 订单状态：待使用、退款等
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
 
     onLoad((args) => {
-        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Franchise][args.orderType] || '订单详情'
+        title.value = GroupBuyingStatusTitle[GroupBuyingCategory.Franchise][args.orderStatus] || '订单详情'
 
         type.value = args.type
-        orderType.value = args.orderType
+        orderStatus.value = args.orderStatus
     })
 
     const directOrderDetail = {
diff --git a/src/bundle/order/reserve-room/order-detail.vue b/src/bundle/order/reserve-room/order-detail.vue
index ae1c379..ffa6699 100644
--- a/src/bundle/order/reserve-room/order-detail.vue
+++ b/src/bundle/order/reserve-room/order-detail.vue
@@ -15,10 +15,10 @@
         </view>
 
         <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
-            <text v-if="orderType === ReserveCategoryOrderStatus.Consuming">使用过程中有任何问题，请联系客服</text>
+            <text v-if="orderStatus === ReserveCategoryOrderStatus.Consuming || orderStatus === ReserveCategoryOrderStatus.Reserved">使用过程中有任何问题，请联系客服</text>
+            <text v-if="orderStatus === ReserveCategoryOrderStatus.Reserved">使用过程中有任何问题，请联系客服</text>
         </view>
 
-        <!-- 消费中下显示 -->
         <view class="mx-30rpx coupon-bg" >
             <view class="flex items-center px-30rpx pt-30rpx pb-40rpx">
                 <view class="mr-30rpx">
@@ -26,8 +26,10 @@
                 </view>
                 <view class="flex-1">
                     <view class="flex justify-between items-center">
-                        <view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-10rpx line-1 w-300rpx">这个是包间的名称</view>
-                        <wd-icon name="chevron-right" size="32rpx"></wd-icon>
+                        <view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-10rpx line-1 w-300rpx">
+                            这个是包间的名称
+                            <wd-icon name="chevron-right" size="32rpx"></wd-icon>
+                        </view>
                         <view class="text-26rpx leading-36rpx text-[#909399]">￥324</view>
                     </view>
                     <view class="flex justify-between items-center text-26rpx leading-36rpx text-[#909399] mt-18rpx">
@@ -42,7 +44,7 @@
                 </view>
             </view>
 
-            <view class="mt-28rpx pb-48rpx">
+            <view class="mt-28rpx pb-36rpx">
                 <view class="text-30rpx leading-42rpx text-[#303133] px-30rpx">预约信息</view>
                 <view class="font-500 text-26rpx leading-48rpx text-[#606266] mt-20rpx">
                     <view class="mb-20rpx px-30rpx">预约时间：2025-03-18  09:00-12:00</view>
@@ -223,13 +225,13 @@
 </template>
 
 <script lang="ts" setup>
-    import { ReserveCategoryOrderStatus, ReserveCategoryOrderStatusText } from '@/utils/platformService'
+    import { ReserveCategoryOrderStatus, ReserveCategoryOrderStatusText } from '@/utils/order'
     import {toast} from '@/utils/toast'
 
 	const OSS = inject('OSS')
 
     const title = ref<string>('')
-    const orderType = ref<string>('') // 订单状态：待使用、退款等
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
 
     /** 续订包间 **/
     const showRenewPopup = ref<boolean>(false)
@@ -260,17 +262,17 @@
         }
     ])
 
-    const showRenewSuccessPopup = ref<boolean>(true)
+    const showRenewSuccessPopup = ref<boolean>(false)
     /** 结束 **/
 
     onLoad((args) => {
-        title.value = ReserveCategoryOrderStatusText[args.orderType] || '订单详情'
+        title.value = ReserveCategoryOrderStatusText[args.orderStatus] || '订单详情'
         console.log("🚀 ~ title.value :", title.value )
 
-        orderType.value = args.orderType
+        orderStatus.value = args.orderStatus
     })
 
-    const directOrderDetail = {
+    const orderDetail = {
 
     }
 </script>
diff --git a/src/bundle/order/tea-specialist/order-detail.vue b/src/bundle/order/tea-specialist/order-detail.vue
new file mode 100644
index 0000000..a7e48df
--- /dev/null
+++ b/src/bundle/order/tea-specialist/order-detail.vue
@@ -0,0 +1,300 @@
+<route lang="jsonc" type="page">
+{
+    "layout": "default",
+    "style": {
+		"navigationStyle": "custom"
+    }
+}
+</route>
+
+<template>
+    <view class="pb-254rpx">
+        <!-- 平台团购直营店 -->
+        <view>
+            <navbar :title="title" custom-class='!bg-[#F6F7F8]'></navbar>
+        </view>
+
+        <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
+            <text v-if="orderStatus === ReserveCategoryOrderStatus.Serving">服务过程中有任何问题，请联系客服</text>
+            <text v-if="orderStatus === ReserveCategoryOrderStatus.Reserved">使用过程中有任何问题，请联系客服</text>
+        </view>
+
+
+
+        <view class="mx-30rpx coupon-bg" >
+            <view class="flex items-center px-30rpx pt-30rpx pb-40rpx">
+                <view class="mr-30rpx">
+                    <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
+                </view>
+                <view class="flex-1">
+                    <view class="flex justify-between items-center">
+                        <view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-10rpx line-1 w-300rpx">
+                            茶艺师名称
+                            <wd-icon name="chevron-right" size="32rpx"></wd-icon>
+                        </view>
+                        <view class="text-26rpx leading-36rpx text-[#909399]">￥324</view>
+                    </view>
+                    <view class="flex justify-between items-center text-26rpx leading-36rpx text-[#909399] mt-18rpx">
+                        <view>￥108/小时</view>
+                        <view>x3</view>
+                    </view>
+                    <view class="flex justify-between items-center text-26rpx leading-36rpx text-[#909399] mt-18rpx">
+                        <view>车马费（￥3.00元/公里）</view>
+                        <view>x3</view>
+                    </view>
+                    <view class="text-[#606266] text-right mt-26rpx">
+                        <text class="text-24rpx leading-34rpx mr-12rpx">实付</text>
+                        <text class="tetx-32rpx leading-36rpx">￥29.32</text>
+                        <wd-icon name="chevron-right" size="32rpx"></wd-icon>
+                    </view>
+                </view>
+            </view>
+
+            <view class="mt-28rpx pb-28rpx">
+                <view class="text-30rpx leading-42rpx text-[#303133] px-30rpx">预约信息</view>
+                <view class="font-500 text-26rpx leading-48rpx text-[#606266] mt-20rpx">
+                    <view class="mb-20rpx px-30rpx">预约时间：2025-03-18  09:00-12:00</view>
+                    <view class="flex justify-between items-center pl-30rpx">
+                        <view>预约时长：3小时</view>
+                        <view class="bg-[#4C9F44] rounded-[100rpx_0rpx_0rpx_100rpx] font-bold text-28rpx leading-40rpx text-[#fff] w-170rpx h-56rpx flex justify-center items-center" @click="showRenewPopup = true">一键续订</view>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <view class="mx-30rpx mt-20rpx bg-white rounded-16rpx">
+            <view class="px-30rpx"> 地图显示</view>
+            <view class="px-30rpx flex justify-between items-center">
+                <view class="font-500 text-24rpx text-[#909399] leading-42rpx">信息没有更新，想问问茶艺师到哪里了？</view>
+                <view class="flex items-center"> 
+                    <view class="flex items-center mr-6rpx">
+                        <wd-img width="34rpx" height="34rpx" :src="`${OSS}icon/icon_phone2.png`" mode="scaleToFill"></wd-img>
+                    </view>
+                    <view class="text-26rpx leading-36rpx text-[#4C9F44]">
+                        联系茶艺师
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 适用门店 -->
+        <view class="bg-white rounded-16rpx px-30rpx pb-32rpx mx-30rpx mt-20rpx">
+            <view class="pt-32rpx text-[#303133] text-32rpx leading-44rpx">服务方式</view>
+            <view>
+                <view class="flex justify-between items-center relative">
+                    <view>
+                        <view class="text-28rpx leading-40rpx flex items-center mt-22rpx">
+                            <view class="text-[#606266] mr-54rpx">服务方式</view>
+                            <view class="text-[#303133]">到店服务</view>
+                        </view>
+                        <view class="text-28rpx leading-40rpx flex items-center mt-22rpx">
+                            <view class="text-[#606266] mr-54rpx">服务门店</view>
+                            <view class="text-[#303133] line-1 w-300rpx">茶馆名称茶馆名称茶馆名称茶馆名称茶馆名称茶馆名称茶馆名称</view>
+                        </view>
+                        <view class="text-28rpx leading-40rpx flex items-center mt-22rpx">
+                            <view class="text-[#606266] mr-54rpx">门店地址</view>
+                            <view class="text-[#303133]">青浦区仓桥路478号</view>
+                        </view>
+                    </view>
+                    <view class="flex absolute top-1/2 right-0 -translate-y-1/2">
+                        <view class="text-center mr-20rpx" >
+                            <wd-img width="64rpx" height="64rpx" :src="`${OSS}icon/icon_nav.png`"/>
+                        </view>
+                        <view class="text-center" >
+                            <wd-img width="64rpx" height="64rpx" :src="`${OSS}icon/icon_phone.png`"/>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 订单信息 -->
+        <view class="bg-white rounded-16rpx px-30rpx py-34rpx mx-30rpx mt-20rpx">
+            <view class="text-[#303133] text-32rpx leading-44rpx">订单信息</view>
+            <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
+                <view>订单编号</view>
+                <view>
+                    <text>7327328627526903</text>
+                    <wd-divider vertical />
+                    <text class="text-[#4C9F44]">复制</text>
+                </view>
+            </view>
+            <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
+                <view>交易方式</view>
+                <view>微信支付</view>
+            </view>
+            <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
+                <view>创建时间</view>
+                <view>2019-05-16 12:20:26</view>
+            </view>
+            <view class="text-28rpx leading-40rpx text-[#606266] flex items-center justify-between mt-22rpx">
+                <view>付款时间</view>
+                <view>2019-05-16 13:20:26</view>
+            </view>
+        </view>
+
+        <!-- 操作按钮 -->
+        <!-- <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx">
+            <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center">
+                <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133] mr-30rpx" @click="orderDetail.handleConfirmOrder">确认订单</view>
+                <view class="w-330rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]" @click="orderDetail.handleAgainReeserve">再次预定</view>
+            </view>
+        </view> -->
+        <view class="w-full fixed bottom-0 left-0 right-0 bg-white h-152rpx">
+            <view class="mt-34rpx">
+                <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center" >
+                    <view class="w-330rpx h-90rpx bg-[#F6F7F8] rounded-8rpx text-[#303133] mr-30rpx" @click="orderDetail.handleConfirmOrder">确认订单</view>
+                    <view class="w-330rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]" @click="orderDetail.handleAgainReeserve">再次预定</view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 一键续订 -->
+        <wd-popup v-model="showRenewPopup" lock-scroll custom-style="border-radius: 32rpx 32rpx 0rpx 0rpx;" position="bottom">
+            <view class="relative pb-26rpx">
+                <view class="absolute top-18rpx right-30rpx" @click="showRenewPopup = false">
+                    <wd-img width="60rpx" height='60rpx' :src="`${OSS}icon/icon_close.png`"></wd-img>
+                </view>
+                <view class="text-36rpx text-[#121212] leading-50rpx text-center pt-50rpx pb-40rpx">续订包间</view>
+                <view>
+                    <view class="mx-60rpx">
+                        <view class="text-[#01000D] text-32rpx leading-44rpx">续订时间</view>
+                        <view class="grid grid-cols-4 gap-x-20rpx gap-y-20rpx mt-28rpx">
+                            <view v-for="item in timeList" :key="item.time"
+                                class="h-72rpx rounded-16rpx flex items-center justify-center text-28rpx leading-40rpx"
+                                :class="[item.id == selectedRenewTime ? 'bg-[#4C9F44] text-[#fff]' : 'bg-[#F7F7F7] text-[#606266]']" 
+                                @click="selectedRenewTime = item.id">
+                                {{ item.time }}
+                            </view>
+                        </view>
+                    </view>
+
+                    <view class="mx-60rpx mt-60rpx">
+                        <view class="text-[#01000D] text-32rpx leading-44rpx">支付方式</view>
+                        <view class="mt-28rpx">
+                            <wd-radio-group v-model="pay" shape="dot" checked-color="#4C9F44">
+                                <view class="flex justify-between items-center mb-40rpx" v-for="(item, index) in payList" :key="index" @click="pay = item.id">
+                                    <view class="flex items-center">
+                                        <wd-img width="50rpx" height="50rpx" :src="item.icon"></wd-img>
+                                        <view class="ml-20rpx text-30rpx text-[#303133] leading-42rpx">{{ item.name }}</view>
+                                    </view>
+                                    <view class="flex items-center">
+                                        <wd-radio :value="item.value">
+                                            <view class="text-[#303133] text-26rpx leading-36rpx mr-20rpx" v-if="item.id == 1">可用202.22</view>
+                                        </wd-radio>
+                                    </view>
+                                </view>
+                            </wd-radio-group>
+                        </view>
+                    </view>
+
+                    <view class="mt-102rpx">
+                        <wd-gap height="2rpx" bg-color="#EFF0F2"></wd-gap>
+                    </view>
+
+                    <view class="flex justify-between items-center mt-50rpx mx-60rpx">
+                        <view class="flex items-center">
+                            <view class="text-24rpx text-[#303133] leading-34rpx">合计：</view>
+                            <view class="flex items-center h-56rpx mr-16rpx">
+                                <price-format color="#FF5951" :first-size="40" :second-size="40" :subscript-size="28" :price="23.02"></price-format>
+                                <view class="ml-20rpx">
+                                    <price-format color="#909399" :first-size="26" :second-size="26" :subscript-size="26" :price="23.02" lineThrough></price-format>
+                                </view>
+                            </view>
+                        </view>
+                        <view>
+                            <wd-button custom-class='!bg-[#4C9F44] !rounded-8rpx !h-70rpx'>立即预定</wd-button>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </wd-popup>
+
+        <!-- 续订成功 -->
+        <wd-popup v-model="showRenewSuccessPopup" lock-scroll custom-style="border-radius: 32rpx 32rpx 0rpx 0rpx;" position="bottom">
+            <view class="relative pt-64rpx pb-74rpx">
+                <view class="flex justify-center items-center">
+                    <view class="bg-[#4C9F44] w-280rpx rounded-280rpx">
+                        <wd-img width="280rpx" height="280rpx" :src="`${OSS}images/reserve_room/reserve_room_image7.png`"/>
+                    </view>
+                </view>
+                <view class="text-[#303133] text-36rpx leading-46rpx text-center mt-48rpx">包间续订成功</view>
+                <view class="text-[#9CA3AF] text-28rpx leading-44rpx mt-16rpx text-center">可以刷新页面查看预约时间</view>
+                <view class="w-630rpx h-90rpx leading-90rpx text-center bg-[#4C9F44] rounded-8rpx text-[#fff] mt-174rpx mx-auto">好的</view>
+            </view>
+        </wd-popup>
+    </view>
+</template>
+
+<script lang="ts" setup>
+    import { ReserveCategoryOrderStatus, ReserveCategoryOrderStatusText } from '@/utils/order'
+    import {toast} from '@/utils/toast'
+
+	const OSS = inject('OSS')
+
+    const title = ref<string>('')
+    const orderStatus = ref<string>('') // 订单状态：待使用、退款等
+
+    /** 续订包间 **/
+    const showRenewPopup = ref<boolean>(false)
+    const timeList = [
+        {id: 1, time: '1小时'},
+        {id: 2, time: '2小时'},
+        {id: 3, time: '3小时'},
+        {id: 4, time: '4小时'},
+        {id: 5, time: '5小时'},
+        {id: 6, time: '6小时'},
+    ]
+    const selectedRenewTime = ref<number>(0) // 选择的续订时间
+    const pay = ref<number>(1) // 支付方式
+    const payList = ref<Array<any>>([
+        {
+            id: 1,
+            name: '平台余额',
+            icon: `${OSS}icon/icon_platform_balance.png`,
+            balance: 0,
+            value: 1
+        },
+        {
+            id: 3,
+            name: '微信支付',
+            icon: `${OSS}icon/icon_weichat.png`,
+            balance: 0,
+            value: 3
+        }
+    ])
+
+    const showRenewSuccessPopup = ref<boolean>(false)
+    /** 结束 **/
+
+    onLoad((args) => {
+        title.value = ReserveCategoryOrderStatusText[args.orderStatus] || '订单详情'
+        orderStatus.value = args.orderStatus
+    })
+
+    const orderDetail = {
+
+        // 确认订单
+        handleConfirmOrder: () => {
+        },
+
+        // 再次预定
+        handleAgainReeserve: () => {
+            showRenewSuccessPopup.value = true
+            showRenewPopup.value = false
+        }
+    }
+</script>
+
+
+<style lang="scss">
+    page {
+	    background-color: $cz-page-background;
+    }
+
+    .coupon-bg {
+        background-image: url(#{$OSS}images/order/order_image2.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+    }
+</style>
diff --git a/src/bundle/reserve-room/detail.vue b/src/bundle/reserve-room/detail.vue
index b7d3119..1b59ec2 100644
--- a/src/bundle/reserve-room/detail.vue
+++ b/src/bundle/reserve-room/detail.vue
@@ -300,7 +300,7 @@
 <script lang="ts" setup>
     import {toast} from '@/utils/toast'
     import PriceFormat from '@/components/PriceFormat.vue'
-    import {ReserveServiceCategory} from '@/utils/platformService'
+    import {ReserveServiceCategory} from '@/utils/order'
 
 	const OSS = inject('OSS')
 
diff --git a/src/components/order/ComboCard.vue b/src/components/order/ComboCard.vue
index 9b9808b..45804d8 100644
--- a/src/components/order/ComboCard.vue
+++ b/src/components/order/ComboCard.vue
@@ -13,9 +13,9 @@
                     </view>
                 </view>
                 <view class="font-400 text-28rpx leading-40rpx">
-                    <text class="text-[#4C9F44]" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">待使用</text>
-                    <text class="text-[#606266]" v-if="orderType === GroupBuyingCategoryOrderStatus.Used">已使用</text>
-                    <text class="text-[#C9C9C9]" v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded">已退款</text>
+                    <text class="text-[#4C9F44]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">待使用</text>
+                    <text class="text-[#606266]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">已使用</text>
+                    <text class="text-[#C9C9C9]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded">已退款</text>
                 </view>
             </view>
             <view class="mt-22rpx">
@@ -57,9 +57,9 @@
                     </view>
                 </view>
                 <view class="font-400 text-28rpx leading-40rpx mt-12rpx">
-                    <text class="text-[#4C9F44]" v-if="orderType === GroupBuyingCategoryOrderStatus.ToUse">待使用</text>
-                    <text class="text-[#606266]" v-if="orderType === GroupBuyingCategoryOrderStatus.Used">已使用</text>
-                    <text class="text-[#C9C9C9]" v-if="orderType === GroupBuyingCategoryOrderStatus.Refunded">已退款</text>
+                    <text class="text-[#4C9F44]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.ToUse">待使用</text>
+                    <text class="text-[#606266]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used">已使用</text>
+                    <text class="text-[#C9C9C9]" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Refunded">已退款</text>
                 </view>
             </view>
             <view class="mt-22rpx">
@@ -97,9 +97,9 @@
                     </view>
                 </view>
                 <view class="font-400 text-28rpx leading-40rpx mt-12rpx text-[#4C9F44]">
-                    <text v-if="orderType === ReserveCategoryOrderStatus.Consuming">消费中</text>
-                    <text v-if="orderType === ReserveCategoryOrderStatus.Reserved">已预约</text>
-                    <text v-if="orderType === ReserveCategoryOrderStatus.Serving">服务中</text>
+                    <text v-if="orderStatus === ReserveCategoryOrderStatus.Consuming">消费中</text>
+                    <text v-if="orderStatus === ReserveCategoryOrderStatus.Reserved">已预约</text>
+                    <text v-if="orderStatus === ReserveCategoryOrderStatus.Serving">服务中</text>
                 </view>
             </view>
             <view class="mt-22rpx">
@@ -136,9 +136,9 @@
                             <view class="bg-[#F0F6EF] text-[#006C2D] font-400 text-22rpx leading-32rpx rounded-4rpx text-center w-150rpx ml-18rpx pb-4rpx">金牌茶艺师</view>
                         </view>
                         <view class="font-400 text-28rpx leading-20rpx text-[#4C9F44] flex items-center">
-                            <text v-if="orderType === ReserveCategoryOrderStatus.Consuming">消费中</text>
-                            <text v-if="orderType === ReserveCategoryOrderStatus.Reserved">已预约</text>
-                            <text v-if="orderType === ReserveCategoryOrderStatus.Serving">服务中</text>
+                            <text v-if="orderStatus === ReserveCategoryOrderStatus.Consuming">消费中</text>
+                            <text v-if="orderStatus === ReserveCategoryOrderStatus.Reserved">已预约</text>
+                            <text v-if="orderStatus === ReserveCategoryOrderStatus.Serving">服务中</text>
                         </view>
                     </view>
 
@@ -161,8 +161,7 @@
 </template>
 
 <script lang="ts" setup name="ComboCard">
-    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus } from '@/utils/groupBuying'
-    import { ReserveCategory, ReserveCategoryOrderStatus } from '@/utils/platformService'
+    import { GroupBuyingCategory, GroupBuyingCategoryOrderStatus, ReserveCategory, ReserveCategoryOrderStatus } from '@/utils/order'
 
 	/**
 	 * ComboCard 套餐卡片组件
@@ -181,9 +180,9 @@
         },
         /**
          * 订单类型: 待使用、退款等
-         * TODO 这里的orderType在接入接口的时候需要改为类似于data.orderType这种形式
+         * TODO 这里的orderStatus在接入接口的时候需要改为类似于data.orderStatus这种形式
         */
-        orderType: {
+        orderStatus: {
             type: String,
             default: GroupBuyingCategoryOrderStatus.ToUse
         }
@@ -203,17 +202,17 @@
             switch (props.type) {
                 case 'Direct':
                     uni.navigateTo({
-                        url: `/bundle/order/platform/direct-order-detail?orderType=${props.orderType}`
+                        url: `/bundle/order/platform/direct-order-detail?orderStatus=${props.orderStatus}`
                     })
                     break;
                 case 'Franchise':
                     uni.navigateTo({
-                        url: `/bundle/order/platform/franchise-order-detail?orderType=${props.orderType}`
+                        url: `/bundle/order/platform/franchise-order-detail?orderStatus=${props.orderStatus}`
                     })
                     break;
                 case 'DouYin':
                     uni.navigateTo({
-                        url: `/bundle/order/douyin/douyin-order-detail?orderType=${props.orderType}`
+                        url: `/bundle/order/douyin/douyin-order-detail?orderStatus=${props.orderStatus}`
                     })
                     break;
                 default:
diff --git a/src/components/order/ComboCoupon.vue b/src/components/order/ComboCoupon.vue
index b0ea9b2..65f5fde 100644
--- a/src/components/order/ComboCoupon.vue
+++ b/src/components/order/ComboCoupon.vue
@@ -28,7 +28,7 @@
             </view>
 
             <!-- 平台团购直营店待使用 -->
-            <view class="mt-30rpx font-500 leading-48rpx" v-if="type === 'Direct' && orderType === GroupBuyingCategoryOrderStatus.ToUse">
+            <view class="mt-30rpx font-500 leading-48rpx" v-if="type === 'Direct' && orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
                 <view class="text-26rpx text-[#606266]">有效期：2025.04.04-2025.12.31</view>
                 <view class="text-28rpx text-[#303133] mt-18rpx">
                     <text class="mr-20rpx">券码 1052 4258 5654 125</text>
@@ -38,7 +38,7 @@
         </view>
 
         <!-- 平台团购直营店已使用 -->
-        <view class="coupon-bg" v-if="type === 'Direct' && orderType === GroupBuyingCategoryOrderStatus.Used">
+        <view class="coupon-bg" v-if="type === 'Direct' && orderStatus === GroupBuyingCategoryOrderStatus.Used">
             <view class="flex items-center px-30rpx pt-30rpx pb-40rpx" @click="comboCoupon.handleToStore">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -71,7 +71,7 @@
         </view>
 
         <!-- 平台团购加盟-待使用 -->
-        <view class="coupon-bg2 p-30rpx" v-if="type === 'Franchise' && orderType === GroupBuyingCategoryOrderStatus.ToUse">
+        <view class="coupon-bg2 p-30rpx" v-if="type === 'Franchise' && orderStatus === GroupBuyingCategoryOrderStatus.ToUse">
             <view class="flex items-center">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -107,7 +107,7 @@
         </view>
 
         <!-- 抖音团购已使用 -->
-        <view class="bg-white rounded-16rpx p-30rpx" v-if="orderType === GroupBuyingCategoryOrderStatus.Used && type === 'DouYin'">
+        <view class="bg-white rounded-16rpx p-30rpx" v-if="orderStatus === GroupBuyingCategoryOrderStatus.Used && type === 'DouYin'">
             <view class="flex items-center" @click="comboCoupon.handleToStore">
                 <view class="mr-30rpx">
                     <wd-img width="190rpx" height="190rpx" :src="`${OSS}images/home/home_image5.png`" mode="scaleToFill"></wd-img>
@@ -131,7 +131,7 @@
 </template>
 
 <script lang="ts" setup name="ComboCoupon">
-    import { GroupBuyingCategoryOrderStatus } from '@/utils/groupBuying'
+    import { GroupBuyingCategoryOrderStatus } from '@/utils/order'
 
 	/**
 	 * Combo 套餐券组件
@@ -150,9 +150,9 @@
         },
         /**
          * 订单类型: 待使用、退款等
-         * TODO 这里的orderType在接入接口的时候需要改为类似于data.orderType这种形式
+         * TODO 这里的orderStatus在接入接口的时候需要改为类似于data.orderStatus这种形式
         */
-        orderType: {
+        orderStatus: {
             type: String,
             default: ''
         }
diff --git a/src/components/reserve/RoomList.vue b/src/components/reserve/RoomList.vue
index 2173041..c3d100b 100644
--- a/src/components/reserve/RoomList.vue
+++ b/src/components/reserve/RoomList.vue
@@ -72,7 +72,7 @@
      */
 
     import PriceFormat from '@/components/PriceFormat.vue'
-    import {ReserveServiceCategory} from '@/utils/platformService'
+    import {ReserveServiceCategory} from '@/utils/order'
 
     const OSS = inject('OSS')
 
diff --git a/src/pages.json b/src/pages.json
index 1d87041..b208ede 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -282,6 +282,14 @@
           "style": {
             "navigationStyle": "custom"
           }
+        },
+        {
+          "path": "order/tea-specialist/order-detail",
+          "type": "page",
+          "layout": "default",
+          "style": {
+            "navigationStyle": "custom"
+          }
         }
       ]
     }
diff --git a/src/pages/reserve/reserve.vue b/src/pages/reserve/reserve.vue
index 5685c96..f5cbeec 100644
--- a/src/pages/reserve/reserve.vue
+++ b/src/pages/reserve/reserve.vue
@@ -34,8 +34,8 @@
 			<view v-if="tab === 0">
 				<mescroll-body @init="mescrollInit" @down="downCallback" @up="reserve.upCallback" :up="upOption">
 					<view v-for="(item, index) in 5" :key="index" >
-						<view class="mb-20rpx">
-							<combo-card :type="ReserveCategory.TeaRoom" :order-type="ReserveCategoryOrderStatus.Consuming"></combo-card>
+						<view class="mb-20rpx" @click="reserve.handleToReserveRoomOrder">
+							<combo-card :type="ReserveCategory.TeaRoom" :order-status="ReserveCategoryOrderStatus.Consuming"></combo-card>
 						</view>
 					</view>
 				</mescroll-body>
@@ -45,8 +45,8 @@
 			<view v-if="tab === 1">
 				<mescroll-body @init="mescrollInit" @down="downCallback" @up="reserve.upCallback" :up="upOption">
 					<view v-for="(item, index) in 5" :key="index" >
-						<view class="mb-20rpx">
-							<combo-card :type="ReserveCategory.TeaSpecialist" :order-type="ReserveCategoryOrderStatus.Consuming"></combo-card>
+						<view class="mb-20rpx" @click="reserve.handleToTeaSpecialistOrder">
+							<combo-card :type="ReserveCategory.TeaSpecialist" :order-status="ReserveCategoryOrderStatus.Consuming"></combo-card>
 						</view>
 					</view>
 				</mescroll-body>
@@ -59,7 +59,7 @@
 	import ComboCard from '@/components/order/ComboCard.vue'
 	import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
 	import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js"
-    import { ReserveCategory, ReserveCategoryOrderStatus } from '@/utils/platformService'
+    import { ReserveCategory, ReserveCategoryOrderStatus } from '@/utils/order'
 
 	const OSS = inject('OSS')
 	const navbarHeight = Number(inject('navbarHeight')) + 42 + 14 // 42为tabs的高度 14是边距值
@@ -131,6 +131,20 @@
 			})
 		},
 
+		// 茶室预约-跳转到对应的订单页
+		handleToReserveRoomOrder: () => {
+			uni.navigateTo({
+				url: `/bundle/order/reserve-room/order-detail?orderStatus=${ReserveCategoryOrderStatus.Consuming}`
+			})
+		},
+
+		// 茶艺师预约-跳转到对应的订单页
+		handleToTeaSpecialistOrder: () => {
+			uni.navigateTo({
+				url: `/bundle/order/tea-specialist/order-detail?orderStatus=${ReserveCategoryOrderStatus.Serving}`
+			})
+		},
+
 		// tab切换获取index
         handleChangeTab: (item: { index: number }) => {
             // tabIndexs.value = item.index
diff --git a/src/utils/groupBuying.ts b/src/utils/order.ts
similarity index 59%
rename from src/utils/groupBuying.ts
rename to src/utils/order.ts
index 38db4b9..33c5c10 100644
--- a/src/utils/groupBuying.ts
+++ b/src/utils/order.ts
@@ -79,3 +79,78 @@ export const CategoryStatusMap: Record<GroupBuyingCategory, GroupBuyingCategoryO
         GroupBuyingCategoryOrderStatus.AfterSaleProcessing
     ]
 }
+
+// 预约服务分类
+export enum ReserveServiceCategory {
+    ReserveRoom = 'ReserveRoom', // 预约茶室
+    GroupBuying = 'GroupBuying', // 团购
+}
+
+/** 售后服务分类 **/
+
+// 个人原因
+enum PersonalReasonEnum {
+    OverBought = 1,           // 买多了/买错了
+    NoLongerNeeded = 2        // 计划有变，暂时不需要的
+}
+
+// 商家原因
+enum MerchantReasonEnum {
+    CannotContact = 3,        // 电话联系不上商家
+    NotServing = 4,           // 商家营业但不接待
+    Renovating = 5            // 商家停止装修
+}
+
+// 个人原因映射
+export const PersonalReasonMap: { label: string, value: PersonalReasonEnum }[] = [
+    { label: '买多了/买错了', value: PersonalReasonEnum.OverBought },
+    { label: '计划有变，暂时不需要的', value: PersonalReasonEnum.NoLongerNeeded }
+]
+
+// 商家原因映射
+export const MerchantReasonMap: { label: string, value: MerchantReasonEnum }[] = [
+    { label: '电话联系不上商家', value: MerchantReasonEnum.CannotContact },
+    { label: '商家营业但不接待', value: MerchantReasonEnum.NotServing },
+    { label: '商家停止装修', value: MerchantReasonEnum.Renovating }
+]
+
+// 售后原因映射（用于提交时的参数转换）
+export const ReasonMap: Record<number, string> = {
+    [PersonalReasonEnum.OverBought]: '买多了/买错了',
+    [PersonalReasonEnum.NoLongerNeeded]: '计划有变，暂时不需要的',
+    [MerchantReasonEnum.CannotContact]: '已退款',
+    [MerchantReasonEnum.NotServing]: '申请售后',
+    [MerchantReasonEnum.Renovating]: '申请售后中'
+}
+
+/** 结束 **/
+
+/** 预约（茶室、茶艺师预约） **/
+
+// 预约类型
+export enum ReserveCategory {
+    TeaRoom = 'teaRoom',      // 直营店
+    TeaSpecialist = 'teaSpecialist' // 茶艺师
+}
+
+// 预约类型对应名称
+export const ReserveCategoryText: Record<ReserveCategory, string> = {
+    [ReserveCategory.TeaRoom]: '茶室预约',
+    [ReserveCategory.TeaSpecialist]: '茶艺师预约',
+}
+
+// 通用订单状态
+export enum ReserveCategoryOrderStatus {
+    Consuming = 'consuming',   // 消费中
+    Reserved = 'reserved',     // 已预约
+    Serving = 'serving'        // 服务中(茶艺师订单独有的)
+}
+
+// 对应名称
+export const ReserveCategoryOrderStatusText: Record<ReserveCategoryOrderStatus, string> = {
+    [ReserveCategoryOrderStatus.Consuming]: '消费中',
+    [ReserveCategoryOrderStatus.Reserved]: '已预约',
+    [ReserveCategoryOrderStatus.Serving]: '服务中'
+}
+
+/** 结束 **/
diff --git a/src/utils/platformService.ts b/src/utils/platformService.ts
deleted file mode 100644
index 2e891bd..0000000
--- a/src/utils/platformService.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-// 预约服务分类
-export enum ReserveServiceCategory {
-    ReserveRoom = 'ReserveRoom', // 预约茶室
-    GroupBuying = 'GroupBuying', // 团购
-}
-
-
-/** 售后服务分类 **/
-    // 个人原因
-enum PersonalReasonEnum {
-    OverBought = 1,           // 买多了/买错了
-    NoLongerNeeded = 2        // 计划有变，暂时不需要的
-}
-
-    // 商家原因
-enum MerchantReasonEnum {
-    CannotContact = 3,        // 电话联系不上商家
-    NotServing = 4,           // 商家营业但不接待
-    Renovating = 5            // 商家停止装修
-}
-
-    // 个人原因映射
-export const PersonalReasonMap: { label: string, value: PersonalReasonEnum }[] = [
-    { label: '买多了/买错了', value: PersonalReasonEnum.OverBought },
-    { label: '计划有变，暂时不需要的', value: PersonalReasonEnum.NoLongerNeeded }
-]
-
-    // 商家原因映射
-export const MerchantReasonMap: { label: string, value: MerchantReasonEnum }[] = [
-    { label: '电话联系不上商家', value: MerchantReasonEnum.CannotContact },
-    { label: '商家营业但不接待', value: MerchantReasonEnum.NotServing },
-    { label: '商家停止装修', value: MerchantReasonEnum.Renovating }
-]
-
-    // 售后原因映射（用于提交时的参数转换）
-export const ReasonMap: Record<number, string> = {
-    [PersonalReasonEnum.OverBought]: '买多了/买错了',
-    [PersonalReasonEnum.NoLongerNeeded]: '计划有变，暂时不需要的',
-    [MerchantReasonEnum.CannotContact]: '已退款',
-    [MerchantReasonEnum.NotServing]: '申请售后',
-    [MerchantReasonEnum.Renovating]: '申请售后中'
-}
-
-/** 结束 **/
-
-/** 预约（茶室、茶艺师预约） **/
-    // 预约类型
-export enum ReserveCategory {
-    TeaRoom = 'teaRoom',      // 直营店
-    TeaSpecialist = 'teaSpecialist' // 茶艺师
-}
-
-    // 预约类型对应名称
-export const ReserveCategoryText: Record<ReserveCategory, string> = {
-    [ReserveCategory.TeaRoom]: '茶室预约',
-    [ReserveCategory.TeaSpecialist]: '茶艺师预约',
-}
-
-    // 通用订单状态
-export enum ReserveCategoryOrderStatus {
-    Consuming = 'consuming',   // 消费中
-    Reserved = 'reserved',     // 已预约
-    Serving = 'serving'        // 服务中(茶艺师订单独有的)
-}
-
-    // 对应名称
-export const ReserveCategoryOrderStatusText: Record<ReserveCategoryOrderStatus, string> = {
-    [ReserveCategoryOrderStatus.Consuming]: '消费中',
-    [ReserveCategoryOrderStatus.Reserved]: '已预约',
-    [ReserveCategoryOrderStatus.Serving]: '服务中'
-}
-
-/** 结束 **/