需求描述:
1. 整體布局
采用典型的數據大屏布局,分為頭部標題區、中間核心數據區和底部詳細數據區,整體使用深色背景提升數據的可視性。
2. 頭部區域
左上角顯示系統Logo和標題智慧停車場數據分析平臺
右上角顯示實時時間和天氣信息
中間位置顯示停車場選擇下拉框
3. 核心數據區
頂部橫向排列4個核心指標卡片:
當前車位使用率
今日停車收入
當前在場車輛數
今日車流量
每個卡片包含數字、環比增長率和趨勢圖標
4. 圖表分析區
左側區域:
停車場實時占用率環形圖
車位使用率24小時趨勢折線圖中間區域:
3D停車場平面圖,顯示各區域車位狀態
實時車輛進出記錄滾動列表
右側區域:
收入構成餅圖
近7天收入趨勢柱狀圖
5. 底部數據區
分為三個等寬區域顯示:
異常事件告警列表
高峰時段統計表
車輛類型分布統計
6. 交互特性
所有圖表支持懸停查看詳細數據
核心指標卡片支持點擊展開查看歷史數據
3D停車場平面圖支持旋轉和縮放
支持自動數據刷新,右上角顯示刷新倒計時
7. 配色方案
主要使用深藍色系背景
數據圖表采用高對比度的亮色
告警信息使用紅色突出顯示
正常狀態用綠色表示,異常狀態用紅色表示
人才要求:
前端開發工程師