样式

frontend/src/business/components/track/TestTrack.vue

@@ -26,6 +26,18 @@
     }
 </script>
 
+
+<style>
+
+  .tree-aside {
+    position: relative;
+    border: 1px solid #EBEEF5;
+    box-sizing: border-box;
+    background: white;
+  }
+</style>
+
 <style scoped>
 
+
 </style>

frontend/src/business/components/track/case/TestCase.vue

@@ -209,13 +209,6 @@
     margin: 3%;
   }
 
-  .tree-aside {
-    position: relative;
-    border: 1px solid #EBEEF5;
-    box-sizing: border-box;
-    background: white;
-  }
-
   .case-container {
     height: calc(100vh - 150px);
     min-height: 600px;

frontend/src/business/components/track/plan/view/TestPlanView.vue

@@ -122,13 +122,6 @@
     min-height: 600px;
   }
 
-  .tree-aside {
-    position: relative;
-    border: 1px solid #EBEEF5;
-    box-sizing: border-box;
-    background: white;
-  }
-
   .el-main {
     padding: 15px;
   }

frontend/src/business/components/track/plan/view/comonents/TestCaseRelevance.vue

@@ -8,7 +8,7 @@
                width="50%">
 
       <el-container class="main-content">
-        <el-aside class="node-tree" width="250px">
+        <el-aside class="tree-aside" width="250px">
           <node-tree class="node-tree"
                      @nodeSelectEvent="nodeChange"
                      @refresh="refresh"
@@ -18,7 +18,7 @@
 
         <el-container>
           <el-main class="case-content" v-loading="result.loading">
-            <el-scrollbar style="height:100%">
+            <el-scrollbar>
                 <el-table
                   :data="testCases"
                   row-key="id"
@@ -185,11 +185,17 @@
   }
 
   .case-content {
-    height: 100%;
+    height: 500px;
+    /*border: 1px solid #EBEEF5;*/
   }
 
   .main-content {
     min-height: 300px;
+    /*border: 1px solid #EBEEF5;*/
+  }
+
+  .el-scrollbar {
+    height: 100%;
   }
 
 </style>