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

refactor(预约统计): 修改查询逻辑只计算有效预约
2025-12-12 03:39:01 +08:00
parent 9cd2b31648
commit c64651d6c7
9 changed files with 705 additions and 118 deletions
@@ -193,10 +193,16 @@ try {
    <meta name="keywords" content="VIP管理,客户管理,会员管理">
    <title>张老师撸车（私家车库）工作室</title>
    <link rel="stylesheet" href="style.css">
+    <script src="mobile-nav.js" defer></script>
 </head>
 <body>
    <div class="container">
        <header class="header">
+            <button class="mobile-menu-toggle" onclick="toggleMobileMenu()" aria-label="菜单">
+                <span></span>
+                <span></span>
+                <span></span>
+            </button>
            <h1>🚗 张老师撸车工作室 - VIP管理</h1>
            <nav class="nav">
                <a href="index.php" class="nav-link">预约洗车</a>
@@ -207,6 +213,17 @@ try {
                <a href="announcement.php" class="nav-link">今日待办</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 active">VIP管理</a>
+            <a href="announcement.php" class="nav-link">今日待办</a>
+        </nav>

        <?php if (isset($success_message)): ?>
            <div class="success-message"><?php echo $success_message; ?></div>