8872

src/components/knowledgeExtra/AddTermSet.vue

@@ -47,9 +47,8 @@
     flex-wrap: wrap;
   }
   .table_content {
-    min-height: 200px;
-    height: calc(100vh - 264px);
     margin-top: 10px;
+    overflow: hidden;
     .table_left {
       width: 45%;
       float: left;
@@ -59,7 +58,7 @@
       .left_box {
         margin: 30px 0;
         overflow: hidden;
-        min-height: 530px;
+        min-height: calc(100vh - 410px)
       }
       .tabs {
         max-width: 100%;
@@ -79,7 +78,7 @@
       .right_box {
         margin: 30px 0;
         overflow: hidden;
-        min-height: 530px;
+        min-height: calc(100vh - 410px)
       }
       .tabs {
         max-width: 100%;
@@ -214,8 +213,8 @@
             <el-table
               :data="leftList"
               border
-              min-height="200"
-              max-height="500"
+              style="min-height: 200px"
+              height="calc(100vh - 393px)"
               class="tabs"
               :header-row-style="{height:'40px'}"
               :header-cell-style="{height:'40px',background:'#f7f7f7'}"
@@ -274,8 +273,8 @@
             <el-table
               :data="conceptList"
               border
-              min-height="200"
-              max-height="500"
+              style="min-height: 200px"
+              height="calc(100vh - 393px)"
               class="tabs"
               @row-click="btn"
               :header-row-style="{height:'40px'}"
@@ -594,7 +593,7 @@ export default {
             this.excludedConceptIds.splice(index, 1);
           }
         });
-      }else{
+      } else {
         this.leftList.forEach((item, index) => {
           if (item.conceptId == row.conceptId) {
             this.leftList.splice(index, 1);