fix: "优化预警图 添加 cardProps"

This commit is contained in:
YuanHongbo 2024-03-01 18:56:51 +08:00
parent d78b44f12f
commit e590ab308c
3 changed files with 11 additions and 7 deletions

View File

@ -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'>

View File

@ -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>
)
}

View File

@ -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