小窗

src/views/page/cameraCenter.vue

@@ -32,6 +32,18 @@
                     </a-menu>
                 </template>
             </a-dropdown>
+            <a-popconfirm 
+                placement="bottomRight" 
+                ok-text="Yes" 
+                cancel-text="No"  
+                :visible="item.windowVisible"
+                @cancel="windowCancel(item)"
+            >
+               <template #title>
+                   <cameraWindow :itemData="item"></cameraWindow>
+               </template>
+               <!-- <a-button>TL</a-button> -->
+            </a-popconfirm>
         </div>
         <div class="labels lavels-build" v-if="addLabel.isAddLabel && addLabel.labelType == '建筑标签'"
             :style="` pointer-events: none;top:${addLabelTop}px;left:${addLabelLeft}px`">
@@ -177,7 +189,13 @@ function deleteLabel(id: number) {
 //标签点击事件
 function itemClick(item: any) {
     // console.log("点击",item);
-    popup("监控画面", [h(cameraWindow, { windowData: item })], "cameraWindow");
+    // popup("监控画面", [h(cameraWindow, { windowData: item })], "cameraWindow");
+    //打开小窗
+    item.windowVisible = true
+}
+//小窗关闭
+function windowCancel(item: any){
+    item.windowVisible = false
 }
 
 function loadVideoPlayer() {
@@ -318,7 +336,8 @@ function mouseDownVideo(e: MouseEvent) {
                         isDelete: false,
                         inFlag: true,
                         name: name,
-                        groupName: name
+                        groupName: name,
+                        windowVisible: false //小窗开关状态
                     }
                     labelList.value.push(obj)
                     isActiveChoose.value = false