mtb_crm_asp/sales_stats.php

<?php
/**
 * 销售统计分析展示页面
 */
require_once 'conn.php';
require_once 'statistics_utils.php';
require_once 'statistics_sales.php';

// 检查登录状态
if (!isset($_SESSION['employee_id'])) {
    checkLogin();
}

// 获取日期范围参数
$date_params = getDateRangeParams();
$start_date = $date_params['start_date_sql'];
$end_date = $date_params['end_date_sql'];
$date_range = $date_params['date_range'];
$period = $date_params['period'];

// 页面头部
include('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="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>
    
    <!-- 销售概览 -->
    <div class="card mb-4">
        <div class="card-header">
            <i class="fas fa-chart-bar me-1"></i>
            销售概览
        </div>
        <div class="card-body">
            <?php
            $sales_overview = getSalesOverview($conn, $start_date, $end_date);
            renderSalesOverviewCards($sales_overview);
            ?>
        </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>
    
    <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;
        }
        .stat-value {
            font-size: 24px;
            font-weight: bold;
            color: #0d6efd;
            margin-top: 10px;
        }
    </style>
</div>

<script>
function toggleCustomDates() {
    const dateRange = document.getElementById('date_range').value;
    const customDates = document.querySelectorAll('.custom-date');
    
    if (dateRange === 'custom') {
        customDates.forEach(el => el.style.display = 'block');
    } else {
        customDates.forEach(el => el.style.display = 'none');
    }
}
</script>

<?php
// 页面底部
include('footer.php');
?>