退出教室消失面板

src/components/home.vue

@@ -4,7 +4,7 @@
             <img :src="headImg" alt="" />
         </div>
         <el-container>
-            <Left  @childMethod="childMethod"></Left>
+            <Left ref="childRef" @childMethod="childMethod"></Left>
             <right></right>
             <div ref="linedomRef" style="width:1px;height:1px;position: absolute;z-index: 228;background:#ccc;">
             </div>
@@ -205,9 +205,28 @@ export default ({
         }
 
 
-
+        const childRef = ref(null);
         const handleResponseFunction = (data) => {
             console.log("从UE返回过来的值", data)
+
+            //如果退出教室
+            if(data=='quit_class'){
+
+                //消失线
+                lineContainer.value.remove()
+                lineContainer.value = null
+                //消失点击详情
+                popoverRef.value.style.display = "none"
+                //消失面板
+                if (childRef.value) {
+                    childRef.value.clearPanel();
+                }
+
+                
+            }
+
+
+
             if (data == "{isrotate}") {
                 // console.log("旋转场景了", lineContainer, lineContainer.value);
                 if (lineContainer.value) {
@@ -346,7 +365,8 @@ export default ({
             headImg,
             titleDialog,
             orientation,
-            childMethod
+            childMethod,
+            childRef
     
         }
     },

src/components/left.vue

@@ -176,6 +176,12 @@ export default ({
         const interDevice = ref([])
 
         const roomVisible = ref(false)
+
+        //消失面板
+        const clearPanel=()=>{
+            roomVisible.value = false;
+        }
+
         const popoverRef = ref(null)
         const triggerRef = ref({
             getBoundingClientRect() {
@@ -334,7 +340,8 @@ export default ({
             classRoomCount,
             triggerRef,
             classInfo,
-            leftimg
+            leftimg,
+            clearPanel
         }
     },
 })