chore: update mock data from April to June 2026, extend daily range to 9 days
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

Replace all prototype data across Overall/Efficiency/Users views with
June 2026 data (06/01-06/09), add fabricated entries for 06/01-06/07
alongside real 06/08-06/09 data, and make weekly trend fluctuate for
better demo visuals.
This commit is contained in:
kkfluous
2026-06-09 13:29:03 +08:00
parent f265db46ca
commit c5f422a464
5 changed files with 117 additions and 125 deletions

View File

@@ -4,57 +4,55 @@ import { StatCard } from '../ui/StatCard';
import { Users, Truck, Smartphone } from 'lucide-react';
const driverGrowth = [
{ date: '4/18', 活跃APP: 57, 绑定车辆: 114 },
{ date: '4/19', 活跃APP: 57, 绑定车辆: 114 },
{ date: '4/20', 活跃APP: 58, 绑定车辆: 114 },
{ date: '4/21', 活跃APP: 59, 绑定车辆: 117 },
{ date: '4/22', 活跃APP: 61, 绑定车辆: 121 },
{ date: '4/23', 活跃APP: 74, 绑定车辆: 128 },
{ date: '4/24', 活跃APP: 82, 绑定车辆: 135 },
{ date: '4/25', 活跃APP: 84, 绑定车辆: 139 },
{ date: '4/26', 活跃APP: 86, 绑定车辆: 139 },
{ date: '4/27', 活跃APP: 89, 绑定车辆: 140 },
{ date: '4/28', 活跃APP: 91, 绑定车辆: 141 },
{ date: '4/29', 活跃APP: 93, 绑定车辆: 142 },
{ date: '06/01', 活跃APP: 15, 绑定车辆: 2 },
{ date: '06/02', 活跃APP: 14, 绑定车辆: 2 },
{ date: '06/03', 活跃APP: 13, 绑定车辆: 1 },
{ date: '06/04', 活跃APP: 12, 绑定车辆: 2 },
{ date: '06/05', 活跃APP: 11, 绑定车辆: 1 },
{ date: '06/06', 活跃APP: 10, 绑定车辆: 1 },
{ date: '06/07', 活跃APP: 10, 绑定车辆: 1 },
{ date: '06/08', 活跃APP: 9, 绑定车辆: 1 },
{ date: '06/09', 活跃APP: 4, 绑定车辆: 0 },
];
const driverByStation = [
{ name: '如皋华神', value: 40 },
{ name: '嘉兴嘉燃', value: 32 },
{ name: '嘉兴嘉锦', value: 32 },
{ name: '桐乡绿能', value: 4 },
{ name: '花桥/嘉善等', value: 7 },
{ name: '嘉兴嘉锦', value: 10 },
{ name: '嘉兴嘉燃', value: 8 },
{ name: '嘉燃经开', value: 5 },
{ name: '如皋华神', value: 3 },
{ name: '桐乡绿能', value: 2 },
{ name: '花桥/嘉善等', value: 2 },
];
export function UsersView() {
return (
<div className="space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500">
<div className="grid grid-cols-1 md:grid-cols-4 gap-6">
<StatCard
title="累计入池APP用户总数"
value="93 人"
subValue="近期活跃司机达到45人"
icon={Smartphone}
<StatCard
title="累计入池APP用户总数"
value="32 人"
subValue="近期活跃司机达到16人"
icon={Smartphone}
highlight
/>
<StatCard
title="累计绑定车辆司机总数"
value="142 人"
<StatCard
title="累计绑定车辆司机总数"
value="19 人"
subValue="系统全量历史转化留存"
icon={Truck}
icon={Truck}
/>
<StatCard
title="总核验车辆绑定率"
value="95 %"
<StatCard
title="总核验车辆绑定率"
value="59 %"
subValue="公司自营与核心车队"
icon={Users}
trend={5}
icon={Users}
trend={-36}
/>
<StatCard
title="本周最佳外拓来源区"
value="长三角外围"
subValue="如皋及花桥累计贡献非标散户6个"
icon={Users}
<StatCard
title="近期最佳外拓来源区"
value="如皋/桐乡"
subValue="如皋及桐乡累计贡献外围散户活跃"
icon={Users}
/>
</div>
@@ -62,7 +60,7 @@ export function UsersView() {
<div className="bg-white rounded-xl border border-slate-100 p-6 shadow-sm">
<div className="mb-6">
<h3 className="text-lg font-bold text-slate-800">APP渗透与车辆绑定追踪</h3>
<p className="text-sm text-slate-500 mt-1"></p>
<p className="text-sm text-slate-500 mt-1"></p>
</div>
<div className="h-[300px]">
<ResponsiveContainer width="100%" height="100%">
@@ -82,7 +80,7 @@ export function UsersView() {
<div className="bg-white rounded-xl border border-slate-100 p-6 shadow-sm">
<div className="mb-6">
<h3 className="text-lg font-bold text-slate-800"></h3>
<p className="text-sm text-slate-500 mt-1"></p>
<p className="text-sm text-slate-500 mt-1"></p>
</div>
<div className="h-[300px]">
<ResponsiveContainer width="100%" height="100%">