|
@@ -19,37 +19,32 @@ const RegisterViewList: React.FC = () => {
|
|
};
|
|
};
|
|
|
|
|
|
return (
|
|
return (
|
|
- <div>
|
|
|
|
- <Row gutter={[16, 16]}>
|
|
|
|
- {availableViews.length === 0 ? (
|
|
|
|
- <Col span={24}>
|
|
|
|
- <Empty description="暂无已选择体位" />
|
|
|
|
|
|
+ <Row>
|
|
|
|
+ {availableViews.length === 0 ? (
|
|
|
|
+ <Col span={24}>
|
|
|
|
+ <Empty description="暂无已选择体位" />
|
|
|
|
+ </Col>
|
|
|
|
+ ) : (
|
|
|
|
+ availableViews.map((view) => (
|
|
|
|
+ <Col key={view.internal_id} xs={24} sm={12} md={8} lg={6}>
|
|
|
|
+ {/* 若有自定义ProcedureViewCard组件可替换Card */}
|
|
|
|
+ <Card title={view.view_name} 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>
|
|
</Col>
|
|
</Col>
|
|
- ) : (
|
|
|
|
- availableViews.map((view) => (
|
|
|
|
- <Col key={view.internal_id} xs={24} sm={12} md={8} lg={6}>
|
|
|
|
- {/* 若有自定义ProcedureViewCard组件可替换Card */}
|
|
|
|
- <Card
|
|
|
|
- title={view.view_name}
|
|
|
|
- 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>
|
|
|
|
- </Col>
|
|
|
|
- ))
|
|
|
|
- )}
|
|
|
|
- </Row>
|
|
|
|
- </div>
|
|
|
|
|
|
+ ))
|
|
|
|
+ )}
|
|
|
|
+ </Row>
|
|
);
|
|
);
|
|
};
|
|
};
|
|
|
|
|