查看教室设备信息消失

src/components/home.vue

@@ -4,7 +4,7 @@
             <img :src="headImg" alt="" />
         </div>
         <el-container>
-            <Left></Left>
+            <Left  @childMethod="childMethod"></Left>
             <right></right>
             <div ref="linedomRef" style="width:1px;height:1px;position: absolute;z-index: 228;background:#ccc;">
             </div>
@@ -194,6 +194,18 @@ export default ({
             clickData1.value.y = e.clientY;
         }
 
+
+        //消失线的方法
+        const childMethod =()=>{
+            
+            if (lineContainer.value) {
+                    lineContainer.value.remove()
+                    lineContainer.value = null
+                }
+        }
+
+
+
         const handleResponseFunction = (data) => {
             console.log("从UE返回过来的值", data)
             if (data == "{isrotate}") {
@@ -334,6 +346,7 @@ export default ({
             headImg,
             titleDialog,
             orientation,
+            childMethod
     
         }
     },

src/components/left.vue

@@ -103,7 +103,7 @@ export default ({
 
     name: 'Histogram',
     components: { ElScrollbar, ElPagination, ElDialog, ElCarousel, ElCarouselItem, CircleProgress },
-    setup() {
+    setup(_, { emit }) {
         // 教室分类统计
         const classRoomCount = ref([])
 
@@ -189,6 +189,13 @@ export default ({
         let classInfo = ref({})
         const handleRoom = function (item) {
 
+
+            //查看前隐藏
+            let a1=document.getElementById('popoverRef')
+            a1.style.display = "none"
+
+            emit('childMethod');
+
         console.log('kankanitem',item);
        setTimeout(() => {
         roomVisible.value = true;