37 lines
1.5 KiB
Markdown
37 lines
1.5 KiB
Markdown
---
|
|
group: 数据展示
|
|
category: Components
|
|
subtitle: 实时监控页面
|
|
title: RealTimeMonitor 实时监控页面
|
|
---
|
|
|
|
# RealTimeMonitor 实时监控页面
|
|
|
|
|
|
<code src="./demo/base.tsx"></code>
|
|
|
|
|
|
|
|
## API
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
| --- | --- | --- | --- | --- |
|
|
| videoDataSource | 用于渲染 每个窗口的数据 | VideoPlayerCardProps[] | 需要传一组默认值用于窗口的渲染| - |
|
|
| warningDataSource | 用于渲染 预警记录的数据 | WindowProps[] | 需要传一组默认值用于窗口的渲染| - |
|
|
| handleWindowClick | 用于获取窗口的 windowKey 方便更新对应窗口数据 | (key?: string) => void; | - | - |
|
|
| handleCloseButtonClick | 用于点击窗口关闭按钮的事件 | (key?: string) => void; | - | - |
|
|
| selectedWindowKey | 选中的窗口的 key 用于控制 选中边框样式 |string| - | - |
|
|
| handleDownloadImg | 用于处理查看大图下载图片的事件 | (key?: string) => void; | - | - |
|
|
| onRecordClick | 用于处理预警记录卡片点击事件事件 | (key?: string) => void; | - | - |
|
|
| selectedRecordId| 用于判断是否显示选中样式 |string| - | - |
|
|
| isRecordListLoading | 判断预警记录列表loading状态 |boolean| - | - |
|
|
| recordListTitle | 预警记录列表的标题 | string | - | - |
|
|
| viewLargerImageModalRef | 查看大图弹窗的ref | viewLargerImageModalRef={viewLargerImageModalRef}| | - |
|
|
| viewLargerImageModalRef | 查看大图弹窗的ref |React.RefObject\<ViewLargerImageModalRef\>| - | - |
|
|
|
|
|
|
|
|
|
|
|
|
|