{/* 欢迎区域 */}
@@ -44,10 +52,23 @@ const HomePage = () => {
{AGENTS.map((agent) => (
navigate(`/agent/${agent.id}`)}
+ hoverable={agent.enabled}
+ style={{
+ height: '100%',
+ opacity: agent.enabled ? 1 : 0.7,
+ position: 'relative',
+ }}
+ onClick={() => handleAgentClick(agent)}
>
+ {!agent.enabled && (
+ }
+ style={{ position: 'absolute', top: 8, right: 8 }}
+ >
+ 即将上线
+
+ )}
{agent.icon}
@@ -56,8 +77,8 @@ const HomePage = () => {
<Paragraph type="secondary" style={{ marginBottom: 16, minHeight: 44 }}>
{agent.desc}
</Paragraph>
- <Button type="primary" block>
- 开始使用
+ <Button type={agent.enabled ? 'primary' : 'default'} block disabled={!agent.enabled}>
+ {agent.enabled ? '开始使用' : '敬请期待'}
</Button>
</div>
</Card>
diff --git a/frontend/src/pages/KnowledgePage.tsx b/frontend/src/pages/KnowledgePage.tsx
new file mode 100644
index 00000000..563b8a62
--- /dev/null
+++ b/frontend/src/pages/KnowledgePage.tsx
@@ -0,0 +1,225 @@
+import {
+ Card,
+ Button,
+ Space,
+ Table,
+ Tag,
+ Progress,
+ Alert,
+} from 'antd'
+import {
+ PlusOutlined,
+ FolderOutlined,
+ FileTextOutlined,
+ UploadOutlined,
+ DeleteOutlined,
+ SyncOutlined,
+} from '@ant-design/icons'
+
+const KnowledgePage = () => {
+ // 模拟知识库数据
+ const mockKnowledgeBases = [
+ {
+ id: '1',
+ name: '心血管疾病研究文献库',
+ fileCount: 15,
+ totalSize: '45MB',
+ createdAt: '2025-10-05',
+ status: 'ready',
+ },
+ ]
+
+ // 模拟文档数据
+ const mockDocuments = [
+ {
+ id: '1',
+ name: '高血压治疗指南2024.pdf',
+ size: '3.2MB',
+ uploadedAt: '2025-10-05 14:30',
+ status: 'processed',
+ },
+ {
+ id: '2',
+ name: '心血管疾病流行病学研究.docx',
+ size: '1.8MB',
+ uploadedAt: '2025-10-05 15:20',
+ status: 'processing',
+ },
+ ]
+
+ const kbColumns = [
+ {
+ title: '知识库名称',
+ dataIndex: 'name',
+ key: 'name',
+ render: (text: string) => (
+ <Space>
+ <FolderOutlined style={{ color: '#1890ff' }} />
+ <span>{text}</span>
+ </Space>
+ ),
+ },
+ {
+ title: '文档数量',
+ dataIndex: 'fileCount',
+ key: 'fileCount',
+ render: (count: number) => `${count} / 50`,
+ },
+ {
+ title: '总大小',
+ dataIndex: 'totalSize',
+ key: 'totalSize',
+ },
+ {
+ title: '创建时间',
+ dataIndex: 'createdAt',
+ key: 'createdAt',
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ key: 'status',
+ render: (status: string) => (
+ <Tag color={status === 'ready' ? 'green' : 'orange'}>
+ {status === 'ready' ? '就绪' : '处理中'}
+ </Tag>
+ ),
+ },
+ {
+ title: '操作',
+ key: 'actions',
+ render: () => (
+ <Space>
+ <Button size="small" icon={<UploadOutlined />} disabled>
+ 上传
+ </Button>
+ <Button size="small" danger icon={<DeleteOutlined />} disabled>
+ 删除
+ </Button>
+ </Space>
+ ),
+ },
+ ]
+
+ const docColumns = [
+ {
+ title: '文件名',
+ dataIndex: 'name',
+ key: 'name',
+ render: (text: string) => (
+ <Space>
+ <FileTextOutlined />
+ <span>{text}</span>
+ </Space>
+ ),
+ },
+ {
+ title: '大小',
+ dataIndex: 'size',
+ key: 'size',
+ },
+ {
+ title: '上传时间',
+ dataIndex: 'uploadedAt',
+ key: 'uploadedAt',
+ },
+ {
+ title: '处理状态',
+ dataIndex: 'status',
+ key: 'status',
+ render: (status: string) => {
+ if (status === 'processed') {
+ return <Tag color="green">已完成</Tag>
+ }
+ return (
+ <Space>
+ <Tag color="processing" icon={<SyncOutlined spin />}>
+ 处理中
+ </Tag>
+ <Progress percent={65} size="small" style={{ width: 100 }} />
+ </Space>
+ )
+ },
+ },
+ {
+ title: '操作',
+ key: 'actions',
+ render: () => (
+ <Button size="small" danger icon={<DeleteOutlined />} disabled>
+ 删除
+ </Button>
+ ),
+ },
+ ]
+
+ return (
+ <div>
+ {/* 提示信息 */}
+ <Alert
+ message="知识库功能说明"
+ description="每个用户最多可创建3个知识库，每个知识库最多上传50个文件（支持PDF、DOCX格式）。在对话时可以@知识库，让AI基于您的文献进行回答。"
+ type="info"
+ showIcon
+ closable
+ style={{ marginBottom: 16 }}
+ />
+
+ <Alert
+ message="功能开发中"
+ description="知识库管理功能正在开发中，敬请期待..."
+ type="warning"
+ showIcon
+ icon={<SyncOutlined spin />}
+ style={{ marginBottom: 24 }}
+ />
+
+ {/* 知识库列表 */}
+ <Card
+ title={
+ <Space>
+ <FolderOutlined />
+ <span>我的知识库 (1/3)</span>
+ </Space>
+ }
+ extra={
+ <Button type="primary" icon={<PlusOutlined />} disabled>
+ 创建知识库
+ </Button>
+ }
+ style={{ marginBottom: 24 }}
+ >
+ <Table
+ columns={kbColumns}
+ dataSource={mockKnowledgeBases}
+ rowKey="id"
+ pagination={false}
+ />
+ </Card>
+
+ {/* 文档列表 */}
+ <Card
+ title={
+ <Space>
+ <FileTextOutlined />
+ <span>文档列表：心血管疾病研究文献库</span>
+ </Space>
+ }
+ extra={
+ <Button icon={<UploadOutlined />} disabled>
+ 上传文件
+ </Button>
+ }
+ >
+ <Table
+ columns={docColumns}
+ dataSource={mockDocuments}
+ rowKey="id"
+ pagination={false}
+ />
+ </Card>
+ </div>
+ )
+}
+
+export default KnowledgePage
+
diff --git a/frontend/src/stores/useProjectStore.ts b/frontend/src/stores/useProjectStore.ts
new file mode 100644
index 00000000..c9bfaa0e
--- /dev/null
+++ b/frontend/src/stores/useProjectStore.ts
@@ -0,0 +1,69 @@
+import { create } from 'zustand';
+
+export interface Project {
+ id: string;
+ name: string;
+ background: string;
+ researchType: 'observational' | 'interventional';
+ createdAt: string;
+ updatedAt: string;
+}
+
+interface ProjectState {
+ // 当前选中的项目
+ currentProject: Project | null;
+
+ // 所有项目列表
+ projects: Project[];
+
+ // 是否显示创建项目对话框
+ showCreateDialog: boolean;
+
+ // 是否显示编辑项目对话框
+ showEditDialog: boolean;
+
+ // Actions
+ setCurrentProject: (project: Project | null) => void;
+ setProjects: (projects: Project[]) => void;
+ addProject: (project: Project) => void;
+ updateProject: (id: string, updates: Partial<Project>) => void;
+ deleteProject: (id: string) => void;
+ setShowCreateDialog: (show: boolean) => void;
+ setShowEditDialog: (show: boolean) => void;
+}
+
+export const useProjectStore = create<ProjectState>((set) => ({
+ currentProject: null,
+ projects: [],
+ showCreateDialog: false,
+ showEditDialog: false,
+
+ setCurrentProject: (project) => set({ currentProject: project }),
+
+ setProjects: (projects) => set({ projects }),
+
+ addProject: (project) => set((state) => ({
+ projects: [...state.projects, project],
+ })),
+
+ updateProject: (id, updates) => set((state) => ({
+ projects: state.projects.map((p) =>
+ p.id === id ? { ...p, ...updates } : p
+ ),
+ currentProject:
+ state.currentProject?.id === id
+ ? { ...state.currentProject, ...updates }
+ : state.currentProject,
+ })),
+
+ deleteProject: (id) => set((state) => ({
+ projects: state.projects.filter((p) => p.id !== id),
+ currentProject:
+ state.currentProject?.id === id ? null : state.currentProject,
+ })),
+
+ setShowCreateDialog: (show) => set({ showCreateDialog: show }),
+
+ setShowEditDialog: (show) => set({ showEditDialog: show }),
+}));
+