116 lines
3.9 KiB
TypeScript
116 lines
3.9 KiB
TypeScript
|
|
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 Models from './pages/Models';
|
|
import ModelDetail from './pages/ModelDetail';
|
|
import AiClassificationSettings from './pages/AiClassificationSettings';
|
|
import TemplateManagement from './pages/TemplateManagement';
|
|
import { MaterialModelBinding } from './pages/MaterialModelBinding';
|
|
import Navigation from './components/Navigation';
|
|
import { NotificationSystem, useNotifications } from './components/NotificationSystem';
|
|
import { useProjectStore } from './store/projectStore';
|
|
import { useUIStore } from './store/uiStore';
|
|
import { CreateProjectRequest, UpdateProjectRequest } from './types/project';
|
|
import "./App.css";
|
|
import './styles/design-system.css';
|
|
import './styles/animations.css';
|
|
/**
|
|
* 主应用组件
|
|
* 遵循 Tauri 开发规范的应用架构设计
|
|
*/
|
|
function App() {
|
|
const { createProject, updateProject } = useProjectStore();
|
|
const {
|
|
showCreateProjectModal,
|
|
showEditProjectModal,
|
|
editingProject,
|
|
closeCreateProjectModal,
|
|
closeEditProjectModal
|
|
} = useUIStore();
|
|
|
|
// 通知系统
|
|
const { notifications, removeNotification, success, error } = useNotifications();
|
|
|
|
// 处理创建项目
|
|
const handleCreateProject = async (data: CreateProjectRequest) => {
|
|
try {
|
|
await createProject(data);
|
|
success('项目创建成功', `项目"${data.name}"已创建`);
|
|
closeCreateProjectModal();
|
|
} catch (err) {
|
|
const errorMessage = err instanceof Error ? err.message : '未知错误';
|
|
error('项目创建失败', errorMessage);
|
|
throw err;
|
|
}
|
|
};
|
|
|
|
// 处理更新项目
|
|
const handleUpdateProject = async (data: UpdateProjectRequest) => {
|
|
if (!editingProject) return;
|
|
|
|
try {
|
|
await updateProject(editingProject.id, data);
|
|
success('项目更新成功', `项目"${data.name}"已更新`);
|
|
closeEditProjectModal();
|
|
} catch (err) {
|
|
const errorMessage = err instanceof Error ? err.message : '未知错误';
|
|
error('项目更新失败', errorMessage);
|
|
throw err;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Router>
|
|
<div className="h-screen flex flex-col bg-gradient-to-br from-gray-50 via-white to-gray-50">
|
|
{/* 固定的导航栏 */}
|
|
<Navigation />
|
|
|
|
{/* 可滚动的主要内容区域 */}
|
|
<main className="flex-1 overflow-y-auto smooth-scroll">
|
|
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8 max-w-7xl min-h-full">
|
|
<Routes>
|
|
<Route path="/" element={<ProjectList />} />
|
|
<Route path="/project/:id" element={<ProjectDetails />} />
|
|
<Route path="/models" element={<Models />} />
|
|
<Route path="/models/:id" element={<ModelDetail />} />
|
|
<Route path="/ai-classification-settings" element={<AiClassificationSettings />} />
|
|
<Route path="/templates" element={<TemplateManagement />} />
|
|
<Route path="/material-model-binding" element={<MaterialModelBinding />} />
|
|
</Routes>
|
|
</div>
|
|
</main>
|
|
|
|
{/* 创建项目模态框 */}
|
|
{showCreateProjectModal && (
|
|
<ProjectForm
|
|
onSubmit={handleCreateProject}
|
|
onCancel={closeCreateProjectModal}
|
|
/>
|
|
)}
|
|
|
|
{/* 编辑项目模态框 */}
|
|
{showEditProjectModal && editingProject && (
|
|
<ProjectForm
|
|
initialData={editingProject}
|
|
onSubmit={handleUpdateProject}
|
|
onCancel={closeEditProjectModal}
|
|
isEdit={true}
|
|
/>
|
|
)}
|
|
|
|
{/* 通知系统 */}
|
|
<NotificationSystem
|
|
notifications={notifications}
|
|
onRemove={removeNotification}
|
|
position="top-right"
|
|
maxNotifications={5}
|
|
/>
|
|
</div>
|
|
</Router>
|
|
);
|
|
}
|
|
|
|
export default App;
|