登录页面样式&检测计划样式修改

frontend/src/views/home/components/tree.vue

@@ -4,14 +4,18 @@
       placeholder="请输入计划名称"
       v-model="searchForm.planName"
     ></el-input>
-    <el-tree
-      :data="data"
-      ref="treeRef"
-      :filter-node-method="filterNode"
-      :props="defaultProps"
-      node-key="id"
-      @node-click="handleNodeClick"
-    />
+    <div class="tree_container">
+      <el-tree
+        :data="data"
+        ref="treeRef"
+        :filter-node-method="filterNode"
+        :props="defaultProps"
+        node-key="id"
+        default-expand-all
+        @node-click="handleNodeClick"
+      >
+    </el-tree>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
@@ -55,16 +59,20 @@ defineExpose({ getTreeData });
 .plan_tree {
   width: 200px;
   height: 100%;
-  //   display: flex;
-  //   flex-direction: column;
+  display: flex;
+  flex-direction: column;
   padding: 5px;
+  height: calc(100% - 70px);
   .el-input {
     width: 100%;
-    // height: 40px;
-    margin:0 10px 10px 0;
+    margin: 0 10px 10px 0;
   }
-  .el-tree {
-    height: calc(100% - 70px);
+  .tree_container {
+    flex: 1;
+    overflow-y: auto;
+    .el-tree {
+      height: 100%;
+    }
   }
 }
 </style>