添加体位详情组件及配套的图片文件

src/pages/exam/components/BodyPositionDetail.tsx

@@ -0,0 +1,53 @@
+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';
+
+const { Title, Text } = Typography;
+
+const BodyPositionDetail: React.FC = () => {
+  return (
+    <Card className="p-4">
+      <Row gutter={[16, 16]}>
+        <Col span={24}>
+          <Title level={4}>Patient Name</Title>
+        </Col>
+        <Col span={24}>
+          <Text>Patient ID: 12345</Text>
+          <br />
+          <Text>Registration Number: 67890</Text>
+          <br />
+          <Text>Study Description: Example Study</Text>
+        </Col>
+        <Col span={24}>
+          <div className="flex justify-center">
+            <img
+              src="path-to-body-position-image.png"
+              alt="Body Position"
+              className="w-64 h-64"
+            />
+          </div>
+        </Col>
+        <Col span={24}>
+          <Text>View Description: Example View</Text>
+        </Col>
+        <Col span={24}>
+          <div className="flex items-center">
+            <CollimatorIcon className="mr-2" />
+            <Text>Collimator Length: 100mm</Text>
+            <br />
+            <Text>Collimator Width: 50mm</Text>
+          </div>
+        </Col>
+        <Col span={24}>
+          <div className="flex items-center">
+            <SidIcon className="mr-2" />
+            <Text>SID: 1200mm</Text>
+          </div>
+        </Col>
+      </Row>
+    </Card>
+  );
+};
+
+export default BodyPositionDetail;