fix(appointments): prioritize calendar and collapse data notices

src/modules/appointment-calendar/AppointmentCalendarPanel.vue

@@ -20,12 +20,13 @@ export interface CalendarEvent {
 }
 
 const props = withDefaults(defineProps<{
+  notices?: string[]
   events: CalendarEvent[]
   loading?: boolean
   incomplete?: boolean
   canCreate?: boolean
   initialDate?: string
-}>(), { loading: false, incomplete: false, canCreate: false, initialDate: '' })
+}>(), { notices: () => [], loading: false, incomplete: false, canCreate: false, initialDate: '' })
 const emit = defineEmits<{
   layers: [layers: { arrivals: boolean; trips: boolean }]
   range: [range: { from: string; to: string }]
@@ -83,6 +84,7 @@ defineExpose({ selectedDate, mode })
           <strong>预约日历</strong>
         </div>
         <div class="calendar-controls">
+          <details v-if="notices.length" class="calendar-data-notices"><summary>数据提示 · {{ notices.length }}</summary><div class="calendar-notice-content" role="status"><p v-for="notice in notices" :key="notice">{{ notice }}</p><slot name="notice-actions" /></div></details>
           <el-button v-if="canCreate" type="primary" :disabled="loading" @click="emit('create', selectedDate)">＋ 新增预约</el-button>
           <div class="view-toggle" role="group" aria-label="预约视图">
             <button type="button" :aria-pressed="mode === 'month'" @click="changeMode('month')">月</button>
@@ -134,6 +136,12 @@ defineExpose({ selectedDate, mode })
 </template>
 
 <style scoped>
+.calendar-data-notices { position: relative; font-size: var(--admin-font-caption); color: var(--el-text-color-secondary); }
+.calendar-data-notices summary { cursor: pointer; padding: var(--admin-space-2) var(--admin-space-3); }
+.calendar-notice-content { position: absolute; top: 100%; right: 0; z-index: 5; width: 320px; padding: var(--admin-space-5); border: 1px solid var(--admin-table-border); border-radius: var(--admin-radius); background: var(--admin-surface); box-shadow: var(--el-box-shadow-light); }
+.calendar-notice-content p { margin: 0; line-height: 1.6; }
+.calendar-notice-content p + p { margin-top: var(--admin-space-3); }
+
 .appointment-calendar { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--admin-space-5); color: #344054; }
 .calendar-main, .calendar-detail { background: #fff; border: 1px solid #e4e9f2; border-radius: 10px; overflow: hidden; }
 .calendar-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--admin-space-3); padding: var(--admin-space-5); border-bottom: 1px solid #edf0f6; }