|
|
@@ -5,7 +5,7 @@ import { getViewIconUrl, getExposedImageUrl } from '@/API/bodyPosition';
|
|
|
import CollimatorIcon from '../../../assets/imgs/Collimator_normal.png';
|
|
|
import SidIcon from '../../../assets/imgs/SID.png';
|
|
|
import { RootState } from '@/states/store';
|
|
|
-
|
|
|
+import { FormattedMessage } from 'react-intl';
|
|
|
const { Title, Text } = Typography;
|
|
|
|
|
|
const BodyPositionDetail: React.FC = () => {
|
|
|
@@ -28,15 +28,31 @@ const BodyPositionDetail: React.FC = () => {
|
|
|
{/* 第二行 :患者id,登记号,study描述*/}
|
|
|
<Row>
|
|
|
<Col span={8}>
|
|
|
- <Text>Patient ID: {bodyPositionDetail.patient_id}</Text>
|
|
|
+ <Text>
|
|
|
+ <FormattedMessage
|
|
|
+ id="exam.bodyPositionDetail.patientId"
|
|
|
+ defaultMessage="患者编号"
|
|
|
+ />
|
|
|
+ : {bodyPositionDetail.patient_id}
|
|
|
+ </Text>
|
|
|
</Col>
|
|
|
<Col span={8}>
|
|
|
<Text>
|
|
|
- Accession Number: {bodyPositionDetail.registration_number}
|
|
|
+ <FormattedMessage
|
|
|
+ id="exam.bodyPositionDetail.accessionNumber"
|
|
|
+ defaultMessage="登记号"
|
|
|
+ />
|
|
|
+ : {bodyPositionDetail.registration_number}
|
|
|
</Text>
|
|
|
</Col>
|
|
|
<Col span={8}>
|
|
|
- <Text>Study Description: {bodyPositionDetail.study_description}</Text>
|
|
|
+ <Text>
|
|
|
+ <FormattedMessage
|
|
|
+ id="exam.bodyPositionDetail.studyDescription"
|
|
|
+ defaultMessage="备注"
|
|
|
+ />
|
|
|
+ : {bodyPositionDetail.study_description}
|
|
|
+ </Text>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
|
|
|
@@ -54,7 +70,7 @@ const BodyPositionDetail: React.FC = () => {
|
|
|
// height: '300px',
|
|
|
width: '100%', // 随父容器宽
|
|
|
//aspectRatio: '16 / 9', // 根据图片真实比例改,如 4/3、1/1 等
|
|
|
- backgroundImage: `url(${imageUrl})`, // 🆕 使用动态 imageUrl
|
|
|
+ backgroundImage: `url(${imageUrl})`, // 🆕 使用动态 imageUrl
|
|
|
backgroundSize: 'contain', // cover 亦可
|
|
|
backgroundPosition: 'center',
|
|
|
backgroundRepeat: 'no-repeat',
|
|
|
@@ -64,7 +80,13 @@ const BodyPositionDetail: React.FC = () => {
|
|
|
|
|
|
{/* 第四行 :体位描述*/}
|
|
|
<div className="text-center">
|
|
|
- <Text>View Description: {bodyPositionDetail.view_description}</Text>
|
|
|
+ <Text>
|
|
|
+ <FormattedMessage
|
|
|
+ id="exam.bodyPositionDetail.viewDescription"
|
|
|
+ defaultMessage="视图描述"
|
|
|
+ />
|
|
|
+ : {bodyPositionDetail.view_description}
|
|
|
+ </Text>
|
|
|
</div>
|
|
|
{/* 第五行 :设备信息*/}
|
|
|
<div className="flex flex-row items-center justify-center">
|
|
|
@@ -72,10 +94,16 @@ const BodyPositionDetail: React.FC = () => {
|
|
|
<Image src={CollimatorIcon} alt="Logo" height={'100%'} />
|
|
|
</div>
|
|
|
<div className="text-center">
|
|
|
- <Text>Length: {bodyPositionDetail.collimator_length}</Text>
|
|
|
+ <Text>
|
|
|
+ <FormattedMessage id="Length" defaultMessage="长" />:
|
|
|
+ {bodyPositionDetail.collimator_length}
|
|
|
+ </Text>
|
|
|
</div>
|
|
|
<div className="text-center ml-2">
|
|
|
- <Text>Width: {bodyPositionDetail.collimator_width}</Text>
|
|
|
+ <Text>
|
|
|
+ <FormattedMessage id="Width" defaultMessage="宽" />:
|
|
|
+ {bodyPositionDetail.collimator_width}
|
|
|
+ </Text>
|
|
|
</div>
|
|
|
</div>
|
|
|
{/* 第六行 */}
|