feat: 添加 预警大图组件
This commit is contained in:
parent
1633eb9c99
commit
c5e262a384
@ -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>
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
@ -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'
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user