feat: 支持管理员消息推送

packages/app/src/components/SlotCard.vue

@@ -68,7 +68,7 @@
           <!-- OPEN + booked by me -->
           <template v-else-if="timeSlot.status === TimeSlotStatus.OPEN && timeSlot.isBookedByMe">
             <view class="action-badge badge-booked">
-              <text>已预约</text>
+              <text>{{ myBookingLabel }}</text>
             </view>
             <view class="cancel-link" @tap.stop="emit('cancel', timeSlot)">
               <text>取消</text>
@@ -96,7 +96,7 @@
 
 <script setup lang="ts">
 import type { TimeSlotWithBookingStatus } from '@mp-pilates/shared'
-import { TimeSlotStatus } from '@mp-pilates/shared'
+import { BookingStatus, TimeSlotStatus } from '@mp-pilates/shared'
 import { computed } from 'vue'
 import { isSlotPast } from '../utils/format'
 
@@ -120,6 +120,12 @@ const durationMin = computed(() => {
   return (eh * 60 + em) - (sh * 60 + sm)
 })
 
+const myBookingLabel = computed(() => (
+  props.timeSlot.myBookingStatus === BookingStatus.PENDING_CONFIRMATION
+    ? '已预约待确认'
+    : '已预约'
+))
+
 const capacityLabel = computed(() => {
   const { bookedCount, capacity, status } = props.timeSlot
   if (status === TimeSlotStatus.CLOSED) return '已关闭'