feat(移动端): 添加移动端导航菜单并优化响应式设计

refactor(预约统计): 修改查询逻辑只计算有效预约
2025-12-12 03:39:01 +08:00
parent 9cd2b31648
commit c64651d6c7
9 changed files with 705 additions and 118 deletions
@@ -60,6 +60,7 @@ try {
    <meta name="keywords" content="公告,今日待办,预约列表,洗车管理">
    <title>张老师撸车（私家车库）工作室</title>
    <link rel="stylesheet" href="style.css">
+    <script src="mobile-nav.js" defer></script>
    <style>
        /* 公告页面特有样式 */
        .announcement-container {
@@ -297,6 +298,11 @@ try {
 <body>
    <div class="container">
        <header class="header">
+            <button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
+                <span></span>
+                <span></span>
+                <span></span>
+            </button>
            <h1>🚗 张老师撸车工作室 - 今日待办</h1>
            <nav class="nav">
                <a href="index.php" class="nav-link">预约洗车</a>
@@ -307,6 +313,17 @@ try {
                <a href="announcement.php" class="nav-link active">今日待办</a>
            </nav>
        </header>
+        
+        <!-- 移动端导航菜单 -->
+        <div class="mobile-nav-overlay" onclick="closeMobileMenu()"></div>
+        <nav class="mobile-nav">
+            <a href="index.php" class="nav-link">预约洗车</a>
+            <a href="bookings.php" class="nav-link">预约管理</a>
+            <a href="pending_bookings.php" class="nav-link">待处理预约</a>
+            <a href="packages.php" class="nav-link">套餐管理</a>
+            <a href="vip.php" class="nav-link">VIP管理</a>
+            <a href="announcement.php" class="nav-link active">今日待办</a>
+        </nav>

        <div class="announcement-container">
            <!-- 页面标题区 -->