diff --git a/client/src/components/ComponentLibrary.tsx b/client/src/components/ComponentLibrary.tsx
new file mode 100644
index 0000000..588ce5a
--- /dev/null
+++ b/client/src/components/ComponentLibrary.tsx
@@ -0,0 +1,302 @@
+import React from 'react';
+import { Button, Card, Table, Input, Select, DatePicker, Space, Modal, Form, InputNumber, Tag, Badge, message, Spin, Alert } from 'antd';
+
+// 业务按钮组件
+export const BusinessButton: React.FC<{
+ type: 'primary' | 'default' | 'dashed' | 'danger' | 'link';
+ onClick: () => void;
+ children: React.ReactNode;
+ loading?: boolean;
+ disabled?: boolean;
+}> = ({ type, onClick, children, loading = false, disabled = false }) => {
+ return (
+
+ );
+};
+
+// 业务卡片组件
+export const BusinessCard: React.FC<{
+ title: string;
+ children: React.ReactNode;
+ extra?: React.ReactNode;
+ style?: React.CSSProperties;
+}> = ({ title, children, extra, style }) => {
+ return (
+