wangxiaowei/chazhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改配置和完善页面

Browse Source
This commit is contained in:
wangxiaowei
2025-09-14 18:01:30 +08:00
parent 3045f4e5c4
commit 6d2cba0f34
15 changed files with 488 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/bundle/order/after-sales/after-sales.vue
View File

@ -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>

16
src/bundle/order/douyin/douyin-order-detail.vue
View File

@ -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 = {

2
src/bundle/order/douyin/order-list.vue
View File

@ -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 */

22
src/bundle/order/platform/direct-order-detail.vue
View File

@ -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}`
})
},

26
src/bundle/order/platform/franchise-order-detail.vue
View File

@ -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 = {

24
src/bundle/order/reserve-room/order-detail.vue
View File

@ -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>

300
src/bundle/order/tea-specialist/order-detail.vue Normal file
View File

@ -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>

2
src/bundle/reserve-room/detail.vue
View File

@ -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')

37
src/components/order/ComboCard.vue
View File

@ -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:

14
src/components/order/ComboCoupon.vue
View File

@ -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: ''
}

2
src/components/reserve/RoomList.vue
View File

@ -72,7 +72,7 @@
*/
import PriceFormat from '@/components/PriceFormat.vue'
import {ReserveServiceCategory} from '@/utils/platformService'
import {ReserveServiceCategory} from '@/utils/order'
const OSS = inject('OSS')

8
src/pages.json
View File

@ -282,6 +282,14 @@
"style": {
"navigationStyle": "custom"
}
},
{
"path": "order/tea-specialist/order-detail",
"type": "page",
"layout": "default",
"style": {
"navigationStyle": "custom"
}
}
]
}

24
src/pages/reserve/reserve.vue
View File

@ -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

75
src/utils/groupBuying.ts → src/utils/order.ts
View File

@ -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]: '服务中'
}
/** 结束 **/

73
src/utils/platformService.ts
View File

@ -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]: '服务中'
}
/** 结束 **/