feat: 添加 预警大图组件

This commit is contained in:
YuanHongbo 2024-03-06 15:18:14 +08:00
parent 1633eb9c99
commit c5e262a384
4 changed files with 26 additions and 24 deletions

View File

@ -38,7 +38,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
const handleCancel = () => {
setOpen(false);
}
}
useImperativeHandle(ref, () => {
return {
@ -63,9 +63,9 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
{...modalProps}
>
<Space size={0} styles={{ item: { backgroundColor: '#F6F9FAFF' } }} {...spaceProps}>
<img alt={title} src={imgSrc} style={{ width: 789, height: 444, display: 'block', borderRadius: '0 0 0 6px', ...imgStyle }} />
<img alt={title} src={imgSrc} style={{ width: 789, height: 444, display: 'block', ...imgStyle }} />
<div className='right-context' style={{ borderRadius: '0 0 0 6px' }}>
<div className='right-context'>
{warningData?.map(({ label, value }) => (
<div key={label} >
<span className='context-key'>{`${label}: `}</span>

View File

@ -5,6 +5,7 @@
padding: 0;
height: 492px;
border-radius: 6px;
overflow: hidden;
.ant-modal-close {
top: 14px;
@ -32,17 +33,12 @@
height: 100%;
align-items: flex-start;
>div:nth-child(1) {
border-bottom-left-radius: 6px;
}
>div:nth-child(2) {
position: relative;
flex: 1;
box-sizing: border-box;
height: 100%;
padding: 30px 16px;
border-bottom-right-radius: 6px;
.right-context>div {
margin-bottom: 20px;

View File

@ -1,25 +1,27 @@
.zhst-biz-warning-record-card {
.ant-card-body {
padding: 0;
font-family: MicrosoftYaHei;
line-height: 19px;
display: flex;
margin-top: 10px;
cursor: pointer;
.left-context {
flex: 1;
.ant-card-body {
padding: 0;
font-family: MicrosoftYaHei;
line-height: 19px;
display: flex;
margin-top: 10px;
>div {
margin-top: 6px;
}
.left-context {
flex: 1;
>div:nth-child(1) {
margin-top: 0;
}
>div {
margin-top: 6px;
}
.description {
font-weight: bold;
>div:nth-child(1) {
margin-top: 0;
}
}
.description {
font-weight: bold;
}
}
}

View File

@ -6,3 +6,7 @@ export { default as TreeTransferModal } from './treeTransferModal'
export { default as WarningRecordCard } from './WarningRecordCard'
export type { IRecord, WarningRecordCardProps } from './WarningRecordCard'
export { default as ViewLargerImageModal, useViewLargerImageModal } from './ViewLargerImageModal'
export type { VideoPlayerCardProps } from './VideoPlayerCard'
export { default as VideoPlayerCard } from './VideoPlayerCard'
export { default as WindowToggle } from './WindowToggle'