fix: "优化预警图 添加 cardProps"
This commit is contained in:
parent
d78b44f12f
commit
e590ab308c
@ -1,4 +1,4 @@
|
||||
import { Card, Space, Divider } from 'antd';
|
||||
import { Card, Space, Divider, CardProps } from 'antd';
|
||||
import React from 'react';
|
||||
import dayjs from 'dayjs';
|
||||
import './index.less'
|
||||
@ -26,7 +26,7 @@ export interface IRecord {
|
||||
/*
|
||||
直接传格式化好的时间
|
||||
*/
|
||||
warningTime?: string ;
|
||||
warningTime?: string;
|
||||
/*
|
||||
传格时间戳
|
||||
*/
|
||||
@ -42,11 +42,12 @@ export interface WarningRecordCardProps {
|
||||
record?: IRecord;
|
||||
onRecordClick?: (record?: IRecord) => void;
|
||||
style?: React.CSSProperties;
|
||||
cardProps?: CardProps;
|
||||
};
|
||||
|
||||
export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
|
||||
|
||||
const { record, onRecordClick, style } = props;
|
||||
const { record, onRecordClick, style, cardProps } = props;
|
||||
const { imgSrc = '', id = '', warningType = '', warningInfo = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
|
||||
const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
|
||||
const warningTimeShow = warningTime ? warningTime : formattedDate
|
||||
@ -56,11 +57,12 @@ export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={componentName} key={id} onClick={handleClick}>
|
||||
<div className={componentName} key={id} onClick={handleClick} style={style}>
|
||||
|
||||
<Card
|
||||
style={{ width: 356, height: 302 , padding: 10, borderRadius: 4 ,...style}}
|
||||
cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
|
||||
style={{ width: 356, height: 302, padding: 10, borderRadius: 4 }}
|
||||
{...cardProps}
|
||||
>
|
||||
|
||||
<div className='left-context'>
|
||||
|
@ -17,13 +17,14 @@ const props = {
|
||||
},
|
||||
onRecordClick:(record?:IRecord) =>{
|
||||
console.log(record)
|
||||
}
|
||||
},
|
||||
// cardProps:{ style:{width:5000}}
|
||||
}
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<Space size={[8, 16]} direction="vertical">
|
||||
<WarningRecordCard {...props} />
|
||||
<WarningRecordCard {...props }/>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
|
@ -5,6 +5,7 @@ import { DiffOutlined, SwitcherOutlined } from '@ant-design/icons'
|
||||
import type { TreeProps, InputProps } from 'antd';
|
||||
import TreeTransferModal from '../../../treeTransferModal'
|
||||
import BoxTree from '../../../tree';
|
||||
// import './index.less'
|
||||
|
||||
export interface BoxGroupPanelProps {
|
||||
searchInputProps?: InputProps
|
||||
|
Loading…
Reference in New Issue
Block a user