refactor: 移除调试日志并优化代码结构

feat(components): 新增设备管理相关组件和仪表盘组件 feat(hooks): 添加自定义hooks用于API调用和数据管理 style: 优化滚动条样式和模态框布局 chore: 清理无用脚本和调试文件 docs: 更新组件导出文件
2026-03-10 14:34:39 +08:00
parent 98f705de8b
commit 196dc4ae41
43 changed files with 3082 additions and 3736 deletions
@@ -0,0 +1,53 @@
+import React from 'react';
+import { designTokens } from '../../config/theme';
+
+const DeviceTrendChart = ({ data }) => {
+  const maxValue = Math.max(...data.map((d) => d.value));
+  const chartHeight = 120;
+
+  return (
+    <div style={{ marginTop: '16px' }}>
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'flex-end',
+          justifyContent: 'space-between',
+          height: chartHeight,
+          gap: '8px',
+          padding: '0 8px',
+        }}
+      >
+        {data.map((item, index) => (
+          <div
+            key={index}
+            style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center' }}
+          >
+            <div
+              style={{
+                width: '100%',
+                maxWidth: '40px',
+                height: `${(item.value / maxValue) * chartHeight}px`,
+                borderRadius: '4px 4px 0 0',
+                background: `linear-gradient(180deg, ${item.color} 0%, ${item.color}80 100%)`,
+                transition: `height ${designTokens.transitions.slow}`,
+                boxShadow: `0 -2px 8px ${item.color}30`,
+              }}
+            />
+            <span
+              style={{
+                fontSize: '0.7rem',
+                color: designTokens.colors.text.tertiary,
+                marginTop: '4px',
+                whiteSpace: 'nowrap',
+              }}
+            >
+              {item.label}
+            </span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default React.memo(DeviceTrendChart);