fix: 修复Github 场景表格英文状态下操作列会串行的问题

修复Github 场景表格英文状态下操作列会串行的问题

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

@@ -44,14 +44,14 @@
                            sortable="custom"
                            :label="$t('api_test.automation.scenario_name')"
                            show-overflow-tooltip
-                           min-width="120px"
+                           min-width="150px"
                            :key="index"
           />
           <el-table-column v-if="item.id == 'level'" prop="level"
                            sortable="custom"
                            column-key="level"
                            :filters="levelFilters"
-                           min-width="120px"
+                           min-width="130px"
                            :label="$t('api_test.automation.case_level')"
                            show-overflow-tooltip :key="index">
             <template v-slot:default="scope">
@@ -95,7 +95,7 @@
                            :label="$t('api_test.automation.last_result')"
                            :filters="resultFilters"
 
-                           sortable="custom" column-key="last_result" min-width="120px" :key="index">
+                           sortable="custom" column-key="last_result" min-width="130px" :key="index">
             <template v-slot:default="{row}">
               <el-link type="success" @click="showReport(row)" v-if="row.lastResult === 'Success'">
                 {{ $t('api_test.automation.success') }}

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

@@ -12,6 +12,7 @@
                 :total="total" enableSelection
                 :batch-operators="trashEnable ? trashButtons : buttons" :screenHeight="screenHeight"
                 :operators="tableOperatorButtons" operator-width="170px"
+                @openCustomHeader="customHeader"
                 ref="apiDefinitionTable"
       >
         <template v-for="(item, index) in tableLabel">
@@ -82,7 +83,7 @@
             column-key="user_id"
             :label="$t('api_test.definition.api_principal')"
             show-overflow-tooltip
-            width="100px"
+            width="145px"
             :key="index"/>
 
           <ms-table-column
@@ -108,7 +109,7 @@
 
           <ms-table-column
             v-if="item.id == 'updateTime'"
-            width="160"
+            width="200"
             :label="$t('api_test.definition.api_last_time')"
             sortable="custom"
             prop="updateTime"
@@ -121,7 +122,7 @@
           <ms-table-column
             v-if="item.id == 'caseTotal'"
             prop="caseTotal"
-            width="80px"
+            width="140px"
             :label="$t('api_test.definition.api_case_number')"
             show-overflow-tooltip
             :key="index"/>
@@ -129,23 +130,22 @@
           <ms-table-column
             v-if="item.id == 'caseStatus'"
             prop="caseStatus"
-            width="80px"
+            width="130px"
             :label="$t('api_test.definition.api_case_status')"
             show-overflow-tooltip
             :key="index"/>
 
           <ms-table-column
             v-if="item.id == 'casePassingRate'"
-            width="100px"
+            width="150px"
             prop="casePassingRate"
             :label="$t('api_test.definition.api_case_passing_rate')"
             show-overflow-tooltip
             :key="index"/>
         </template>
-
-
       </ms-table>
-
+      <header-custom ref="headerCustom" :initTableData="initTable" :optionalFields=headerItems
+                     :type=type></header-custom>
       <ms-table-pagination :change="initTable" :current-page.sync="currentPage" :page-size.sync="pageSize"
                            :total="total"/>
     </div>

frontend/src/business/components/common/components/table/MsTable.vue

@@ -1,5 +1,6 @@
 <template>
-  <el-table
+  <div>
+    <el-table
       border
       :data="data"
       @sort-change="sort"
@@ -31,9 +32,9 @@
 
       <slot></slot>
 
-      <ms-table-column
+      <el-table-column
         v-if="operators && operators.length > 0"
-        :width="operatorWidth"
+        :min-width="operatorWidth"
         fixed="right"
         :label="$t('commons.operating')">
         <template slot="header">
@@ -42,9 +43,9 @@
         <template v-slot:default="scope">
           <ms-table-operators :buttons="operators" :row="scope.row" :index="scope.$index"/>
         </template>
-      </ms-table-column>
-
+      </el-table-column>
     </el-table>
+  </div>
 </template>
 
 <script>
@@ -64,12 +65,13 @@ import ShowMoreBtn from "@/business/components/track/case/components/ShowMoreBtn
 import MsTableColumn from "@/business/components/common/components/table/Ms-table-column";
 import MsTableOperators from "@/business/components/common/components/MsTableOperators";
 import HeaderLabelOperate from "@/business/components/common/head/HeaderLabelOperate";
+import HeaderCustom from "@/business/components/common/head/HeaderCustom";
 
 export default {
   name: "MsTable",
   components: {
     HeaderLabelOperate,
-    MsTableOperators, MsTableColumn, ShowMoreBtn, MsTablePagination, MsTableHeaderSelectPopover
+    MsTableOperators, MsTableColumn, ShowMoreBtn, MsTablePagination, MsTableHeaderSelectPopover, HeaderCustom
   },
   data() {
     return {
@@ -164,7 +166,7 @@ export default {
   },
   methods: {
     openCustomHeader() {
-      this.$refs.headerCustom.open(this.tableLabel);
+      this.$emit("openCustomHeader");
     },
     handleSelectAll(selection) {
       _handleSelectAll(this, selection, this.data, this.selectRows);