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

refactor(预约统计): 修改查询逻辑只计算有效预约
2025-12-12 03:39:01 +08:00
parent 9cd2b31648
commit c64651d6c7
9 changed files with 705 additions and 118 deletions
@@ -271,6 +271,7 @@ $packages_json = json_encode(array_map(function($package) {
    <link rel="apple-touch-icon" href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE5MiIgdmlld0JveD0iMCAwIDE5MiAxOTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxOTIiIGhlaWdodD0iMTkyIiByeD0iMjQiIGZpbGw9IiMzMDk1RjQiLz4KPHN2ZyB4PSI0OCIgeT0iNDgiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0yMS4yIDQuNEMyMS42IDMuNiAyMi4xIDMuMSAyMi41IDIuN0MyMy40IDIuMSAyNC41IDIuMSAyNS4yIDIuN0MyNS44IDMuMSAyNi4zIDMuNiAyNi43IDQuNEMyNy4xIDUuMSAyNy4xIDYuMiAyNi43IDcuMUMyNi4zIDcuOCAyNS44IDguMyAyNS4yIDguN0MyNC43IDkuMSAyMy42IDkuMSAyMi45IDguN0MyMi4zIDguMyAyMS44IDcuOCAyMS40IDcuMUMyMS4wIDYuMiAyMS4wIDUuMSAyMS4yIDQuNFoiLz4KPHN2ZyB4PSIyMCIgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0yMSAyMy41QzIwLjUgMjMuNSAyMCAyMyAyMCAyMi41VjEyQzIwIDExLjUgMjAuNSAxMSAyMSAxMUg5QzguNSAxMSAxMi41IDEwLjUgMTIgMTBIMjBWMTBCMjAgMTAuNSAyMC41IDExIDIxIDExVjIzLjVaIi8+CjxwYXRoIGQ9Ik0xOCAyMFYxN0gxNFY4SDVWMTNIMTlWMTVIMTlWMjBaIi8+CjxwYXRoIGQ9Ik04IDEwSDVWN0g4VjEwWiIvPgo8L3N2Zz4KPC9zdmc+">
    <title>张老师撸车（私家车库）工作室</title>
    <link rel="stylesheet" href="style.css">
+    <script src="mobile-nav.js" defer></script>
    
    <style>
        /* VIP搜索结果样式 */
@@ -381,6 +382,11 @@ $packages_json = json_encode(array_map(function($package) {
 <body>
    <div class="container">
        <header class="header">
+            <button class="mobile-menu-toggle" onclick="toggleMobileMenu()" aria-label="菜单">
+                <span></span>
+                <span></span>
+                <span></span>
+            </button>
            <h1>🚗 张老师撸车工作室</h1>
            <nav class="nav">
                <a href="index.php" class="nav-link active">预约洗车</a>
@@ -391,6 +397,17 @@ $packages_json = json_encode(array_map(function($package) {
                <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 active">预约洗车</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">今日待办</a>
+        </nav>

        <?php if ($message): ?>
            <div class="message error-message" style="background-color: #fee; color: #c33; border-color: #fcc;">