feat: 添加 预警记录数据展示组件
This commit is contained in:
parent
c4a14f3ca4
commit
ee9abf3ead
@ -45,7 +45,7 @@ export interface WarningRecordCardProps {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
|
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 { imgSrc = '', id = '', description = '', info = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
|
||||||
const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
|
const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
|
||||||
const warningTimeShow = warningTime ? warningTime : formattedDate
|
const warningTimeShow = warningTime ? warningTime : formattedDate
|
||||||
@ -57,7 +57,7 @@ export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
|
|||||||
<div className={componentName} key={id} onClick={handleClick}>
|
<div className={componentName} key={id} onClick={handleClick}>
|
||||||
|
|
||||||
<Card
|
<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 }} />}
|
cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
|
||||||
>
|
>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user