修改状态监控页面添加切换Tab菜单清空弹窗的功能

src/styles/base.css

@@ -99,6 +99,8 @@ html, body {
 
 .left-sidebar-wrap {
     max-width: 400px;
+    position: relative;
+    top: -50px;
 }
 
 /* ==========================================

src/views/StatusMonitoring.vue

@@ -19,7 +19,7 @@
         <template #left>
             <!-- 左侧Tab菜单栏 -->
             <div class="left-sidebar-wrap">
-                <TechTabs v-model="activeLeftTab" type="underline">
+                <TechTabs v-model="activeLeftTab" type="underline" @tab-click="handleTabClick">
                     <TechTabPane label="总览" name="overview" class="menu-scroll-view">
                         <MenuItem theme="tech" v-for="item in menuData" :key="item.id" :node="item" :level="0"
                             @node-click="handleMenuClick" />
@@ -231,6 +231,12 @@ export default {
 
     },
     methods: {
+        // 处理tab点击
+        handleTabClick(nodeData) {
+            console.log('父组件接收到了tab点击事件:', nodeData);
+            this.activeDialogs = []; // 清空全部弹窗
+        },
+        // 处理菜单点击
         handleMenuClick(nodeData) {
             console.log('父组件接收到了最底层路口点击事件:', nodeData);
             // 这里可以根据 nodeData 的经纬度来控制地图组件的视角