fix: 尝试修复表格固定列之后错乱的问题

frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue

@@ -441,18 +441,12 @@ export default {
             }
           });
 
-          if (this.$refs.scenarioTable) {
-            setTimeout(() => {
-              this.$refs.scenarioTable.doLayout();
-              this.result.loading = false;
-            }, 500)
-          }
-
           if (!this.condition.selectAll) {
             this.condition.unSelectIds = response.data.listObject.map(s => s.id);
           }
 
           this.$nextTick(function () {
+            this.$refs.scenarioTable.doLayout();
             this.checkTableRowIsSelect();
           })
         });
@@ -838,4 +832,8 @@ export default {
 /deep/ .el-card__header {
   padding: 10px;
 }
+
+/deep/ .el-table__fixed-body-wrapper {
+  top: 60px !important;
+}
 </style>

frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue

@@ -351,13 +351,9 @@ export default {
               item.tags = JSON.parse(item.tags);
             }
           })
-          if (this.$refs.caseTable) {
-            setTimeout(() => {
-              this.$refs.caseTable.doLayout();
-              this.result.loading = false;
-            }, 500)
-          }
+
           this.$nextTick(function(){
+            this.$refs.caseTable.doLayout();
             this.checkTableRowIsSelect();
           })
         });
@@ -694,4 +690,8 @@ export default {
 /deep/ .el-table__fixed {
   height: 100% !important;
 }
+
+/deep/ .el-table__fixed-body-wrapper {
+  top: 60px !important;
+}
 </style>

frontend/src/business/components/api/definition/components/list/ApiList.vue

@@ -454,18 +454,10 @@
                 item.tags = JSON.parse(item.tags);
               }
             })
-            if (this.$refs.apiDefinitionTable) {
-              setTimeout(() => {
-                this.$refs.apiDefinitionTable.doLayout();
-                this.result.loading = false;
-              }, 500)
-            }
+
             // nexttick:表格加载完成之后触发。判断是否需要勾选行
             this.$nextTick(function(){
-              // if (this.$refs.apiDefinitionTable) {
-              //   this.$refs.apiDefinitionTable.doLayout();
-              //   this.result.loading = false;
-              // }
+              this.$refs.apiDefinitionTable.doLayout();
               this.checkTableRowIsSelect();
             })
           });
@@ -838,4 +830,8 @@
     top: -2px;
   }
 
+  /deep/ .el-table__fixed-body-wrapper {
+    top: 60px !important;
+  }
+
 </style>

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

@@ -392,14 +392,9 @@ export default {
           this.tableData.forEach((item) => {
             item.tags = JSON.parse(item.tags);
           })
-          if (this.$refs.table) {
-            setTimeout(() => {
-              this.$refs.table.doLayout();
-              this.result.loading = false;
-            }, 500)
-          }
 
           this.$nextTick(function(){
+            this.$refs.table.doLayout();
             this.checkTableRowIsSelect();
           })
         });
@@ -662,4 +657,8 @@ export default {
 .el-tag {
   margin-left: 10px;
 }
+
+/deep/ .el-table__fixed-body-wrapper {
+  top: 60px !important;
+}
 </style>

frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseList.vue

@@ -472,12 +472,7 @@ export default {
             }
           }
           this.selectRows.clear();
-          if (this.$refs.table) {
-            setTimeout(() => {
-              this.$refs.table.doLayout();
-              this.result.loading = false;
-            }, 500)
-          }
+          this.$refs.table.doLayout();
         });
       }
       getLabel(this, TEST_PLAN_FUNCTION_TEST_CASE);
@@ -718,4 +713,8 @@ export default {
 .ms-table-header >>> .table-title {
   height: 0px;
 }
+
+/deep/ .el-table__fixed-body-wrapper {
+  top: 60px !important;
+}
 </style>