fix: 修复统计报表移动端适屏问题
- Shell main 添加 min-w-0 overflow-x-hidden 防止 flex 子元素溢出 - trend API 排除当天数据 (stat_date < CURDATE()),只返回前7天 - StatisticsView 移除移动端 overflow-hidden,改为仅 landscape 模式 - 图表和列表卡片在移动端正确显示全宽内容 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -58,7 +58,7 @@ export function Shell({ modules }: { modules: ModuleConfig[] }) {
|
||||
</nav>
|
||||
|
||||
{/* 内容区 */}
|
||||
<main className="flex-1 md:ml-16 pb-16 md:pb-0">
|
||||
<main className="flex-1 md:ml-16 pb-16 md:pb-0 min-w-0 overflow-x-hidden">
|
||||
{ActiveComponent && <ActiveComponent />}
|
||||
</main>
|
||||
|
||||
|
||||
@@ -75,9 +75,9 @@ export default function StatisticsView() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col landscape:flex-row gap-4 flex-1 overflow-hidden">
|
||||
<div className="flex flex-col landscape:flex-row gap-4 flex-1 landscape:overflow-hidden">
|
||||
{/* Left Side: Trend Chart / Dashboard Sidebar */}
|
||||
<div className="flex-none landscape:flex-1 landscape:w-2/3 space-y-4 flex flex-col overflow-y-auto no-scrollbar">
|
||||
<div className="flex-none landscape:flex-1 landscape:w-2/3 space-y-4 flex flex-col overflow-y-auto no-scrollbar min-w-0">
|
||||
{/* KPI Cards in Landscape */}
|
||||
<div className="hidden landscape:grid grid-cols-4 gap-4 flex-shrink-0">
|
||||
<div className="bg-slate-900/50 border border-slate-800 p-4 rounded-2xl">
|
||||
@@ -180,7 +180,7 @@ export default function StatisticsView() {
|
||||
</div>
|
||||
|
||||
{/* Right Side: Summary Section */}
|
||||
<div className="w-full landscape:w-1/3 flex-shrink-0 space-y-2 flex flex-col overflow-hidden">
|
||||
<div className="w-full landscape:w-1/3 flex-shrink-0 space-y-2 flex flex-col landscape:overflow-hidden">
|
||||
<div className="flex items-center justify-between px-2 flex-shrink-0">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="w-1 h-4 bg-blue-600 rounded-full" />
|
||||
|
||||
@@ -202,7 +202,7 @@ app.get('/trend', async (c) => {
|
||||
let sql = `
|
||||
SELECT DATE_FORMAT(stat_date, '%m-%d') as date, SUM(daily_km) as mileage
|
||||
FROM v_vehicle_daily_stats
|
||||
WHERE stat_date >= DATE_SUB(CURDATE(), INTERVAL ? DAY)
|
||||
WHERE stat_date >= DATE_SUB(CURDATE(), INTERVAL ? DAY) AND stat_date < CURDATE()
|
||||
`;
|
||||
const params: any[] = [days];
|
||||
|
||||
|
||||
Reference in New Issue
Block a user