更新

admin/src/views/consumer/doctor/paiban.vue

@@ -89,7 +89,7 @@
                 >
                   <div class="slot-time">{{ slot.time }}</div>
                   <div class="slot-status" :class="{ 'status-available': slot.available }">
-                    {{ slot.available ? '可约' : '已约' }}
+                    {{ slot.available ? '可约' : slot.hasAppointment ? '已约' : '空号' }}
                   </div>
                 </div>
               </div>
@@ -115,6 +115,7 @@ dayjs.extend(isoWeek)
 interface TimeSlot {
   time: string
   available: boolean
+  hasAppointment: boolean
   quota: number
 }
 
@@ -186,7 +187,7 @@ const filteredTimeSlots = computed(() => {
     const slotDateTime = dayjs(`${form.date} ${slot.time}`)
     const isPast = slotDateTime.isBefore(now) || slotDateTime.isSame(now, 'minute')
     
-    // 如果时间已过，标记为不可用
+    // 如果时间已过，标记为不可用；保留原始挂号状态以区分“已约”和“空号”
     if (isPast) {
       return {
         ...slot,
@@ -315,6 +316,7 @@ const loadTimeSlots = async (silent = false) => {
     timeSlots.value = (response?.slots || []).map((slot: any) => ({
       time: slot.time,
       available: slot.available,
+      hasAppointment: Boolean(slot.has_appointment ?? (slot.available === false)),
       quota: slot.available ? 1 : 0
     }))
   } catch (error) {