= {
+ '高峰人手不足': 'bg-red-100 text-red-700 border-red-300',
+ '低谷人员冗余': 'bg-orange-100 text-orange-700 border-orange-300',
+ '无在岗数据': 'bg-gray-100 text-gray-600 border-gray-300',
+ '配置合理': 'bg-green-100 text-green-700 border-green-300',
+ }
+
+ // 散点图数据：成本-风险
+ const costRiskScatter = costRiskRows.map((r: any) => ({
+ name: r.store_name,
+ x: Number(r.avg_daily_received || 0),
+ y: Number(r.over_cost_rate || 0),
+ risk: r.risk_level,
+ fill: r.risk_level === '红色' ? '#ef4444' : r.risk_level === '黄色' ? '#eab308' : '#22c55e',
+ }))
+
+ return (
+
+ {/* 成本-风险散点图 */}
+
+
+
+
+ `${(v / 10000).toFixed(0)}万`} tick={{ fontSize: 10 }} />
+
+
+ n === '超耗率' ? `${Number(v).toFixed(1)}%` : n === '日均实收' ? `¥${Number(v).toFixed(0)}` : v} />
+
+
+
+
+
+
+ {/* 成本-风险明细表 */}
+
+ navigate(`/stores/${r.store_code}`)}
+ columns={[
+ { key: 'store_name', label: '门店' },
+ { key: 'risk_level', label: '风险', align: 'center', render: (r) => r.risk_level ? : '-' },
+ { key: 'received', label: '实收', align: 'right', render: (r) => formatCurrency(r.received) },
+ { key: 'avg_margin', label: '毛利率', align: 'right', render: (r) => `${r.avg_margin}%` },
+ { key: 'over_cost_rate', label: '超耗率', align: 'right', render: (r) => `${r.over_cost_rate}%` },
+ { key: 'correlation_status', label: '关联状态', align: 'center', render: (r) => (
+
+ {r.correlation_status}
+
+ )},
+ ]}
+ />
+
+
+ {/* 渠道-会员关联 */}
+
+ navigate(`/stores/${r.store_code}`)}
+ columns={[
+ { key: 'store_name', label: '门店' },
+ { key: 'received', label: '实收', align: 'right', render: (r) => formatCurrency(r.received) },
+ { key: 'platform_share', label: '平台占比', align: 'right', render: (r) => `${r.platform_share}%` },
+ { key: 'member_share_pct', label: '会员占比', align: 'right', render: (r) => `${r.member_share_pct}%` },
+ { key: 'repeat_rate_pct', label: '复购率', align: 'right', render: (r) => `${r.repeat_rate_pct}%` },
+ { key: 'channel_status', label: '渠道状态', align: 'center', render: (r) => (
+
+ {r.channel_status}
+
+ )},
+ ]}
+ />
+
+
+ {/* 考勤-营收关联 */}
+
+ formatCurrency(r.received) },
+ { key: 'emp_count', label: '员工数', align: 'center' },
+ { key: 'avg_attend', label: '平均出勤', align: 'right', render: (r) => r.avg_attend },
+ { key: 'total_absent', label: '旷工天数', align: 'center' },
+ { key: 'low_attend_rate', label: '低出勤率', align: 'right', render: (r) => `${r.low_attend_rate}%` },
+ { key: 'revenue_per_emp', label: '人效', align: 'right', render: (r) => formatCurrency(r.revenue_per_emp) },
+ { key: 'hr_status', label: '状态', align: 'center', render: (r) => (
+
+ {r.hr_status}
+
+ )},
+ ]}
+ />
+
+
+ {/* 客流-人力匹配 */}
+
+ `${r.hour}:00` },
+ { key: 'bills', label: '账单数', align: 'right' },
+ { key: 'staff', label: '在岗人数', align: 'right' },
+ { key: 'bills_per_staff', label: '人均产出', align: 'right' },
+ { key: 'match_status', label: '匹配状态', align: 'center', render: (r) => (
+
+ {r.match_status}
+
+ )},
+ ]}
+ />
+
+
+ )
+}
+
+// ============ Tab 4: 趋势预测 ============
+
+function ForecastTab() {
+ const { data, isLoading } = useQuery({
+ queryKey: ['sa-forecast'],
+ queryFn: () => api.get('/situational-awareness/forecast'),
+ staleTime: 5 * 60 * 1000,
+ })
+
+ if (isLoading) return
+
+ const d = (data as any)?.data
+ const trafficRows = d?.traffic_forecast || []
+ const costTrendRows = d?.cost_trend || []
+ const turnoverRows = d?.turnover_alert || []
+
+ // 工作日/周末分开
+ const weekdayData = trafficRows.filter((r: any) => r.day_type === '工作日')
+ const weekendData = trafficRows.filter((r: any) => r.day_type === '周末')
+
+ const stabilityColor: Record = {
+ '波动大': 'bg-red-100 text-red-700 border-red-300',
+ '中等波动': 'bg-orange-100 text-orange-700 border-orange-300',
+ '稳定': 'bg-green-100 text-green-700 border-green-300',
+ }
+ const trendStatusColor: Record = {
+ '恶化': 'bg-red-100 text-red-700 border-red-300',
+ '关注': 'bg-orange-100 text-orange-700 border-orange-300',
+ '正常': 'bg-green-100 text-green-700 border-green-300',
+ '数据异常': 'bg-gray-100 text-gray-600 border-gray-300',
+ }
+
+ return (
+
+ {/* 客流预测图 */}
+
+
+
+
+ `${v}:00`} tick={{ fontSize: 10 }} />
+
+ `${v}:00`} />
+
+
+
+
+
+
+
+
+
+
+ `${v}:00`} tick={{ fontSize: 10 }} />
+
+ `${v}:00`} />
+
+
+
+
+
+
+
+
+ {/* 客流稳定性明细 */}
+
+ `${r.hour}:00` },
+ { key: 'avg_bills', label: '均值', align: 'right' },
+ { key: 'p50_bills', label: 'P50', align: 'right' },
+ { key: 'p85_bills', label: 'P85', align: 'right' },
+ { key: 'volatility', label: '波动率', align: 'right', render: (r) => r.volatility },
+ { key: 'stability', label: '稳定性', align: 'center', render: (r) => (
+
+ {r.stability}
+
+ )},
+ ]}
+ />
+
+
+ {/* 成本趋势 */}
+
+ formatCurrency(r.sales_amount) },
+ { key: 'theo_margin', label: '理论毛利率', align: 'right', render: (r) => `${r.theo_margin}%` },
+ { key: 'actual_margin', label: '实际毛利率', align: 'right', render: (r) => `${r.actual_margin}%` },
+ { key: 'variance', label: '差异金额', align: 'right', render: (r) => formatCurrency(r.variance) },
+ { key: 'trend_status', label: '趋势', align: 'center', render: (r) => (
+
+ {r.trend_status}
+
+ )},
+ ]}
+ />
+
+
+ {/* 人员流失预警 */}
+
+ (
+ 20 ? 'font-bold text-red-600' : Number(r.turnover_rate) > 10 ? 'text-orange-600' : ''}>
+ {r.turnover_rate}%
+
+ )},
+ ]}
+ />
+
+