完善茶艺师套餐页面

src/bundle/package/detail.vue

@@ -152,7 +152,7 @@
 
             <view class="fixed left-0 right-0 bottom-0 z-2 bg-[#fff] flex items-center justify-center" :style="{ height: '140rpx' }">
                 <view class="text-32rpx leading-44rpx flex items-center justify-center leading-90rpx text-center">
-                    <view class="w-630rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]">立即预约</view>
+                    <view class="w-630rpx h-90rpx bg-[#4C9F44] rounded-8rpx text-[#fff]" @click="Detail.handleReserve">立即预约</view>
                 </view>
             </view>
         </view>
@@ -161,371 +161,44 @@
 
 <script lang="ts" setup>
 import { toast } from '@/utils/toast'
-import { ReserveServiceCategory, OrderType } from '@/utils/order'
-import type { ITeaSpecialistFuture7DaysResult } from '@/api/types/tea'
-import { getNext7Days, getTeaRoomBalance, createTeaRoomOrder } from '@/api/tea-room'
-import { CouponType } from '@/utils/coupon'
-import { router, randomLabelColor, previewImage, replaceNewLine } from '@/utils/tools'
-import type { IUserInfoVo } from '@/api/types/login'
-import { useUserStore } from '@/store'
-import { getTeaRoomDetail, createTeaRoomPackageOrder, getTeaRoomPackageDetail, calculateTeaRoomPrice } from '@/api/tea-room'
+import { router, previewImage, replaceNewLine } from '@/utils/tools'
+
 import PriceFormat from '@/components/PriceFormat.vue'
-import BookingTime from '@/components/BookingTime.vue'
-import { getUserInfo } from '@/api/user'
-import { getTeaRoomGroupCouponList } from '@/api/tea-room'
+
 
 const OSS = inject('OSS')
 
-// 获取当前年月日，格式：YYYY-MM-DD
-const now = new Date();
-const year = now.getFullYear();
-const month = String(now.getMonth() + 1).padStart(2, '0');
-const day = String(now.getDate()).padStart(2, '0');
-const currentDate = `${year}-${month}-${day}`;
-
-// 用户信息
-const userInfo = ref<IUserInfoVo>(null)
 
 const swiperList = ref<string[]>([])
 const current = ref<number>(0)
-const html: string = '<p>这里是富文本内容，需要后台传递</p>'
-const isGroupBuying = ref<boolean>(false)// 是否是团购套餐
 
-// 选择预定时间
-const showBookTimePopup = ref<boolean>(false)
-const sevenDay = reactive<ITeaSpecialistFuture7DaysResult>({
-    minimum_time: 0,
-    time: []
+const teaRoomPackage = reactive({
+    introduce: '',
+    hour: 0,
+    pl_number: 0,
+    returd_details: ''
 })
-const reserveTime = ref<Array<any>>([])
-const timeSlots = ref<Array<string>>([]) // 连续选择的预约时间
-const dayTitle = ref<string>('') // 周三03/18
-const dayTime = ref<string>('') // 2024-03-18
-const dayHours = ref<string>('') // 预定时长00:00,00:30
-
-// 计算费用明细 service(服务费) coupon(优惠券) discount(会员优惠) totalDiscount(总优惠) total(总费用) groupCoupon(团购券)
-const bill = ref<{ service: any, discount: number, totalDiscount: number, coupon: number, groupCoupon: number, total: number }>({
-    service: {
-        total: 0,
-        unitPrice: 0,
-        num: 0,
-        startTime: 0,
-        endTime: 0,
-        dayTime: '',
-        startHour: '',
-        endHour: ''
-    },
-    discount: 0,
-    totalDiscount: 0,
-    coupon: 0,
-    groupCoupon: 0,
-    total: 0
-})
-
-// 费用明细相关
-const showCostPopup = ref<boolean>(false) // 费用明细popup
-const showPayPopup = ref<boolean>(false) // 支付popup
-
-// 包间内容
-const storeId = ref<number>(0) // 门店ID 
-const id = ref<number>(0) // id
-const teaRoom = ref<any>({
-    order: {
-        hours: 0
-    },
-    room: {
-        title: ''
-    }
-})
-const teaRoomPrice = ref<number>(0)
-
-// 门店余额
-const storeMoney = ref<number>(0)
-
-// 选择的优惠券
-const selectedCoupon = ref<{ id: number, name: string }>({ id: 0, name: '' })
-const selectedGroupCoupon = ref<{ id: number, name: string }>({ id: 0, name: '' })
-const selectCouponId = ref<number>(0)
-const selectGroupCouponId = ref<number>(0)
-
-// 用户信息
-const user = ref<any>(null)
-
-// 套餐
-const teaRoomPackage = ref<any>({})
-
-// 页面类型
-const pageType = ref<string>('')
-
-// 防止重复提交
-const isSubmitting = ref(false)
-
-// 团购套餐列表
-const groupCouponList = ref<Array<any>>([])
-
 onLoad((args) => {
-    storeId.value = Number(args.storeId)
-    id.value = Number(args.id) // 在茶室下这个id是包间ID，在团购下是套餐ID
-    teaRoomPrice.value = Number(args.price) || 0
-    pageType.value = args.type || ''
-    console.log("🚀 ~ pageType.value:", pageType.value)
-
-    if (args.type == ReserveServiceCategory.GroupBuying) {
-        isGroupBuying.value = true
-        Detail.handleInitGroupBuying()
-    }
-    Detail.handleInitReserveRoom()
-
-    // 获取用户需求详
-    getUserInfo().then(res => {
-        user.value = res
-    })
+    Detail.handleInit(args)
 })
 
 
 // 防止重复提交
-
 const Detail = {
     /**
      *  初始包间详情
      */
-    handleInitReserveRoom: async () => {
+    handleInit: async (args) => {
         // 包间详情
-        const userStore = useUserStore()
-        userInfo.value = userStore.userInfo
-
-        const res = await getTeaRoomDetail({
-            id: storeId.value,
-            latitude: uni.getStorageSync('latitude') || import.meta.env.VITE_DEFAULT_LATITUDE,
-            longitude: uni.getStorageSync('longitude') || import.meta.env.VITE_DEFAULT_LONGITUDE,
-            user_id: userInfo.value.id || 0,
-            room_id: id.value
-        })
-        teaRoom.value = res.details
-
-        // 处理使用说明的换行问题
-        if (teaRoom.value.room.other_describe) {
-            teaRoom.value.room.other_describe = replaceNewLine(teaRoom.value.room.other_describe)
-        }
-
-        if (pageType.value == ReserveServiceCategory.ReserveRoom) {
-            swiperList.value = teaRoom.value.room.room_arr
-
-            // 预定时间
-            const next7 = await getNext7Days(id.value, currentDate)
-            // disabled = 0 可预约 1不可逾越
-            Object.assign(sevenDay, next7.data)
-            Object.assign(sevenDay, { minimum_time: teaRoom.value.room.hours })
-        }
-
-        // 获取门店余额
-        const balance = await getTeaRoomBalance({ store_id: storeId.value })
-        storeMoney.value = balance.data.money || 0
-
-        // 获取团购券
-        const group = await getTeaRoomGroupCouponList({ store_id: storeId.value, room_id: id.value })
-        groupCouponList.value = group.list
+      
     },
 
-    /*
-     * 初始化套餐详情
-     */
-    handleInitGroupBuying: async () => {
-        const res = await getTeaRoomPackageDetail({ id: id.value })
-        teaRoomPackage.value = res.details
-
-        // 处理使用说明的换行问题
-        if (teaRoomPackage.value.introduce) {
-            teaRoom.value.introduce = replaceNewLine(teaRoom.value.introduce)
-        }
-
-        if (teaRoomPackage.value.rests_introduce) {
-            teaRoom.value.rests_introduce = replaceNewLine(teaRoom.value.rests_introduce)
-        }
-
-        if (teaRoomPackage.value.room_name) {
-            teaRoom.value.room_name = replaceNewLine(teaRoom.value.room_name)
-        }
-
-        if (teaRoomPackage.value.returd_details) {
-            teaRoom.value.returd_details = replaceNewLine(teaRoom.value.returd_details)
-        }
-
-        if (pageType.value == ReserveServiceCategory.GroupBuying) {
-            swiperList.value = teaRoomPackage.value.img
-        }
-    },
-
-    /**
-     * 选中预定时间
-     */
-    handleChooseReserveTime: (params: any) => {
-        reserveTime.value = params
-        console.log("🚀 ~ params:", params)
-
-        timeSlots.value = params.selectedTimestamps
-        dayTitle.value = params.dayTitle
-        dayTime.value = params.dayTime
-        const times = params.selectedTime.map(item => {
-            return item.time
-        }).join(',')
-        dayHours.value = times
-
-        bill.value.service = {
-            total: 0,
-            unitPrice: 0,
-            num: params.countSelectedTime,
-            startHour: params.selectedTime[0].time,
-            endHour: params.selectedTime[params.selectedTime.length - 1].time
-        }
-
-        Detail.handleCalculateTeaRoomPrice()
-    },
-
-    /**
-     * 跳转优惠券页面
-     */
-    handleToCoupon(type) {
-        if (reserveTime.value.length == 0) {
-            toast.info('请选择预定时间')
-            return
-        }
-
-        // 在选择优惠券之前需要先选择团购券
-        if (type === CouponType.Discount && groupCouponList.value.length > 0 && selectedGroupCoupon.value.id == 0) {
-            toast.info('请先选择团购券')
-            return
-        }
-
-        // 如果选择优惠券之前订单金额已经是0的话则不用再选择优惠券
-        if (type === CouponType.Discount && selectedGroupCoupon.value.id > 0 && bill.value.total <= 0) {
-            toast.info('当前订单金额已为0，无需选择优惠券')
-            return
-        }
-
-
-        uni.$off('chooseCoupon');
-        uni.$on('chooseCoupon', params => {
-            console.log("🚀 ~ params:", params)
-            uni.$off('chooseCoupon')
-            if (params.coupon) {
-                if (type === CouponType.Discount) {
-                    selectedCoupon.value = { id: params.coupon.id, name: `${params.coupon.name}减${params.coupon.coupon_price}` }
-                    bill.value.coupon = params.coupon.coupon_price
-                    selectCouponId.value = params.coupon.id // 这里的ID是在数据表自增的ID，保存下来是为了回显列表的,没有其他作用
-                } else {
-                    selectedGroupCoupon.value = { id: params.coupon.id, name: `团购券-${params.coupon?.title}` }
-                    bill.value.groupCoupon = params.coupon.coupon_price
-                    selectGroupCouponId.value = params.coupon.id // 这里的ID是在数据表自增的ID，保存下来是为了回显列表的,没有其他作用
-                }
-            } else {
-                // 清空选择
-                if (type === CouponType.Discount) {
-                    selectedCoupon.value = { id: 0, name: '' }
-                    bill.value.coupon = 0
-                    selectCouponId.value = 0
-                } else {
-                    selectedGroupCoupon.value = { id: 0, name: '' }
-                    bill.value.groupCoupon = 0
-                    selectGroupCouponId.value = 0
-                }
-            }
-            Detail.handleCalculateTeaRoomPrice()
-        })
-
-        // 获取预定了几个小时
-        const count = bill.value.service.num
-
-        router.navigateTo(`/bundle/coupon/coupon?id=${id.value}&price=${bill.value.total}&numbers=${count}&type=${type}&storeId=${storeId.value}&couponId=${selectCouponId.value}&groupCouponId=${selectGroupCouponId.value}`)
-    },
 
     /**
      * 提交订单
      */
-    handleSubmitOrder: async () => {
-        if (isSubmitting.value) return
-        // 只有预定茶室才会选择时间
-        if (!isGroupBuying.value && bill.value.service.num == 0) {
-            toast.info('请选择预定时间')
-            return
-        }
-
-        isSubmitting.value = true
-        try {
-            let res: any = null
-            if (isGroupBuying.value) {
-                // 团购套餐ID
-                res = await createTeaRoomPackageOrder({
-                    group_id: id.value,
-                    room_id: 0
-                })
-            } else {
-                const params = {
-                    store_id: storeId.value,
-                    room_id: id.value,
-                    day_title: dayTitle.value,
-                    day_time: dayTime.value,
-                    start_time: bill.value.service.startHour,
-                    end_time: bill.value.service.endHour,
-                    user_coupon_id: selectedCoupon.value.id || 0,
-                    hours: bill.value.service.num,
-                    group_coupon_id: selectedGroupCoupon.value.id || 0,
-                    timeslot: timeSlots.value.join(',')
-                }
-                res = await createTeaRoomOrder(params)
-            }
-            // uni.hideLoading()
-
-            // 支付后的处理
-            uni.$on('payment', params => {
-                setTimeout(() => {
-                    uni.$off("payment")
-                    isSubmitting.value = false
-                    if (params.result) {
-                        //支付成功提示
-                        uni.redirectTo({
-                            url: `/pages/notice/reserve?type=${OrderType.TeaRoomOrder}&orderId=${params.orderId}&isGroupBuying=${isGroupBuying.value ? 1 : 0}&storeId=${storeId.value}&storeType=${teaRoom.value.operation_type}`
-                        })
-                    } else {
-                        // 支付失败跳转订单列表
-                        if (!isGroupBuying.value) {
-                            router.redirectTo(`/bundle/order/tea-room/order-list?isGroupBuying=${isGroupBuying.value ? 1 : 0}`)
-                        }
-                    }
-                }, 1000)
-            })
-
-            setTimeout(() => {
-                const name = isGroupBuying.value ? teaRoomPackage.value.title : teaRoom.value.name
-                const money = isGroupBuying.value ? res.order_amount : 0 // 团购套餐支付金额会在创建订单的时候返回
-
-                router.navigateTo(
-                    `/pages/cashier/cashier?from=${OrderType.TeaRoomOrder}&orderId=${res.id}&name=${name}&storeId=${storeId.value}&isGroupBuying=${isGroupBuying.value ? 1 : 0}&cmoboId=${id.value || 0}&money=${money}`
-                )
-            }, 500)
-        } catch (error) {
-            isSubmitting.value = false
-            return
-        }
-        // 正常流程下，isSubmitting.value 会在支付回调中重置
-    },
-
-    /**
-     * 计算茶室价格
-     */
-    handleCalculateTeaRoomPrice: async () => {
-        const res = await calculateTeaRoomPrice({
-            room_id: id.value,
-            coupon_id: selectedCoupon.value.id || 0,
-            group_coupon_id: selectedGroupCoupon.value.id || 0,
-            nums: bill.value.service.num,
-        })
-
-        bill.value.service.total = res.details.room_price // 茶室价格
-        bill.value.discount = res.details.discount_room_price // 茶室总价
-        bill.value.totalDiscount = res.details.discount_all_price // 总优惠
-        bill.value.groupCoupon = res.details.group_price // 团购优惠
-        bill.value.total = res.details.order_amount // 订单金额
+    handleReserve: async () => {
+        router.navigateTo('/bundle/package/service')
     },
 
     /**