fleat: add statistics

customers_stats.php

@@ -19,132 +19,112 @@ $date_range = $date_params['date_range'];
 $period = $date_params['period'];
 
 // 页面头部
-include('header.php');
+include('statistics_header.php');
 ?>
 
-<div class="container-fluid px-4">
-    <h1 class="mt-4">客户统计分析</h1>
-    <ol class="breadcrumb mb-4">
-        <li class="breadcrumb-item"><a href="index.php">控制台</a></li>
-        <li class="breadcrumb-item active">客户统计</li>
-    </ol>
+<div class="container">
+    <div class="page-header">
+        <h1 class="page-title">客户统计分析</h1>
+    </div>
     
     <!-- 日期筛选 -->
-    <div class="card mb-4">
-        <div class="card-header">
-            <i class="fas fa-filter me-1"></i>
-            日期范围筛选
-        </div>
-        <div class="card-body">
-            <form method="get" class="row g-3">
-                <div class="col-md-3">
-                    <label for="date_range" class="form-label">选择日期范围</label>
-                    <select class="form-select" id="date_range" name="date_range" onchange="toggleCustomDates()">
-                        <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
-                        <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
-                        <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
-                        <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
-                        <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
-                        <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
-                    </select>
-                </div>
-                <div class="col-md-3 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="start_date" class="form-label">开始日期</label>
-                    <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
-                </div>
-                <div class="col-md-3 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="end_date" class="form-label">结束日期</label>
-                    <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
-                </div>
-                <div class="col-md-2 d-flex align-items-end">
-                    <button type="submit" class="btn btn-primary">应用筛选</button>
-                </div>
-            </form>
-        </div>
+    <div class="filter-form">
+        <form method="get" class="filter-form-inline">
+            <div class="form-group">
+                <label for="date_range">选择日期范围</label>
+                <select class="form-control" id="date_range" name="date_range" onchange="toggleCustomDates()">
+                    <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
+                    <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
+                    <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
+                    <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
+                    <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
+                    <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
+                </select>
+            </div>
+            <div class="form-group custom-date-inputs" id="custom_start_date" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="start_date">开始日期</label>
+                <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
+            </div>
+            <div class="form-group custom-date-inputs" id="custom_end_date" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="end_date">结束日期</label>
+                <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
+            </div>
+            <div class="form-group">
+                <button type="submit" class="btn">应用筛选</button>
+            </div>
+        </form>
     </div>
     
-    <div class="row">
+    <div class="stats-grid">
         <!-- 客户类型分布 -->
-        <div class="col-lg-6 mb-4">
-            <div class="card">
-                <?php
-                $customer_type_result = getCustomerTypeDistribution($conn);
-                $type_labels = [];
-                $type_data = [];
-                
-                while ($row = $customer_type_result->fetch_assoc()) {
-                    $type_labels[] = $row['businessType'];
-                    $type_data[] = $row['customer_count'];
-                }
-                renderCustomerTypeChart($type_labels, $type_data);
-                ?>
-            </div>
+        <div class="stat-card">
+            <?php
+            $customer_type_result = getCustomerTypeDistribution($conn);
+            $type_labels = [];
+            $type_data = [];
+            
+            while ($row = $customer_type_result->fetch_assoc()) {
+                $type_labels[] = $row['businessType'];
+                $type_data[] = $row['customer_count'];
+            }
+            renderCustomerTypeChart($type_labels, $type_data);
+            ?>
         </div>
         
         <!-- 成交阶段分布 -->
-        <div class="col-lg-6 mb-4">
-            <div class="card">
-                <?php
-                $deal_stage_result = getDealStageDistribution($conn);
-                $stage_labels = [];
-                $stage_data = [];
-                
-                while ($row = $deal_stage_result->fetch_assoc()) {
-                    $stage_labels[] = $row['stage_name'];
-                    $stage_data[] = $row['customer_count'];
-                }
-                renderDealStageChart($stage_labels, $stage_data);
-                ?>
-            </div>
+        <div class="stat-card">
+            <?php
+            $deal_stage_result = getDealStageDistribution($conn);
+            $stage_labels = [];
+            $stage_data = [];
+            
+            while ($row = $deal_stage_result->fetch_assoc()) {
+                $stage_labels[] = $row['stage_name'];
+                $stage_data[] = $row['customer_count'];
+            }
+            renderDealStageChart($stage_labels, $stage_data);
+            ?>
         </div>
     </div>
     
-    <div class="row">
-        <!-- 客户增长趋势 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $growth_result = getCustomerGrowthTrend($conn);
-                $growth_labels = [];
-                $growth_data = [];
-                
-                while ($row = $growth_result->fetch_assoc()) {
-                    $growth_labels[] = $row['month'];
-                    $growth_data[] = $row['new_customers'];
-                }
-                renderCustomerGrowthChart($growth_labels, $growth_data);
-                ?>
-            </div>
-        </div>
+    <!-- 客户增长趋势 -->
+    <div class="chart-container">
+        <?php
+        $growth_result = getCustomerGrowthTrend($conn);
+        $growth_labels = [];
+        $growth_data = [];
+        
+        while ($row = $growth_result->fetch_assoc()) {
+            $growth_labels[] = $row['month'];
+            $growth_data[] = $row['new_customers'];
+        }
+        renderCustomerGrowthChart($growth_labels, $growth_data);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 新老客户分析 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $new_vs_returning = getNewVsReturningCustomerOrders($conn, $start_date, $end_date);
-                renderNewVsReturningCustomersChart($new_vs_returning);
-                ?>
-            </div>
-        </div>
+    <!-- 新老客户分析 -->
+    <div class="chart-container">
+        <?php
+        $new_vs_returning = getNewVsReturningCustomerOrders($conn, $start_date, $end_date);
+        renderNewVsReturningCustomersChart($new_vs_returning);
+        ?>
     </div>
 </div>
 
 <script>
 function toggleCustomDates() {
     const dateRange = document.getElementById('date_range').value;
-    const customDates = document.querySelectorAll('.custom-date');
+    const customDateInputs = document.querySelectorAll('.custom-date-inputs');
     
     if (dateRange === 'custom') {
-        customDates.forEach(el => el.style.display = 'block');
+        customDateInputs.forEach(el => el.style.display = 'inline-block');
     } else {
-        customDates.forEach(el => el.style.display = 'none');
+        customDateInputs.forEach(el => el.style.display = 'none');
     }
 }
 </script>
 
 <?php
 // 页面底部
-include('footer.php');
+include('statistics_footer.php');
 ?> 

panel.php

@@ -66,10 +66,10 @@ $stmt->close();
             <dt class="subnav">统计分析
                 <div class="list-wraper">
                     <a href="statistics.php" target="contentFrame">汇总统计</a>
-                    <a href="statistics_sales.php" target="contentFrame">销售概览</a>
-                    <a href="statistics_region.php" target="contentFrame">地区分析</a>
-                    <a href="statistics_customers.php" target="contentFrame">客户分析</a>
-                    <a href="statistics_products.php" target="contentFrame">产品分析</a>
+                    <a href="customers_stats.php" target="contentFrame">客户统计分析</a>
+                    <a href="products_stats.php" target="contentFrame">产品统计分析</a>
+                    <a href="region_stats.php" target="contentFrame">地区统计分析</a>
+                    <a href="sales_stats.php" target="contentFrame">销售统计分析</a>
 
 
 

products_stats.php

@@ -22,141 +22,117 @@ $period = $date_params['period'];
 $product_id = isset($_GET['product_id']) ? intval($_GET['product_id']) : 0;
 
 // 页面头部
-include('header.php');
+include('statistics_header.php');
 ?>
 
-<div class="container-fluid px-4">
-    <h1 class="mt-4">产品统计分析</h1>
-    <ol class="breadcrumb mb-4">
-        <li class="breadcrumb-item"><a href="index.php">控制台</a></li>
-        <li class="breadcrumb-item active">产品统计</li>
-    </ol>
+<div class="container">
+    <div class="page-header">
+        <h1 class="page-title">产品统计分析</h1>
+    </div>
     
     <!-- 日期筛选 -->
-    <div class="card mb-4">
-        <div class="card-header">
-            <i class="fas fa-filter me-1"></i>
-            日期范围筛选
-        </div>
-        <div class="card-body">
-            <form method="get" class="row g-3">
-                <div class="col-md-3">
-                    <label for="date_range" class="form-label">选择日期范围</label>
-                    <select class="form-select" id="date_range" name="date_range" onchange="toggleCustomDates()">
-                        <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
-                        <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
-                        <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
-                        <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
-                        <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
-                        <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
-                    </select>
-                </div>
-                <div class="col-md-2 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="start_date" class="form-label">开始日期</label>
-                    <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
-                </div>
-                <div class="col-md-2 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="end_date" class="form-label">结束日期</label>
-                    <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
-                </div>
-                <div class="col-md-3">
-                    <label for="period" class="form-label">时间粒度</label>
-                    <select class="form-select" id="period" name="period">
-                        <option value="day" <?php echo $period == 'day' ? 'selected' : ''; ?>>日</option>
-                        <option value="week" <?php echo $period == 'week' ? 'selected' : ''; ?>>周</option>
-                        <option value="month" <?php echo $period == 'month' ? 'selected' : ''; ?>>月</option>
-                    </select>
-                </div>
-                <div class="col-md-2 d-flex align-items-end">
-                    <button type="submit" class="btn btn-primary">应用筛选</button>
-                </div>
-            </form>
-        </div>
+    <div class="filter-form">
+        <form method="get" class="filter-form-inline">
+            <div class="form-group">
+                <label for="date_range">选择日期范围</label>
+                <select class="form-control" id="date_range" name="date_range" onchange="toggleCustomDates()">
+                    <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
+                    <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
+                    <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
+                    <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
+                    <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
+                    <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
+                </select>
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="start_date">开始日期</label>
+                <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="end_date">结束日期</label>
+                <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
+            </div>
+            <div class="form-group">
+                <label for="period">时间粒度</label>
+                <select class="form-control" id="period" name="period">
+                    <option value="day" <?php echo $period == 'day' ? 'selected' : ''; ?>>日</option>
+                    <option value="week" <?php echo $period == 'week' ? 'selected' : ''; ?>>周</option>
+                    <option value="month" <?php echo $period == 'month' ? 'selected' : ''; ?>>月</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <button type="submit" class="btn">应用筛选</button>
+            </div>
+        </form>
     </div>
     
-    <div class="row">
-        <!-- 热门产品 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $top_products = getTopProducts($conn, $start_date, $end_date, 10);
-                renderTopProductsTable($top_products);
-                ?>
-            </div>
-        </div>
+    <!-- 热门产品 -->
+    <div class="chart-container">
+        <?php
+        $top_products = getTopProducts($conn, $start_date, $end_date, 10);
+        renderTopProductsTable($top_products);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 产品销售趋势 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $product_trends = getProductSalesTrend($conn, $start_date, $end_date, $product_id, $period);
-                
-                $time_labels = [];
-                $quantities = [];
-                $revenues = [];
-                
-                while ($row = $product_trends->fetch_assoc()) {
-                    $time_labels[] = $row['time_period'];
-                    $quantities[] = $row['total_quantity'];
-                    $revenues[] = $row['total_revenue'];
-                }
-                renderProductSalesTrendChart($time_labels, $quantities, $revenues);
-                ?>
-            </div>
-        </div>
+    <!-- 产品销售趋势 -->
+    <div class="chart-container">
+        <?php
+        $product_trends = getProductSalesTrend($conn, $start_date, $end_date, $product_id, $period);
+        
+        $time_labels = [];
+        $quantities = [];
+        $revenues = [];
+        
+        while ($row = $product_trends->fetch_assoc()) {
+            $time_labels[] = $row['time_period'];
+            $quantities[] = $row['total_quantity'];
+            $revenues[] = $row['total_revenue'];
+        }
+        renderProductSalesTrendChart($time_labels, $quantities, $revenues);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 产品类别销售分布 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $category_sales = getProductCategorySales($conn, $start_date, $end_date);
-                
-                $categories = [];
-                $category_quantities = [];
-                $category_revenues = [];
-                
-                while ($row = $category_sales->fetch_assoc()) {
-                    $categories[] = $row['category_name'];
-                    $category_quantities[] = $row['total_quantity'];
-                    $category_revenues[] = $row['total_revenue'];
-                }
-                renderProductCategorySalesChart($categories, $category_quantities, $category_revenues);
-                ?>
-            </div>
-        </div>
+    <!-- 产品类别销售分布 -->
+    <div class="chart-container">
+        <?php
+        $category_sales = getProductCategorySales($conn, $start_date, $end_date);
+        
+        $categories = [];
+        $category_quantities = [];
+        $category_revenues = [];
+        
+        while ($row = $category_sales->fetch_assoc()) {
+            $categories[] = $row['category_name'];
+            $category_quantities[] = $row['total_quantity'];
+            $category_revenues[] = $row['total_revenue'];
+        }
+        renderProductCategorySalesChart($categories, $category_quantities, $category_revenues);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 产品地区关联分析 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $product_region_data = getProductRegionAnalysis($conn, $start_date, $end_date);
-                renderProductRegionAnalysisTable($product_region_data);
-                ?>
-            </div>
-        </div>
+    <!-- 产品地区关联分析 -->
+    <div class="chart-container">
+        <?php
+        $product_region_data = getProductRegionAnalysis($conn, $start_date, $end_date);
+        renderProductRegionAnalysisTable($product_region_data);
+        ?>
     </div>
 </div>
 
 <script>
 function toggleCustomDates() {
     const dateRange = document.getElementById('date_range').value;
-    const customDates = document.querySelectorAll('.custom-date');
+    const customDateInputs = document.querySelectorAll('.custom-date-inputs');
     
     if (dateRange === 'custom') {
-        customDates.forEach(el => el.style.display = 'block');
+        customDateInputs.forEach(el => el.style.display = 'inline-block');
     } else {
-        customDates.forEach(el => el.style.display = 'none');
+        customDateInputs.forEach(el => el.style.display = 'none');
     }
 }
 </script>
 
 <?php
 // 页面底部
-include('footer.php');
+include('statistics_footer.php');
 ?> 

region_stats.php

@@ -18,100 +18,80 @@ $end_date = $date_params['end_date_sql'];
 $date_range = $date_params['date_range'];
 
 // 页面头部
-include('header.php');
+include('statistics_header.php');
 ?>
 
-<div class="container-fluid px-4">
-    <h1 class="mt-4">地区统计分析</h1>
-    <ol class="breadcrumb mb-4">
-        <li class="breadcrumb-item"><a href="index.php">控制台</a></li>
-        <li class="breadcrumb-item active">地区统计</li>
-    </ol>
+<div class="container">
+    <div class="page-header">
+        <h1 class="page-title">地区统计分析</h1>
+    </div>
     
     <!-- 日期筛选 -->
-    <div class="card mb-4">
-        <div class="card-header">
-            <i class="fas fa-filter me-1"></i>
-            日期范围筛选
-        </div>
-        <div class="card-body">
-            <form method="get" class="row g-3">
-                <div class="col-md-3">
-                    <label for="date_range" class="form-label">选择日期范围</label>
-                    <select class="form-select" id="date_range" name="date_range" onchange="toggleCustomDates()">
-                        <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
-                        <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
-                        <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
-                        <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
-                        <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
-                        <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
-                    </select>
-                </div>
-                <div class="col-md-3 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="start_date" class="form-label">开始日期</label>
-                    <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
-                </div>
-                <div class="col-md-3 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="end_date" class="form-label">结束日期</label>
-                    <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
-                </div>
-                <div class="col-md-2 d-flex align-items-end">
-                    <button type="submit" class="btn btn-primary">应用筛选</button>
-                </div>
-            </form>
-        </div>
+    <div class="filter-form">
+        <form method="get" class="filter-form-inline">
+            <div class="form-group">
+                <label for="date_range">选择日期范围</label>
+                <select class="form-control" id="date_range" name="date_range" onchange="toggleCustomDates()">
+                    <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
+                    <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
+                    <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
+                    <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
+                    <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
+                    <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
+                </select>
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="start_date">开始日期</label>
+                <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="end_date">结束日期</label>
+                <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
+            </div>
+            <div class="form-group">
+                <button type="submit" class="btn">应用筛选</button>
+            </div>
+        </form>
     </div>
     
-    <div class="row">
-        <!-- 客户国家分布 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $country_distribution = getCustomerCountryDistribution($conn);
-                $country_labels = [];
-                $country_data = [];
-                
-                while ($row = $country_distribution->fetch_assoc()) {
-                    $country_labels[] = $row['countryName'];
-                    $country_data[] = $row['customer_count'];
-                }
-                renderCustomerCountryDistributionChart($country_labels, $country_data);
-                ?>
-            </div>
-        </div>
+    <!-- 客户国家分布 -->
+    <div class="chart-container">
+        <?php
+        $country_distribution = getCustomerCountryDistribution($conn);
+        $country_labels = [];
+        $country_data = [];
+        
+        while ($row = $country_distribution->fetch_assoc()) {
+            $country_labels[] = $row['countryName'];
+            $country_data[] = $row['customer_count'];
+        }
+        renderCustomerCountryDistributionChart($country_labels, $country_data);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 地区订单分析 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $region_orders = getOrdersByRegion($conn, $start_date, $end_date);
-                $region_labels = [];
-                $region_order_counts = [];
-                $region_quantities = [];
-                
-                while ($row = $region_orders->fetch_assoc()) {
-                    $region_labels[] = $row['countryName'];
-                    $region_order_counts[] = $row['order_count'];
-                    $region_quantities[] = $row['total_quantity'];
-                }
-                renderRegionOrdersChart($region_labels, $region_order_counts, $region_quantities);
-                ?>
-            </div>
-        </div>
+    <!-- 地区订单分析 -->
+    <div class="chart-container">
+        <?php
+        $region_orders = getOrdersByRegion($conn, $start_date, $end_date);
+        $region_labels = [];
+        $region_order_counts = [];
+        $region_quantities = [];
+        
+        while ($row = $region_orders->fetch_assoc()) {
+            $region_labels[] = $row['countryName'];
+            $region_order_counts[] = $row['order_count'];
+            $region_quantities[] = $row['total_quantity'];
+        }
+        renderRegionOrdersChart($region_labels, $region_order_counts, $region_quantities);
+        ?>
     </div>
     
-    <div class="row">
-        <!-- 地区销售同比分析 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $comparison_data = getRegionSalesComparison($conn, $start_date, $end_date);
-                renderRegionSalesComparisonTable($comparison_data);
-                ?>
-            </div>
-        </div>
+    <!-- 地区销售同比分析 -->
+    <div class="chart-container">
+        <?php
+        $comparison_data = getRegionSalesComparison($conn, $start_date, $end_date);
+        renderRegionSalesComparisonTable($comparison_data);
+        ?>
     </div>
 </div>
 
@@ -129,17 +109,17 @@ include('header.php');
 <script>
 function toggleCustomDates() {
     const dateRange = document.getElementById('date_range').value;
-    const customDates = document.querySelectorAll('.custom-date');
+    const customDateInputs = document.querySelectorAll('.custom-date-inputs');
     
     if (dateRange === 'custom') {
-        customDates.forEach(el => el.style.display = 'block');
+        customDateInputs.forEach(el => el.style.display = 'inline-block');
     } else {
-        customDates.forEach(el => el.style.display = 'none');
+        customDateInputs.forEach(el => el.style.display = 'none');
     }
 }
 </script>
 
 <?php
 // 页面底部
-include('footer.php');
+include('statistics_footer.php');
 ?> 

sales_stats.php

@@ -19,63 +19,54 @@ $date_range = $date_params['date_range'];
 $period = $date_params['period'];
 
 // 页面头部
-include('header.php');
+include('statistics_header.php');
 ?>
 
-<div class="container-fluid px-4">
-    <h1 class="mt-4">销售统计分析</h1>
-    <ol class="breadcrumb mb-4">
-        <li class="breadcrumb-item"><a href="index.php">控制台</a></li>
-        <li class="breadcrumb-item active">销售统计</li>
-    </ol>
+<div class="container">
+    <div class="page-header">
+        <h1 class="page-title">销售统计分析</h1>
+    </div>
     
     <!-- 日期筛选 -->
-    <div class="card mb-4">
-        <div class="card-header">
-            <i class="fas fa-filter me-1"></i>
-            日期范围筛选
-        </div>
-        <div class="card-body">
-            <form method="get" class="row g-3">
-                <div class="col-md-3">
-                    <label for="date_range" class="form-label">选择日期范围</label>
-                    <select class="form-select" id="date_range" name="date_range" onchange="toggleCustomDates()">
-                        <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
-                        <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
-                        <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
-                        <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
-                        <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
-                        <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
-                    </select>
-                </div>
-                <div class="col-md-2 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="start_date" class="form-label">开始日期</label>
-                    <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
-                </div>
-                <div class="col-md-2 custom-date" style="display: <?php echo $date_range == 'custom' ? 'block' : 'none'; ?>">
-                    <label for="end_date" class="form-label">结束日期</label>
-                    <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
-                </div>
-                <div class="col-md-3">
-                    <label for="period" class="form-label">时间粒度</label>
-                    <select class="form-select" id="period" name="period">
-                        <option value="day" <?php echo $period == 'day' ? 'selected' : ''; ?>>日</option>
-                        <option value="week" <?php echo $period == 'week' ? 'selected' : ''; ?>>周</option>
-                        <option value="month" <?php echo $period == 'month' ? 'selected' : ''; ?>>月</option>
-                    </select>
-                </div>
-                <div class="col-md-2 d-flex align-items-end">
-                    <button type="submit" class="btn btn-primary">应用筛选</button>
-                </div>
-            </form>
-        </div>
+    <div class="filter-form">
+        <form method="get" class="filter-form-inline">
+            <div class="form-group">
+                <label for="date_range">选择日期范围</label>
+                <select class="form-control" id="date_range" name="date_range" onchange="toggleCustomDates()">
+                    <option value="current_month" <?php echo $date_range == 'current_month' ? 'selected' : ''; ?>>本月</option>
+                    <option value="last_month" <?php echo $date_range == 'last_month' ? 'selected' : ''; ?>>上月</option>
+                    <option value="current_year" <?php echo $date_range == 'current_year' ? 'selected' : ''; ?>>今年</option>
+                    <option value="last_30_days" <?php echo $date_range == 'last_30_days' ? 'selected' : ''; ?>>最近30天</option>
+                    <option value="last_90_days" <?php echo $date_range == 'last_90_days' ? 'selected' : ''; ?>>最近90天</option>
+                    <option value="custom" <?php echo $date_range == 'custom' ? 'selected' : ''; ?>>自定义日期范围</option>
+                </select>
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="start_date">开始日期</label>
+                <input type="date" class="form-control" id="start_date" name="start_date" value="<?php echo $date_params['custom_start']; ?>">
+            </div>
+            <div class="form-group custom-date-inputs" style="display: <?php echo $date_range == 'custom' ? 'inline-block' : 'none'; ?>">
+                <label for="end_date">结束日期</label>
+                <input type="date" class="form-control" id="end_date" name="end_date" value="<?php echo $date_params['custom_end']; ?>">
+            </div>
+            <div class="form-group">
+                <label for="period">时间粒度</label>
+                <select class="form-control" id="period" name="period">
+                    <option value="day" <?php echo $period == 'day' ? 'selected' : ''; ?>>日</option>
+                    <option value="week" <?php echo $period == 'week' ? 'selected' : ''; ?>>周</option>
+                    <option value="month" <?php echo $period == 'month' ? 'selected' : ''; ?>>月</option>
+                </select>
+            </div>
+            <div class="form-group">
+                <button type="submit" class="btn">应用筛选</button>
+            </div>
+        </form>
     </div>
     
     <!-- 销售概览 -->
-    <div class="card mb-4">
-        <div class="card-header">
-            <i class="fas fa-chart-bar me-1"></i>
-            销售概览
+    <div class="chart-container">
+        <div class="chart-header">
+            <h2 class="chart-title">销售概览</h2>
         </div>
         <div class="card-body">
             <?php
@@ -85,93 +76,58 @@ include('header.php');
         </div>
     </div>
     
-    <div class="row">
-        <!-- 月度销售趋势 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $monthly_sales = getMonthlySalesTrend($conn, $start_date, $end_date);
-                
-                $monthly_labels = [];
-                $monthly_orders = [];
-                $monthly_revenue = [];
-                
-                while ($row = $monthly_sales->fetch_assoc()) {
-                    $monthly_labels[] = $row['month'];
-                    $monthly_orders[] = $row['orders'];
-                    $monthly_revenue[] = $row['revenue'];
-                }
-                
-                renderMonthlySalesTrendChart($monthly_labels, $monthly_orders, $monthly_revenue);
-                ?>
-            </div>
-        </div>
-    </div>
-    
-    <div class="row">
-        <!-- 详细订单趋势 -->
-        <div class="col-lg-12 mb-4">
-            <div class="card">
-                <?php
-                $detailed_trends = getDetailedOrderTrend($conn, $start_date, $end_date, $period);
-                
-                $time_labels = [];
-                $time_orders = [];
-                $time_quantities = [];
-                
-                while ($row = $detailed_trends->fetch_assoc()) {
-                    $time_labels[] = $row['time_period'];
-                    $time_orders[] = $row['order_count'];
-                    $time_quantities[] = $row['total_quantity'];
-                }
-                renderDetailedOrderTrendChart($time_labels, $time_orders, $time_quantities, $period);
-                ?>
-            </div>
-        </div>
+    <!-- 月度销售趋势 -->
+    <div class="chart-container">
+        <?php
+        $monthly_sales = getMonthlySalesTrend($conn, $start_date, $end_date);
+        
+        $monthly_labels = [];
+        $monthly_orders = [];
+        $monthly_revenue = [];
+        
+        while ($row = $monthly_sales->fetch_assoc()) {
+            $monthly_labels[] = $row['month'];
+            $monthly_orders[] = $row['orders'];
+            $monthly_revenue[] = $row['revenue'];
+        }
+        
+        renderMonthlySalesTrendChart($monthly_labels, $monthly_orders, $monthly_revenue);
+        ?>
     </div>
     
-    <style>
-        .stats-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-            gap: 20px;
-            margin-bottom: 20px;
-        }
-        .stat-card {
-            background-color: #f8f9fa;
-            border-radius: 8px;
-            padding: 20px;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            text-align: center;
-        }
-        .stat-card h3 {
-            margin-top: 0;
-            color: #495057;
-            font-size: 16px;
+    <!-- 详细订单趋势 -->
+    <div class="chart-container">
+        <?php
+        $detailed_trends = getDetailedOrderTrend($conn, $start_date, $end_date, $period);
+        
+        $time_labels = [];
+        $time_orders = [];
+        $time_quantities = [];
+        
+        while ($row = $detailed_trends->fetch_assoc()) {
+            $time_labels[] = $row['time_period'];
+            $time_orders[] = $row['order_count'];
+            $time_quantities[] = $row['total_quantity'];
         }
-        .stat-value {
-            font-size: 24px;
-            font-weight: bold;
-            color: #0d6efd;
-            margin-top: 10px;
-        }
-    </style>
+        renderDetailedOrderTrendChart($time_labels, $time_orders, $time_quantities, $period);
+        ?>
+    </div>
 </div>
 
 <script>
 function toggleCustomDates() {
     const dateRange = document.getElementById('date_range').value;
-    const customDates = document.querySelectorAll('.custom-date');
+    const customDateInputs = document.querySelectorAll('.custom-date-inputs');
     
     if (dateRange === 'custom') {
-        customDates.forEach(el => el.style.display = 'block');
+        customDateInputs.forEach(el => el.style.display = 'inline-block');
     } else {
-        customDates.forEach(el => el.style.display = 'none');
+        customDateInputs.forEach(el => el.style.display = 'none');
     }
 }
 </script>
 
 <?php
 // 页面底部
-include('footer.php');
+include('statistics_footer.php');
 ?> 

statistics_customers.php

@@ -83,7 +83,7 @@ function getNewVsReturningCustomerOrders($conn, $start_date, $end_date) {
                 COUNT(o.id) as order_count,
                 SUM(o.total_amount) as total_amount,
                 MIN(o.order_date) as first_order_date,
-                c.cs_addtime as customer_addtime
+                MAX(c.cs_addtime) as customer_addtime
             FROM orders o
             JOIN customer c ON o.customer_id = c.id
             WHERE o.order_date BETWEEN ? AND ?
@@ -292,11 +292,11 @@ function renderNewVsReturningCustomersChart($new_vs_returning) {
         <div class="chart-header">
             <h2 class="chart-title">新老客户分析</h2>
         </div>
-        <div class="row">
-            <div class="col-md-6">
+        <div class="chart-row">
+            <div class="chart-column">
                 <canvas id="newVsReturningCustomersChart"></canvas>
             </div>
-            <div class="col-md-6">
+            <div class="chart-column">
                 <canvas id="newVsReturningAmountChart"></canvas>
             </div>
         </div>
@@ -402,11 +402,11 @@ function renderNewVsReturningCustomersChart($new_vs_returning) {
         });
     </script>
     <style>
-        .row {
+        .chart-row {
             display: flex;
             flex-wrap: wrap;
         }
-        .col-md-6 {
+        .chart-column {
             flex: 0 0 50%;
             max-width: 50%;
         }

statistics_footer.php

@@ -0,0 +1,3 @@
+</div>
+</body>
+</html>

statistics_header.php

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>统计分析</title>
+    <link rel="stylesheet" href="css/common.css" type="text/css" />
+    <script src="system/js/jquery-1.7.2.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <style>
+        body {
+            margin: 0;
+            padding: 20px;
+            background: #fff;
+            font-family: Arial, sans-serif;
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .page-header {
+            margin-bottom: 20px;
+            border-bottom: 1px solid #eee;
+            padding-bottom: 10px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .page-title {
+            font-size: 24px;
+            font-weight: bold;
+            color: #333;
+            margin: 0;
+        }
+
+        .export-btn {
+            padding: 8px 15px;
+            background: #4CAF50;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .export-btn:hover {
+            background: #45a049;
+        }
+
+        .filter-form {
+            background: #f9f9f9;
+            padding: 15px;
+            border-radius: 5px;
+            margin-bottom: 20px;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            align-items: center;
+        }
+        
+        .filter-form-inline {
+            display: flex;
+            flex-wrap: nowrap;
+            align-items: flex-end;
+            gap: 15px;
+            width: 100%;
+        }
+        
+        .filter-form-inline .form-group {
+            margin-right: 0;
+            flex: 0 0 auto;
+        }
+
+        .form-group {
+            margin-right: 15px;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 5px;
+            font-weight: bold;
+        }
+
+        .form-control {
+            padding: 8px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            min-width: 150px;
+        }
+
+        .btn {
+            padding: 8px 15px;
+            background: #337ab7;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+
+        .btn:hover {
+            background: #286090;
+        }
+
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
+            gap: 20px;
+            margin-bottom: 20px;
+        }
+
+        .stat-card {
+            background: white;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            padding: 20px;
+        }
+
+        .stat-card h3 {
+            margin-top: 0;
+            color: #555;
+            font-size: 16px;
+            border-bottom: 1px solid #eee;
+            padding-bottom: 10px;
+        }
+
+        .stat-value {
+            font-size: 24px;
+            font-weight: bold;
+            color: #333;
+            margin: 15px 0;
+        }
+
+        .chart-container {
+            margin-bottom: 30px;
+            background: white;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            padding: 20px;
+        }
+
+        .chart-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+
+        .chart-title {
+            font-size: 18px;
+            font-weight: bold;
+            color: #333;
+            margin: 0;
+        }
+        
+        .chart-row {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        
+        .chart-column {
+            flex: 0 0 50%;
+            max-width: 50%;
+            padding: 0 10px;
+        }
+
+        .data-table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        .data-table th, .data-table td {
+            padding: 10px;
+            text-align: left;
+            border-bottom: 1px solid #eee;
+        }
+
+        .data-table th {
+            background: #f5f5f5;
+            font-weight: bold;
+        }
+
+        .data-table tr:hover {
+            background: #f9f9f9;
+        }
+
+        .custom-date-inputs {
+            display: none;
+        }
+
+        #date_range[value="custom"]:checked ~ .custom-date-inputs {
+            display: block;
+        }
+
+        .download-btn {
+            padding: 5px 10px;
+            background: #4CAF50;
+            color: white;
+            border: none;
+            border-radius: 3px;
+            font-size: 14px;
+            cursor: pointer;
+        }
+
+        .download-btn:hover {
+            background: #45a049;
+        }
+    </style>
+</head>
+<body>
+<div class="container">