需求描述:
1. 整体布局
采用典型的数据大屏布局,分为头部标题区、中间核心数据区和底部详细数据区,整体使用深色背景提升数据的可视性。
2. 头部区域
左上角显示系统Logo和标题智慧停车场数据分析平台
右上角显示实时时间和天气信息
中间位置显示停车场选择下拉框
3. 核心数据区
顶部横向排列4个核心指标卡片:
当前车位使用率
今日停车收入
当前在场车辆数
今日车流量
每个卡片包含数字、环比增长率和趋势图标
4. 图表分析区
左侧区域:
停车场实时占用率环形图
车位使用率24小时趋势折线图中间区域:
3D停车场平面图,显示各区域车位状态
实时车辆进出记录滚动列表
右侧区域:
收入构成饼图
近7天收入趋势柱状图
5. 底部数据区
分为三个等宽区域显示:
异常事件告警列表
高峰时段统计表
车辆类型分布统计
6. 交互特性
所有图表支持悬停查看详细数据
核心指标卡片支持点击展开查看历史数据
3D停车场平面图支持旋转和缩放
支持自动数据刷新,右上角显示刷新倒计时
7. 配色方案
主要使用深蓝色系背景
数据图表采用高对比度的亮色
告警信息使用红色突出显示
正常状态用绿色表示,异常状态用红色表示
人才要求:
前端开发工程师