a620906209
975b56ca54
後端： - 新增 course_schedules / bookings migration（含索引） - BookingStatus / ScheduleStatus PHP BackedEnum - CourseSchedule / Booking Model（七狀態機 VALID_TRANSITIONS） - ScheduleController、ProviderBookingController、MemberBookingController - 雙層名額驗證（API 層快速失敗 + DB lockForUpdate 防超賣） - 24h 取消截止、pending 不佔位設計 - ExpirePendingBookings（每小時）/ CompleteFinishedBookings（每日）Scheduler - Docker cron 配置、CACHE_STORE 改為 file 修正 502 前端： - 課程詳情頁加入時段選擇與預約流程 - 我的預約頁（展開式卡片、狀態說明、連結課程詳情） - Coach 時段管理（上午/下午時間選擇器、新課程引導） - Coach 預約管理（依課程分組、待確認徽章） - Navbar 新增「我的預約」與「時段/預約管理」入口 - 密碼格式提示與即時比對 OpenSpec： - booking-system change 歸檔至 archive/2026-05-12-booking-system - 新增 specs/course-scheduling 與 specs/booking-lifecycle 主規格 Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
50 lines
1.6 KiB
Vue
50 lines
1.6 KiB
Vue
<script setup>
|
|
import { useAuthStore } from '../stores/auth'
|
|
import { useRouter } from 'vue-router'
|
|
|
|
const auth = useAuthStore()
|
|
const router = useRouter()
|
|
|
|
async function handleLogout() {
|
|
await auth.logout()
|
|
router.push('/login')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<nav class="bg-ocean-800 text-white shadow-md">
|
|
<div class="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between">
|
|
<RouterLink to="/" class="text-xl font-bold tracking-wide hover:text-ocean-100 transition">
|
|
🤿 CFDive
|
|
</RouterLink>
|
|
|
|
<div class="flex items-center gap-6 text-sm font-medium">
|
|
<RouterLink to="/courses" class="hover:text-ocean-100 transition">探索課程</RouterLink>
|
|
|
|
<template v-if="auth.isLoggedIn">
|
|
<span class="text-ocean-200 hidden sm:inline">
|
|
👤 {{ auth.user?.name }}
|
|
</span>
|
|
<RouterLink to="/my-bookings" class="hover:text-ocean-100 transition">我的預約</RouterLink>
|
|
<RouterLink to="/profile" class="hover:text-ocean-100 transition">個人資料</RouterLink>
|
|
<button
|
|
@click="handleLogout"
|
|
class="bg-ocean-600 hover:bg-ocean-500 px-4 py-1.5 rounded-full transition"
|
|
>
|
|
登出
|
|
</button>
|
|
</template>
|
|
<template v-else>
|
|
<RouterLink to="/login" class="hover:text-ocean-100 transition">登入</RouterLink>
|
|
<RouterLink
|
|
to="/register"
|
|
class="bg-ocean-600 hover:bg-ocean-500 px-4 py-1.5 rounded-full transition"
|
|
>
|
|
註冊
|
|
</RouterLink>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</template>
|