diff --git a/src/views/page/Model/LabelEditModel.vue b/src/views/page/Model/LabelEditModel.vue index 9433c49..47935a3 100644 --- a/src/views/page/Model/LabelEditModel.vue +++ b/src/views/page/Model/LabelEditModel.vue @@ -80,7 +80,7 @@ const props = defineProps({ modelData: Object }) onMounted(() => { - console.log("收到了", props.modelData); + // console.log("收到了", props.modelData); if (props.modelData) { name.value = props.modelData.name; canvasLeft.value = props.modelData.canvasLeftRatio @@ -139,7 +139,7 @@ function reset() { //获取dom let dom = document.getElementById(props.modelData.id); document.body.onmousemove = e => { - console.log(e); + // console.log(e); dom.style.left = e.clientX + 'px' dom.style.top = e.clientY + 'px' @@ -189,7 +189,7 @@ function confirm() { Id: props.modelData.id, CreateTime: props.modelData.createTime }).then(res => { - console.log("res", res); + // console.log("res", res); if (res.data.data == true) { Msg.success("修改成功") diff --git a/src/views/page/cameraCenter.vue b/src/views/page/cameraCenter.vue index e313dd5..2a29960 100644 --- a/src/views/page/cameraCenter.vue +++ b/src/views/page/cameraCenter.vue @@ -7,8 +7,11 @@ -->
+ :key="item.id" + :id="item.id" + :style="`top:${canvasHeight * item.canvasTopRatio}px;left:${canvasWidth * item.canvasLeftRatio}px`" + @click="itemClick(item)" + >
@@ -75,6 +78,7 @@ import Msg from "@/utils/message"; import CameraLeftMenu from '@/views/page/Aside/cameraLeftMenu.vue' import CameraRightMenu from '@/views/page/Aside/cameraRightMenu.vue' import LabelEditModel from '@/views/page/Model/LabelEditModel.vue' +import cameraWindow from '@/views/page/cameraWindow.vue' import popup from "@/utils/popup"; import VideoControlSimple from './VideoControl/VideoControlSimple.vue'; const { proxy } = getCurrentInstance() as ComponentInternalInstance; @@ -182,6 +186,12 @@ function deleteLabel(id: number) { }) } +//标签点击事件 +function itemClick(item:any){ + // console.log("点击",item); + popup("监控画面", [h(cameraWindow, { windowData: item })], "cameraWindow"); +} + function loadVideoPlayer() { let elmId = 'videoPlayer'; let url = apiUrl.WebRtcUrl; diff --git a/src/views/page/cameraWindow.vue b/src/views/page/cameraWindow.vue new file mode 100644 index 0000000..8562716 --- /dev/null +++ b/src/views/page/cameraWindow.vue @@ -0,0 +1,10 @@ + + + + + \ No newline at end of file