17b423b9b8
后端： - 文章审核状态机：draft → pending_review → published（含 reject/unpublish） - 文章分类 CRUD（article_category entity + service + handler） - 文章标签 CRUD（article_tag + article_article_tag 关联） - 文章修订版快照（article_revision） - 阅读计数、排序、slug、审核备注 - 新增 health.articles.review 权限 前端： - ArticleManageList：状态标签页 + 分类筛选 + 关键字搜索 + 审核操作 - ArticleEditor：Wangeditor 富文本编辑器 + 元数据侧栏 - ArticleCategoryManage：分类 CRUD + 父子层级 - ArticleTagManage：标签 CRUD 修复： - diagnosis_service/health_data_service/dialysis_service: 补充 key_version 字段 - ArticleCategoryManage: 补充 Select 组件导入
220 lines
9.8 KiB
TypeScript
220 lines
9.8 KiB
TypeScript
import { useEffect, lazy, Suspense } from 'react';
|
|
import { HashRouter, Routes, Route, Navigate } from 'react-router-dom';
|
|
import { ConfigProvider, theme as antdTheme, Spin } from 'antd';
|
|
import zhCN from 'antd/locale/zh_CN';
|
|
import MainLayout from './layouts/MainLayout';
|
|
import Login from './pages/Login';
|
|
import { ErrorBoundary } from './components/ErrorBoundary';
|
|
import { useAuthStore } from './stores/auth';
|
|
import { useAppStore } from './stores/app';
|
|
|
|
const Home = lazy(() => import('./pages/Home'));
|
|
const Users = lazy(() => import('./pages/Users'));
|
|
const Roles = lazy(() => import('./pages/Roles'));
|
|
const Organizations = lazy(() => import('./pages/Organizations'));
|
|
const Workflow = lazy(() => import('./pages/Workflow'));
|
|
const Messages = lazy(() => import('./pages/Messages'));
|
|
const Settings = lazy(() => import('./pages/Settings'));
|
|
const PluginAdmin = lazy(() => import('./pages/PluginAdmin'));
|
|
const PluginMarket = lazy(() => import('./pages/PluginMarket'));
|
|
const PluginCRUDPage = lazy(() => import('./pages/PluginCRUDPage'));
|
|
const PluginTabsPage = lazy(() => import('./pages/PluginTabsPage').then((m) => ({ default: m.PluginTabsPage })));
|
|
const PluginTreePage = lazy(() => import('./pages/PluginTreePage').then((m) => ({ default: m.PluginTreePage })));
|
|
const PluginGraphPage = lazy(() => import('./pages/PluginGraphPage').then((m) => ({ default: m.PluginGraphPage })));
|
|
const PluginDashboardPage = lazy(() => import('./pages/PluginDashboardPage').then((m) => ({ default: m.PluginDashboardPage })));
|
|
const PluginKanbanPage = lazy(() => import('./pages/PluginKanbanPage'));
|
|
|
|
// 健康管理模块
|
|
const PatientList = lazy(() => import('./pages/health/PatientList'));
|
|
const PatientDetail = lazy(() => import('./pages/health/PatientDetail'));
|
|
const PatientTagManage = lazy(() => import('./pages/health/PatientTagManage'));
|
|
const DoctorList = lazy(() => import('./pages/health/DoctorList'));
|
|
const AppointmentList = lazy(() => import('./pages/health/AppointmentList'));
|
|
const DoctorSchedule = lazy(() => import('./pages/health/DoctorSchedule'));
|
|
const FollowUpTaskList = lazy(() => import('./pages/health/FollowUpTaskList'));
|
|
const FollowUpRecordList = lazy(() => import('./pages/health/FollowUpRecordList'));
|
|
const ConsultationList = lazy(() => import('./pages/health/ConsultationList'));
|
|
const ConsultationDetail = lazy(() => import('./pages/health/ConsultationDetail'));
|
|
const PointsRuleList = lazy(() => import('./pages/health/PointsRuleList'));
|
|
const PointsProductList = lazy(() => import('./pages/health/PointsProductList'));
|
|
const PointsOrderList = lazy(() => import('./pages/health/PointsOrderList'));
|
|
const OfflineEventList = lazy(() => import('./pages/health/OfflineEventList'));
|
|
const StatisticsDashboard = lazy(() => import('./pages/health/StatisticsDashboard'));
|
|
const AiPromptList = lazy(() => import('./pages/health/AiPromptList'));
|
|
const AiAnalysisList = lazy(() => import('./pages/health/AiAnalysisList'));
|
|
const AiUsageDashboard = lazy(() => import('./pages/health/AiUsageDashboard'));
|
|
|
|
// 内容管理
|
|
const ArticleManageList = lazy(() => import('./pages/health/ArticleManageList'));
|
|
const ArticleEditor = lazy(() => import('./pages/health/ArticleEditor'));
|
|
const ArticleCategoryManage = lazy(() => import('./pages/health/ArticleCategoryManage'));
|
|
const ArticleTagManage = lazy(() => import('./pages/health/ArticleTagManage'));
|
|
|
|
function PrivateRoute({ children }: { children: React.ReactNode }) {
|
|
const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
|
|
return isAuthenticated ? <>{children}</> : <Navigate to="/login" replace />;
|
|
}
|
|
|
|
const themeConfig = {
|
|
token: {
|
|
colorPrimary: '#2563eb',
|
|
colorSuccess: '#059669',
|
|
colorWarning: '#d97706',
|
|
colorError: '#dc2626',
|
|
colorInfo: '#0284c7',
|
|
colorBgLayout: '#f8fafc',
|
|
colorBgContainer: '#ffffff',
|
|
colorBgElevated: '#ffffff',
|
|
colorBorder: '#e2e8f0',
|
|
colorBorderSecondary: '#f1f5f9',
|
|
borderRadius: 10,
|
|
borderRadiusLG: 12,
|
|
borderRadiusSM: 6,
|
|
fontFamily: "'Noto Sans SC', -apple-system, system-ui, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', Helvetica, Arial, sans-serif",
|
|
fontSize: 14,
|
|
fontSizeHeading4: 20,
|
|
controlHeight: 40,
|
|
controlHeightLG: 44,
|
|
controlHeightSM: 32,
|
|
boxShadow: 'none',
|
|
boxShadowSecondary: '0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04)',
|
|
},
|
|
components: {
|
|
Button: {
|
|
primaryShadow: 'none',
|
|
fontWeight: 500,
|
|
},
|
|
Card: {
|
|
paddingLG: 20,
|
|
},
|
|
Table: {
|
|
headerBg: '#f1f5f9',
|
|
headerColor: '#475569',
|
|
rowHoverBg: '#f1f5f9',
|
|
fontSize: 14,
|
|
},
|
|
Menu: {
|
|
itemBorderRadius: 10,
|
|
itemMarginInline: 8,
|
|
itemHeight: 40,
|
|
},
|
|
Modal: {
|
|
borderRadiusLG: 16,
|
|
},
|
|
Tag: {
|
|
borderRadiusSM: 6,
|
|
},
|
|
},
|
|
};
|
|
|
|
const darkThemeConfig = {
|
|
...themeConfig,
|
|
token: {
|
|
...themeConfig.token,
|
|
colorBgLayout: '#0f172a',
|
|
colorBgContainer: '#1e293b',
|
|
colorBgElevated: '#334155',
|
|
colorBorder: '#334155',
|
|
colorBorderSecondary: 'rgba(255, 255, 255, 0.06)',
|
|
boxShadow: 'none',
|
|
boxShadowSecondary: '0 2px 8px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2)',
|
|
},
|
|
components: {
|
|
...themeConfig.components,
|
|
Table: {
|
|
headerBg: '#1e293b',
|
|
headerColor: '#94a3b8',
|
|
rowHoverBg: '#1e293b',
|
|
},
|
|
},
|
|
};
|
|
|
|
export default function App() {
|
|
const loadFromStorage = useAuthStore((s) => s.loadFromStorage);
|
|
const themeMode = useAppStore((s) => s.theme);
|
|
|
|
useEffect(() => {
|
|
loadFromStorage();
|
|
}, [loadFromStorage]);
|
|
|
|
useEffect(() => {
|
|
document.documentElement.setAttribute('data-theme', themeMode);
|
|
}, [themeMode]);
|
|
|
|
const isDark = themeMode === 'dark';
|
|
|
|
return (
|
|
<>
|
|
<a href="#root" className="erp-skip-link">跳转到主要内容</a>
|
|
<ConfigProvider
|
|
locale={zhCN}
|
|
theme={{
|
|
...isDark ? darkThemeConfig : themeConfig,
|
|
algorithm: isDark ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,
|
|
}}
|
|
>
|
|
<HashRouter>
|
|
<Routes>
|
|
<Route path="/login" element={<Login />} />
|
|
<Route
|
|
path="/*"
|
|
element={
|
|
<PrivateRoute>
|
|
<MainLayout>
|
|
<ErrorBoundary>
|
|
<Suspense fallback={<div style={{ display: 'flex', justifyContent: 'center', padding: 100 }}><Spin size="large" /></div>}>
|
|
<Routes>
|
|
<Route path="/" element={<Home />} />
|
|
<Route path="/users" element={<Users />} />
|
|
<Route path="/roles" element={<Roles />} />
|
|
<Route path="/organizations" element={<Organizations />} />
|
|
<Route path="/workflow" element={<Workflow />} />
|
|
<Route path="/messages" element={<Messages />} />
|
|
<Route path="/settings" element={<Settings />} />
|
|
<Route path="/plugins/admin" element={<PluginAdmin />} />
|
|
<Route path="/plugins/market" element={<PluginMarket />} />
|
|
<Route path="/plugins/:pluginId/tabs/:pageLabel" element={<PluginTabsPage />} />
|
|
<Route path="/plugins/:pluginId/tree/:entityName" element={<PluginTreePage />} />
|
|
<Route path="/plugins/:pluginId/graph/:entityName" element={<PluginGraphPage />} />
|
|
<Route path="/plugins/:pluginId/dashboard" element={<PluginDashboardPage />} />
|
|
<Route path="/plugins/:pluginId/kanban/:entityName" element={<PluginKanbanPage />} />
|
|
<Route path="/plugins/:pluginId/:entityName" element={<PluginCRUDPage />} />
|
|
{/* 健康管理 */}
|
|
<Route path="/health/statistics" element={<StatisticsDashboard />} />
|
|
<Route path="/health/patients" element={<PatientList />} />
|
|
<Route path="/health/patients/:id" element={<PatientDetail />} />
|
|
<Route path="/health/tags" element={<PatientTagManage />} />
|
|
<Route path="/health/doctors" element={<DoctorList />} />
|
|
<Route path="/health/appointments" element={<AppointmentList />} />
|
|
<Route path="/health/schedules" element={<DoctorSchedule />} />
|
|
<Route path="/health/follow-up-tasks" element={<FollowUpTaskList />} />
|
|
<Route path="/health/follow-up-records" element={<FollowUpRecordList />} />
|
|
<Route path="/health/consultations" element={<ConsultationList />} />
|
|
<Route path="/health/consultations/:id" element={<ConsultationDetail />} />
|
|
<Route path="/health/points-rules" element={<PointsRuleList />} />
|
|
<Route path="/health/points-products" element={<PointsProductList />} />
|
|
<Route path="/health/points-orders" element={<PointsOrderList />} />
|
|
<Route path="/health/offline-events" element={<OfflineEventList />} />
|
|
<Route path="/health/ai-prompts" element={<AiPromptList />} />
|
|
<Route path="/health/ai-analysis" element={<AiAnalysisList />} />
|
|
<Route path="/health/ai-usage" element={<AiUsageDashboard />} />
|
|
{/* 内容管理 */}
|
|
<Route path="/health/articles" element={<ArticleManageList />} />
|
|
<Route path="/health/articles/new" element={<ArticleEditor />} />
|
|
<Route path="/health/articles/:id/edit" element={<ArticleEditor />} />
|
|
<Route path="/health/article-categories" element={<ArticleCategoryManage />} />
|
|
<Route path="/health/article-tags" element={<ArticleTagManage />} />
|
|
</Routes>
|
|
</Suspense>
|
|
</ErrorBoundary>
|
|
</MainLayout>
|
|
</PrivateRoute>
|
|
}
|
|
/>
|
|
</Routes>
|
|
</HashRouter>
|
|
</ConfigProvider>
|
|
</>
|
|
);
|
|
}
|