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,69 @@
+import React from 'react';
+import { Button } from 'antd';
+import { ReloadOutlined } from '@ant-design/icons';
+import { designTokens } from '../../config/theme';
+
+const systemInfoStyle = {
+  background: 'linear-gradient(135deg, #f0f7ff 0%, #e6f7ff 100%)',
+  borderRadius: designTokens.borderRadius.medium,
+  padding: '20px',
+  border: '1px solid #91d5ff',
+};
+
+const SystemInfo = ({ onRefresh, isRefreshing }) => {
+  return (
+    <div style={{ animation: 'fadeInUp 0.6s ease-out 0.5s backwards' }}>
+      <div style={systemInfoStyle}>
+        <div
+          style={{
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            flexWrap: 'wrap',
+            gap: '16px',
+          }}
+        >
+          <div>
+            <p
+              style={{
+                margin: '0',
+                fontSize: '0.9rem',
+                color: designTokens.colors.text.primary,
+                fontWeight: '600',
+              }}
+            >
+              <strong>系统版本：</strong> v1.0.0
+            </p>
+            <p
+              style={{
+                margin: '4px 0 0 0',
+                fontSize: '0.85rem',
+                color: designTokens.colors.text.secondary,
+              }}
+            >
+              <strong>最后更新：</strong>
+              {new Date().toLocaleDateString()}
+            </p>
+          </div>
+          <Button
+            type="primary"
+            icon={<ReloadOutlined spin={isRefreshing} />}
+            size="small"
+            onClick={onRefresh}
+            loading={isRefreshing}
+            style={{
+              background: designTokens.colors.primary.gradient,
+              border: 'none',
+              borderRadius: '8px',
+              boxShadow: '0 4px 12px rgba(24, 144, 255, 0.3)',
+            }}
+          >
+            刷新数据
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default React.memo(SystemInfo);