体位详情组件集成到页面中

src/pages/exam/ContentAreaLarge.tsx

@@ -20,6 +20,7 @@ import { patientSizes } from '../../states/patientSize';
 import { WorkstationTypeLabels } from '../../states/workstation';
 import { FormattedMessage } from 'react-intl';
 import BodyPositionList from './components/BodyPositionList';
+import BodyPositionDetail from './components/BodyPositionDetail';
 
 const ContentAreaLarge = () => {
   return (
@@ -31,7 +32,9 @@ const ContentAreaLarge = () => {
               <BodyPositionList layout="vertical"></BodyPositionList>
             </Col>
             <Col span={18}>
-              <Card>体位详情</Card>
+              <Card>
+                <BodyPositionDetail />
+              </Card>
             </Col>
           </Row>
         </Card>

src/pages/exam/components/BodyPositionDetail.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Card, Row, Col, Typography } from 'antd';
-import CollimatorIcon from '@/assets/imgs/Collimator_normal.png';
-import SidIcon from '@/assets/imgs/SID.png';
+import { Card, Row, Col, Typography, Image } from 'antd';
+import CollimatorIcon from '../../../assets/imgs/Collimator_normal.png';
+import SidIcon from '../../../assets/imgs/SID.png';
 
 const { Title, Text } = Typography;
 
@@ -22,9 +22,9 @@ const BodyPositionDetail: React.FC = () => {
         <Col span={24}>
           <div className="flex justify-center">
             <img
-              src="path-to-body-position-image.png"
+              src="../../../assets/imgs/logo-v3.jpg"
               alt="Body Position"
-              className="w-64 h-64"
+              className="w-64"
             />
           </div>
         </Col>
@@ -33,7 +33,7 @@ const BodyPositionDetail: React.FC = () => {
         </Col>
         <Col span={24}>
           <div className="flex items-center">
-            <CollimatorIcon className="mr-2" />
+            <Image src={CollimatorIcon} alt="Logo" height={'100%'} />
             <Text>Collimator Length: 100mm</Text>
             <br />
             <Text>Collimator Width: 50mm</Text>
@@ -41,7 +41,7 @@ const BodyPositionDetail: React.FC = () => {
         </Col>
         <Col span={24}>
           <div className="flex items-center">
-            <SidIcon className="mr-2" />
+            <Image src={SidIcon} alt="Logo" className="mr-2" height={'100%'} />
             <Text>SID: 1200mm</Text>
           </div>
         </Col>