fix: 完善前端组件和类型定义
- 添加素材导入对话框组件 - 实现项目详情页面完整功能 - 添加素材状态管理store - 完善TypeScript类型定义 - 更新项目列表路由导航
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
|
||||
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
|
||||
import { ProjectList } from './components/ProjectList';
|
||||
import { ProjectForm } from './components/ProjectForm';
|
||||
import { ProjectDetails } from './pages/ProjectDetails';
|
||||
import { useProjectStore } from './store/projectStore';
|
||||
import { useUIStore } from './store/uiStore';
|
||||
import { CreateProjectRequest, UpdateProjectRequest } from './types/project';
|
||||
@@ -45,29 +47,34 @@ function App() {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<main className="container mx-auto px-6 py-8 max-w-7xl">
|
||||
<ProjectList />
|
||||
</main>
|
||||
<Router>
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<main className="container mx-auto px-6 py-8 max-w-7xl">
|
||||
<Routes>
|
||||
<Route path="/" element={<ProjectList />} />
|
||||
<Route path="/project/:id" element={<ProjectDetails />} />
|
||||
</Routes>
|
||||
</main>
|
||||
|
||||
{/* 创建项目模态框 */}
|
||||
{showCreateProjectModal && (
|
||||
<ProjectForm
|
||||
onSubmit={handleCreateProject}
|
||||
onCancel={closeCreateProjectModal}
|
||||
/>
|
||||
)}
|
||||
{/* 创建项目模态框 */}
|
||||
{showCreateProjectModal && (
|
||||
<ProjectForm
|
||||
onSubmit={handleCreateProject}
|
||||
onCancel={closeCreateProjectModal}
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* 编辑项目模态框 */}
|
||||
{showEditProjectModal && editingProject && (
|
||||
<ProjectForm
|
||||
initialData={editingProject}
|
||||
onSubmit={handleUpdateProject}
|
||||
onCancel={closeEditProjectModal}
|
||||
isEdit={true}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
{/* 编辑项目模态框 */}
|
||||
{showEditProjectModal && editingProject && (
|
||||
<ProjectForm
|
||||
initialData={editingProject}
|
||||
onSubmit={handleUpdateProject}
|
||||
onCancel={closeEditProjectModal}
|
||||
isEdit={true}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</Router>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user