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

refactor(预约统计): 修改查询逻辑只计算有效预约
2025-12-12 03:39:01 +08:00
parent 9cd2b31648
commit c64651d6c7
9 changed files with 705 additions and 118 deletions
@@ -84,6 +84,7 @@ try {
    <title>张老师撸车（私家车库）工作室</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="mobile-nav.js" defer></script>
    
    <!-- Favicon for mobile devices -->
    <link rel="apple-touch-icon" sizes="180x180" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚗</text></svg>">
@@ -91,6 +92,11 @@ try {
 <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">预约洗车</a>
@@ -101,6 +107,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 active">预约管理</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 (isset($success_message)): ?>
            <div class="success-message"><?php echo $success_message; ?></div>