<script setup lang='ts'>
import BookingTime from './components/BookingTime.vue'

const bookedList = ref([] as any)

// 立即预约-时段选择
const showBookingTime = ref(false)
</script>

<template>
  <div class='booked-box'>
    <div>我的预约</div>
    <div v-if="bookedList.length == 0">暂无预约</div>
    <div v-else>
      <!-- <div class="booking-card" v-for="(item, index) in bookedList" :key="index" >
        <div>{{ item. }}</div>
      </div> -->
    </div>
    <div class="booking-btn" @click="showBookingTime = true">发起预约</div>
    <BookingTime v-show="showBookingTime" />
  </div>
</template>

<style lang='less' scoped></style>