在待选体位列表中显示体位示意图

src/pages/patient/components/register.available.view.list.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { Card, Row, Col, Empty } from 'antd';
+import { Card, Row, Col, Empty, Image } from 'antd';
+import { getViewIconUrl } from '@/API/bodyPosition';
 
 import type { RootState } from '@/states/store'; // 假设RootState已定义
 import { View } from '@/states/patient/viewSelection';
@@ -33,6 +34,15 @@ const RegisterViewList: React.FC = () => {
                 bordered
                 onClick={() => handleCardClick(view)}
               >
+                <Image
+                  alt="example"
+                  src={getViewIconUrl(view.view_icon_name)}
+                  style={{
+                    width: '100%',
+                    height: 'auto',
+                    objectFit: 'cover',
+                  }}
+                />
                 <div>{view.view_description}</div>
                 {/* 可根据需要展示更多字段 */}
               </Card>