添加view页面，一个统一的页面，是大、中、小页面的选择器，基于屏幕大小返回大、中、小页面

src/layouts/BasicLayout.tsx

@@ -8,7 +8,6 @@ import logo from '../assets/imgs/logo-v3.jpg';
 import NavbarFloat from './NavbarFloat';
 import NavMenu from './NavMenu';
 import StatusBar, { StatusBarProps } from './StateBar';
-import HomePage from '@/pages/demo/HomePage';
 import RegisterPage from '@/pages/patient/register';
 import WorklistPage from '@/pages/patient/worklist';
 import HistorylistPage from '@/pages/patient/HistoryList';
@@ -21,6 +20,7 @@ import Profile from '@/pages/security/Profile';
 import ExamPage from '@/pages/exam/ExamPage';
 import { RootState } from '@/states/store';
 import { setBusinessFlow } from '@/states/BusinessFlowSlice';
+import ImageProcessingPage from '@/pages/view/ImageProcessingPage';
 
 // import { Link } from 'react-router-dom';
 // import { MenuOutlined } from '@ant-design/icons';
@@ -54,7 +54,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
   // key和内容组件的映射
   const contentMap = {
     exam: <ExamPage />,
-    process: <HomePage />,
+    process: <ImageProcessingPage />,
     register: <RegisterPage />,
     worklist: <WorklistPage />,
     historylist: <HistorylistPage />,

src/pages/view/ImageProcessingPage.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Grid } from 'antd';
+import ImageProcessingPageLarge from './ImageProcessingPageLarge';
+import ImageProcessingPageMedium from './ImageProcessingPageMedium';
+import ImageProcessingPageSmall from './ImageProcessingPageSmall';
+
+const ImageProcessingPage = () => {
+  const screens = Grid.useBreakpoint();
+
+  return (
+    <>
+      {screens.xxl && <ImageProcessingPageLarge />}
+      {screens.xl && !screens.xxl && <ImageProcessingPageMedium />}
+      {screens.lg && !screens.xl && <ImageProcessingPageMedium />}
+      {screens.sm && !screens.lg && <ImageProcessingPageSmall />}
+      {screens.xs && !screens.sm && <ImageProcessingPageSmall />}
+    </>
+  );
+};
+
+export default ImageProcessingPage;