新增操作区

<script setup lang="ts">
import { onMounted, ref } from 'vue'
</script>

<monitor
ref="monitorRef"
>
    <template #operation="{monitorDataItem}"></template>
    <template #operationMore="{monitorDataItem}"></template>
</monitor>

Attributes

| 属性名 | 属性名 | 类型 | 必填 | | ------------------ | ---------------- | --------------------------- | ---- | | maxWindowNum | 最大窗口数量 | 1 | 4 | 6 | 8 | 9 | 16 | | | defaultWindow | 默认窗口 | 1 | 4 | 6 | 8 | 9 | 16 | | | draggable | 组件拖拽切换窗口 | boolean | | | ptzkeyboardControl | 中控键盘控制 | boolean | | | operationList | 操作区列表 | OperationItem[] | | | | | | |

Slots

| 插槽名 | 说明 | 参数 | | ------------- | ------------------------- | --------------- | | operation | 操作区（外部展示） | monitorDataItem | | operationMore | 操作区更多 (收起展开展示) | monitorDataItem | | | | |

Events

| 事件名 | 说明 | | | --------------------- | ---------------- | ------------------------- | | getMonitorDataList | 获取当前监控设备 | （）=> MonitorDataItem[] | | getWindowSettingsList | 获取窗口设置列表 | （）=> WindowSettings[] | | setWindowSettings | 设置窗口设置 | （WindowQuantity）=> void | | monitor | 发起监控 | （device）=> void | | getOperationList | 获取操作区列表 | （）=> OperationItem[] | | | | | | | | | | | | | | | | |

broadcast （广播）

基础用法

<broadcast />

Attributes

| 属性名 | 属性名 | 类型 | 必填 | | ------------------ |----------|-----------------| ---- | | emptyText | 无房间提醒 | string | | | hideCloseDevice | 是否需要关闭设备操作 | boolean | | | showInvitationDevice | 是否展示邀请设备板块 | boolean | | | dialogType | 弹窗模式 | boolean | | | draggable | 弹窗模式下 是否拖拽 | boolean | |

Events

| 事件名 | 说明 | | |------------------|--------|-------------------------------------------------------------------------------------------------------------------------| | onRoomNotice | 房间通知 | （）=> BroadcastDataItem[] | | onRoomStatistics | 房间统计成员 | { broadcastDataList:BroadcastDataItem[]，onlineNum:string, offlineNum:string, inTheRoomNum:string, noTheRoomNum:string,} | | onRoomInvite | 邀请通知 | null |