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
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:
@@ -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%">
|
||||
|
||||
Reference in New Issue
Block a user