Browse Source

调整体位详情组件,去掉多余的外层card,解决了示意图撑大整个界面的问题

sw 1 week ago
parent
commit
a71d560204
1 changed files with 50 additions and 54 deletions
  1. 50 54
      src/pages/exam/components/BodyPositionDetail.tsx

+ 50 - 54
src/pages/exam/components/BodyPositionDetail.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
-import { Card, Row, Col, Typography, Image } from 'antd';
+import { Row, Col, Typography, Image } from 'antd';
 import { getViewIconUrl } from '@/API/bodyPosition';
 import CollimatorIcon from '../../../assets/imgs/Collimator_normal.png';
 import SidIcon from '../../../assets/imgs/SID.png';
@@ -14,59 +14,55 @@ const BodyPositionDetail: React.FC = () => {
   );
 
   return (
-    <Card className="p-4">
-      <Row gutter={[16, 16]}>
-        {/* 第一行 : 患者姓名*/}
-        <Col span={24} className="text-center">
-          <Title level={4}>{bodyPositionDetail.patient_name}</Title>
-        </Col>
-        {/* 第二行 :患者id,登记号,study描述*/}
-        <Col span={8}>
-          <Text>Patient ID: {bodyPositionDetail.patient_id}</Text>
-        </Col>
-        <Col span={8}>
-          <Text>
-            Accession Number: {bodyPositionDetail.registration_number}
-          </Text>
-        </Col>
-        <Col span={8}>
-          <Text>Study Description: {bodyPositionDetail.study_description}</Text>
-        </Col>
-        {/* 第三行 :体位示意图*/}
-        <Col span={24}>
-          <div className="flex justify-center">
-            <Image
-              src={getViewIconUrl(bodyPositionDetail.body_position_image)}
-              alt="Body Position"
-              className="w-full h-auto"
-            />
-          </div>
-        </Col>
-        {/* 第四行 :体位描述*/}
-        <Col span={24} className="text-center">
-          <Text>View Description: {bodyPositionDetail.view_description}</Text>
-        </Col>
-        {/* 第五行 :设备信息*/}
-        <Col span={24} className="flex flex-row items-center justify-center">
-          <div className="text-center">
-            <Image src={CollimatorIcon} alt="Logo" height={'100%'} />
-          </div>
-          <div className="text-center">
-            <Text>Length: {bodyPositionDetail.collimator_length}</Text>
-          </div>
-          <div className="text-center ml-2">
-            <Text>Width: {bodyPositionDetail.collimator_width}</Text>
-          </div>
-        </Col>
-        {/* 第六行 */}
-        <Col span={24} className="flex justify-center">
-          <div className="flex items-center">
-            <Image src={SidIcon} alt="Logo" className="mr-2" height={'100%'} />
-            <Text>SID: {bodyPositionDetail.sid}</Text>
-          </div>
-        </Col>
-      </Row>
-    </Card>
+    <Row gutter={[16, 16]}>
+      {/* 第一行 : 患者姓名*/}
+      <Col span={24} className="text-center">
+        <Title level={4}>{bodyPositionDetail.patient_name}</Title>
+      </Col>
+      {/* 第二行 :患者id,登记号,study描述*/}
+      <Col span={8}>
+        <Text>Patient ID: {bodyPositionDetail.patient_id}</Text>
+      </Col>
+      <Col span={8}>
+        <Text>Accession Number: {bodyPositionDetail.registration_number}</Text>
+      </Col>
+      <Col span={8}>
+        <Text>Study Description: {bodyPositionDetail.study_description}</Text>
+      </Col>
+      {/* 第三行 :体位示意图*/}
+      <Col span={24}>
+        <div className="flex justify-center">
+          <Image
+            src={getViewIconUrl(bodyPositionDetail.body_position_image)}
+            alt="Body Position"
+            className="w-full h-auto"
+          />
+        </div>
+      </Col>
+      {/* 第四行 :体位描述*/}
+      <Col span={24} className="text-center">
+        <Text>View Description: {bodyPositionDetail.view_description}</Text>
+      </Col>
+      {/* 第五行 :设备信息*/}
+      <Col span={24} className="flex flex-row items-center justify-center">
+        <div className="text-center">
+          <Image src={CollimatorIcon} alt="Logo" height={'100%'} />
+        </div>
+        <div className="text-center">
+          <Text>Length: {bodyPositionDetail.collimator_length}</Text>
+        </div>
+        <div className="text-center ml-2">
+          <Text>Width: {bodyPositionDetail.collimator_width}</Text>
+        </div>
+      </Col>
+      {/* 第六行 */}
+      <Col span={24} className="flex justify-center">
+        <div className="flex items-center">
+          <Image src={SidIcon} alt="Logo" className="mr-2" height={'100%'} />
+          <Text>SID: {bodyPositionDetail.sid}</Text>
+        </div>
+      </Col>
+    </Row>
   );
 };