feat(UI): 优化多个页面的UI设计和交互体验

refactor(ProtectedRoute): 调整加载状态布局和样式
feat(DeviceFieldManagement): 添加设计令牌和样式优化
feat(App): 重构侧边栏和顶部导航栏样式
feat(ConsumableStatistics): 重新设计统计卡片和表格样式
style: 统一多个组件的设计语言和配色方案

.trae/documents/plan_20260120_031540.md

@@ -0,0 +1,33 @@
+## 仪表盘获取统计数据失败修复方案
+
+### 问题分析
+从代码分析，仪表盘 `fetchStats` 函数中存在以下潜在问题：
+1. 使用了不存在的 API 端点：`/api/devices/count`
+2. 没有处理 API 响应格式不一致的情况
+3. 缺少详细的错误日志，难以定位具体失败原因
+
+### 修复方案
+修改 `Dashboard.jsx` 中的 `fetchStats` 函数，使用与其他页面一致的 API 调用方式：
+
+1. **替换不存在的 API 端点**：使用 `/api/devices?status=fault` 代替 `/api/devices/count`
+2. **统一 API 调用模式**：与其他页面保持一致的 API 调用和数据解析方式
+3. **增强错误处理**：添加详细的错误信息和日志
+4. **添加请求超时处理**：防止请求长时间阻塞
+5. **优化并发请求**：使用 Promise.all 优化多个 API 请求
+
+### 具体修改点
+1. 修改 `fetchStats` 函数中的 API 调用逻辑
+2. 调整错误处理和日志记录
+3. 添加请求超时配置
+4. 优化数据解析逻辑
+
+### 预期效果
+修复后，仪表盘将能够成功获取所有统计数据，包括：
+- 总设备数
+- 总机柜数
+- 总机房数
+- 故障设备数
+- 用户总数
+- 待处理工单
+
+同时，页面将显示更友好的错误提示，便于开发人员定位问题。