完善页面

src/pages/notice/reserve.vue

@@ -0,0 +1,51 @@
+<route lang="jsonc" type="page">{
+	"layout": "default",
+	"style": {
+		"navigationBarTitleText": "",
+		"navigationBarBackgroundColor": "#fff"
+	}
+}</route>
+
+<template>
+	<view class="mt-84rpx flex justify-center items-center">
+		<view v-if="type == 'room'">
+			<reserve-notice title="茶室预约成功" desc="可以点击下方查看预约单具体信息">
+				<template #layout>
+					<view class="pb-22rpx mt-40rpx mx-30rpx flex justify-between items-center text-[32rpx] text-center">
+						<view class='bg-[#F6F7F8] text-[#303133] rounded-8rpx h-90rpx leading-90rpx mr-28rpx w-300rpx' @click="reserve.handleRoomSeeOrder">查看订单</view>
+						<view class='bg-[#4C9F44] text-[#fff] rounded-8rpx h-90rpx leading-90rpx w-300rpx' @click="reserve.handleRoomDone">完成</view>
+					</view>
+				</template>
+			</reserve-notice>
+		</view>
+	</view>
+</template>
+
+
+<script lang="ts" setup>
+	import ReserveNotice from '@/components/notice/Reserve.vue'
+	const type = ref<string>('') // 购买类型 room: 预约茶室
+
+	onLoad((args) => {
+		type.value = args.type || ''
+	})
+
+	const reserve = {
+		// 预约茶室 - 查看订单
+		handleRoomSeeOrder: () => {
+			uni.navigateTo({
+				url: '/bundle/reserve-room/order'
+			})
+		},
+
+		// 预约茶室 - 完成
+		handleRoomDone: () => {
+			uni.switchTab({
+				url: '/pages/index/index'
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+</style>