feat: 添加 预警记录数据展示组件
This commit is contained in:
parent
c4a14f3ca4
commit
ee9abf3ead
@ -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 }} />}
|
||||
>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user