优化添加组件及页面

src/bundle/group-buying/platform/order-detail.vue

@@ -0,0 +1,47 @@
+<route lang="jsonc" type="page">
+{
+    "layout": "default",
+    "style": {
+		"navigationStyle": "custom"
+    }
+}
+</route>
+
+<template>
+    <view class="">
+        <view>
+            <navbar :title="title" custom-class='!bg-[#F6F7F8]'></navbar>
+        </view>
+
+        <view class="text-[#909399] text-26rpx leading-36rpx mx-102rpx mb-40rpx">
+            <text class="" v-if="orderType === OrderStatus.ToUse">请在2025.12.31(含)前使用</text>
+            <text class="" v-if="orderType === OrderStatus.Finished">感谢购买，期待再次光临！</text>
+            <text class="" v-if="orderType === OrderStatus.AfterSaleApply">请耐心等待，我们会尽快处理您的请求</text>
+        </view>
+        <view class="mx-30rpx">
+            <combo :type="'GroupBuying'" :order-type="orderType"></combo>
+        </view>
+    </view>
+</template>
+
+<script lang="ts" setup>
+    import Combo from '@/components/order/Combo.vue'
+    import { OrderStatus, OrderStatusText } from '@/utils/order'
+
+    const title = ref<string>('')
+    const type = ref<string>('') // 订单类型：团购、抖音等
+    const orderType = ref<string>('') // 订单状态：待使用、退款等
+
+    onLoad((args) => {
+        title.value = OrderStatusText[args.orderType]
+        type.value = args.type
+        orderType.value = args.orderType
+    })
+</script>
+
+
+<style lang="scss" scoped>
+    page {
+	    background-color: $cz-page-background;
+    }
+</style>