feat: 添加 预警记录数据展示组件

This commit is contained in:
YuanHongbo 2024-03-01 10:58:33 +08:00
parent c4a14f3ca4
commit ee9abf3ead

View File

@ -45,7 +45,7 @@ export interface WarningRecordCardProps {
};
export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
const { record, onRecordClick, style = { width: 356, height: 302 } } = props;
const { record, onRecordClick, style } = props;
const { imgSrc = '', id = '', description = '', info = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
const warningTimeShow = warningTime ? warningTime : formattedDate
@ -57,7 +57,7 @@ export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
<div className={componentName} key={id} onClick={handleClick}>
<Card
style={{ ...style, padding: 10, borderRadius: 4 }}
style={{ width: 356, height: 302 , padding: 10, borderRadius: 4 ,...style}}
cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
>