|
@@ -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>
|
|
|
);
|
|
|
};
|
|
|
|