Explorar el Código

修改状态监控页面总览和路口左侧菜单默认只显示到区,默认不展开子区及路口点

画安 hace 3 semanas
padre
commit
7ec272b4a5
Se han modificado 1 ficheros con 13 adiciones y 7 borrados
  1. 13 7
      src/components/ui/MenuItem.vue

+ 13 - 7
src/components/ui/MenuItem.vue

@@ -35,12 +35,13 @@
     </div>
 
     <div class="menu-children" v-show="isOpen" v-if="hasChildren">
-      <MenuItem 
-        v-for="child in node.children" 
-        :key="child.id" 
-        :node="child" 
+      <MenuItem
+        v-for="child in node.children"
+        :key="child.id"
+        :node="child"
         :level="level + 1"
-        :theme="theme" 
+        :theme="theme"
+        :defaultExpandLevel="defaultExpandLevel"
         @node-click="passEventUp"
         @folder-click="passFolderClickUp"
       >
@@ -67,12 +68,17 @@ export default {
     // 可选值:'tech' (科技渐变) | 'dark' (极简暗色)
     theme: {
       type: String,
-      default: 'tech' 
+      default: 'tech'
+    },
+    // 默认展开到第几层(不含该层),例如 2 表示 level 0、1 展开,level 2 起折叠
+    defaultExpandLevel: {
+      type: Number,
+      default: 2
     }
   },
   data() {
     return {
-      isOpen: true 
+      isOpen: this.level < this.defaultExpandLevel
     };
   },
   computed: {