nicecode/nicecode-v2
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加 预警大图组件

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/biz/src/ViewLargerImageModal/ViewLargerImageModal.tsx
View File

@ -38,7 +38,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
const handleCancel = () => { const handleCancel = () => {
setOpen(false); setOpen(false);
} }
useImperativeHandle(ref, () => { useImperativeHandle(ref, () => {
return { return {
@ -63,9 +63,9 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
{...modalProps} {...modalProps}
> >
<Space size={0} styles={{ item: { backgroundColor: '#F6F9FAFF' } }} {...spaceProps}> <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 }) => ( {warningData?.map(({ label, value }) => (
<div key={label} > <div key={label} >
<span className='context-key'>{`${label}: `}</span> <span className='context-key'>{`${label}: `}</span>

6
packages/biz/src/ViewLargerImageModal/index.less
View File

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

34
packages/biz/src/WarningRecordCard/index.less
View File

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

4
packages/biz/src/index.tsx
View File

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