From 46e7a47d2e9c428bbc3a1665933cfce06bb8244b Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Thu, 27 May 2021 12:23:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E5=88=97=E6=8C=89=E9=92=AE=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/automation/report/ApiReportList.vue   | 12 ++--
 .../components/list/ApiCaseSimpleList.vue     | 30 +++++-----
 .../definition/components/mock/MockConfig.vue | 13 +++--
 .../request/database/DatabaseConfigList.vue   |  9 ++-
 .../components/api/report/ApiReportList.vue   | 10 ++--
 .../components/api/test/ApiTestList.vue       |  4 +-
 .../environment/EnvironmentHttpConfig.vue     | 10 ++--
 .../environment/EnvironmentSSLConfig.vue      | 10 ++--
 .../api/test/components/jar/JarConfigList.vue |  5 +-
 .../request/database/DatabaseConfigList.vue   |  9 ++-
 .../common/components/table/MsTable.vue       |  4 +-
 .../performance/test/PerformanceTestList.vue  |  4 +-
 .../organization/OrganizationMember.vue       |  9 ++-
 .../organization/OrganizationWorkspace.vue    | 13 +++--
 .../components/settings/personal/ApiKeys.vue  |  6 +-
 .../settings/personal/PersonSetting.vue       | 10 ++--
 .../settings/project/EnvironmentList.vue      | 19 ++++---
 .../components/settings/project/Member.vue    |  9 ++-
 .../settings/project/ProjectList.vue          | 38 +++++++------
 .../settings/system/Organization.vue          | 14 +++--
 .../settings/system/SystemWorkspace.vue       | 13 +++--
 .../settings/system/TestResourcePool.vue      |  8 ++-
 .../components/settings/system/User.vue       | 19 ++++---
 .../settings/system/group/UserGroup.vue       | 20 ++++---
 .../settings/workspace/MsProject.vue          | 43 ++++++++-------
 .../settings/workspace/WorkspaceMember.vue    |  9 ++-
 .../settings/workspace/WsEnvironmentList.vue  | 19 ++++---
 .../track/plan/components/TestPlanList.vue    | 55 ++++++++++---------
 .../comonents/api/TestPlanApiCaseList.vue     | 17 +++---
 .../comonents/api/TestPlanApiScenarioList.vue | 18 +++---
 .../functional/FunctionalTestCaseList.vue     | 14 +++--
 .../comonents/load/TestPlanLoadCaseList.vue   | 19 ++++---
 .../report/components/TestPlanReportList.vue  | 11 ++--
 .../review/components/TestCaseReviewList.vue  | 14 +++--
 .../components/TestReviewTestCaseList.vue     | 14 +++--
 frontend/src/business/components/xpack        |  2 +-
 36 files changed, 318 insertions(+), 215 deletions(-)

diff --git a/frontend/src/business/components/api/automation/report/ApiReportList.vue b/frontend/src/business/components/api/automation/report/ApiReportList.vue
index 284edee406..5fb478fb2f 100644
--- a/frontend/src/business/components/api/automation/report/ApiReportList.vue
+++ b/frontend/src/business/components/api/automation/report/ApiReportList.vue
@@ -58,11 +58,13 @@
           </el-table-column>
           <el-table-column width="150" :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operator-button :tip="$t('api_report.detail')" icon="el-icon-s-data"
-                                        @exec="handleView(scope.row)" type="primary"/>
-              <ms-table-operator-button :tip="$t('api_report.delete')"
-                                        v-permission="['PROJECT_API_REPORT:READ+DELETE']"
-                                        icon="el-icon-delete" @exec="handleDelete(scope.row)" type="danger"/>
+              <div>
+                <ms-table-operator-button :tip="$t('api_report.detail')" icon="el-icon-s-data"
+                                          @exec="handleView(scope.row)" type="primary"/>
+                <ms-table-operator-button :tip="$t('api_report.delete')"
+                                          v-permission="['PROJECT_API_REPORT:READ+DELETE']"
+                                          icon="el-icon-delete" @exec="handleDelete(scope.row)" type="danger"/>
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue b/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
index a3482c9b6e..3b720b7cb0 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
@@ -102,19 +102,23 @@
             <header-label-operate @exec="customHeader"/>
           </template>
           <template v-slot:default="scope">
-            <ms-table-operator-button class="run-button"
-                                      :tip="$t('api_test.automation.execute')"
-                                      icon="el-icon-video-play"
-                                      v-permission="['PROJECT_API_DEFINITION:READ+RUN']"
-                                      @exec="runTestCase(scope.row)"/>
-            <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-edit" @exec="handleTestCase(scope.row)"
-                                      v-permission="['PROJECT_API_DEFINITION:READ+EDIT_CASE']"
-                                      />
-            <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" @exec="handleDelete(scope.row)"
-                                      v-permission="['PROJECT_API_DEFINITION:READ+DELETE_CASE']"
-                                      type="danger"/>
-            <ms-api-case-table-extend-btns @showCaseRef="showCaseRef" @showEnvironment="showEnvironment"
-                                           @createPerformance="createPerformance" :row="scope.row"/>
+            <div>
+              <ms-table-operator-button class="run-button"
+                                        :tip="$t('api_test.automation.execute')"
+                                        icon="el-icon-video-play"
+                                        v-permission="['PROJECT_API_DEFINITION:READ+RUN']"
+                                        @exec="runTestCase(scope.row)"/>
+              <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-edit" @exec="handleTestCase(scope.row)"
+                                        v-permission="['PROJECT_API_DEFINITION:READ+EDIT_CASE']"
+              />
+              <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete"
+                                        @exec="handleDelete(scope.row)"
+                                        v-permission="['PROJECT_API_DEFINITION:READ+DELETE_CASE']"
+                                        type="danger"/>
+              <ms-api-case-table-extend-btns @showCaseRef="showCaseRef"
+                                             @showEnvironment="showEnvironment"
+                                             @createPerformance="createPerformance" :row="scope.row"/>
+            </div>
           </template>
         </el-table-column>
 
diff --git a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
index 5bdbb3a16c..3b1db7a1dc 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
@@ -38,11 +38,14 @@
           </el-table-column>
           <el-table-column fixed="right" min-width="100" align="center" :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-copy-document"
-                                        @exec="copyExpect(scope.row)"
-                                        />
-              <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-delete" @exec="removeExpect(scope.row)"
-              />
+              <div>
+                <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-copy-document"
+                                          @exec="copyExpect(scope.row)"
+                />
+                <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-delete"
+                                          @exec="removeExpect(scope.row)"
+                />
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/api/definition/components/request/database/DatabaseConfigList.vue b/frontend/src/business/components/api/definition/components/request/database/DatabaseConfigList.vue
index f2a6c99459..bb820c80a7 100644
--- a/frontend/src/business/components/api/definition/components/request/database/DatabaseConfigList.vue
+++ b/frontend/src/business/components/api/definition/components/request/database/DatabaseConfigList.vue
@@ -15,9 +15,12 @@
 
       <el-table-column :label="$t('commons.operating')" min-width="100">
         <template v-slot:default="scope">
-          <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-document-copy" type="success"
-                                    @exec="handleCopy(scope.$index, scope.row)"/>
-          <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger" @exec="handleDelete(scope.$index)"/>
+          <div>
+            <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-document-copy" type="success"
+                                      @exec="handleCopy(scope.$index, scope.row)"/>
+            <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger"
+                                      @exec="handleDelete(scope.$index)"/>
+          </div>
         </template>
       </el-table-column>
 
diff --git a/frontend/src/business/components/api/report/ApiReportList.vue b/frontend/src/business/components/api/report/ApiReportList.vue
index 8e6ec9f99d..4ba0aef919 100644
--- a/frontend/src/business/components/api/report/ApiReportList.vue
+++ b/frontend/src/business/components/api/report/ApiReportList.vue
@@ -43,10 +43,12 @@
           </el-table-column>
           <el-table-column width="150" :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operator-button :tip="$t('api_report.detail')" icon="el-icon-s-data"
-                                        @exec="handleView(scope.row)" type="primary"/>
-              <ms-table-operator-button :tip="$t('api_report.delete')"
-                                        icon="el-icon-delete" @exec="handleDelete(scope.row)" type="danger"/>
+              <div>
+                <ms-table-operator-button :tip="$t('api_report.detail')" icon="el-icon-s-data"
+                                          @exec="handleView(scope.row)" type="primary"/>
+                <ms-table-operator-button :tip="$t('api_report.delete')"
+                                          icon="el-icon-delete" @exec="handleDelete(scope.row)" type="danger"/>
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/api/test/ApiTestList.vue b/frontend/src/business/components/api/test/ApiTestList.vue
index f02ee60c05..7171b835b0 100644
--- a/frontend/src/business/components/api/test/ApiTestList.vue
+++ b/frontend/src/business/components/api/test/ApiTestList.vue
@@ -45,7 +45,9 @@
           </el-table-column>
           <el-table-column width="150" :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operators :buttons="buttons" :row="scope.row"/>
+              <div>
+                <ms-table-operators :buttons="buttons" :row="scope.row"/>
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/api/test/components/environment/EnvironmentHttpConfig.vue b/frontend/src/business/components/api/test/components/environment/EnvironmentHttpConfig.vue
index 2fdb7f2364..f13155c843 100644
--- a/frontend/src/business/components/api/test/components/environment/EnvironmentHttpConfig.vue
+++ b/frontend/src/business/components/api/test/components/environment/EnvironmentHttpConfig.vue
@@ -69,10 +69,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')" width="100px">
           <template v-slot:default="{row}">
-            <ms-table-operator-button :tip="$t('api_test.automation.copy')"
-                                      icon="el-icon-document-copy" @exec="copy(row)"/>
-            <ms-table-operator-button :tip="$t('api_test.automation.remove')"
-                                      icon="el-icon-delete" @exec="remove(row)" type="danger"/>
+            <div>
+              <ms-table-operator-button :tip="$t('api_test.automation.copy')"
+                                        icon="el-icon-document-copy" @exec="copy(row)"/>
+              <ms-table-operator-button :tip="$t('api_test.automation.remove')"
+                                        icon="el-icon-delete" @exec="remove(row)" type="danger"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue b/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
index d0247e8f00..9cecd60df9 100644
--- a/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
+++ b/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
@@ -23,10 +23,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')" width="100px">
           <template v-slot:default="{row}">
-            <ms-table-operator-button :tip="$t('commons.update')" icon="el-icon-edit"
-                                      type="primary" @exec="edit(row)"/>
-            <ms-table-operator-button :tip="$t('api_test.automation.remove')"
-                                      icon="el-icon-delete" @exec="remove(row)" type="danger"/>
+            <div>
+              <ms-table-operator-button :tip="$t('commons.update')" icon="el-icon-edit"
+                                        type="primary" @exec="edit(row)"/>
+              <ms-table-operator-button :tip="$t('api_test.automation.remove')"
+                                        icon="el-icon-delete" @exec="remove(row)" type="danger"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/api/test/components/jar/JarConfigList.vue b/frontend/src/business/components/api/test/components/jar/JarConfigList.vue
index 6f8424b54a..110d00c240 100644
--- a/frontend/src/business/components/api/test/components/jar/JarConfigList.vue
+++ b/frontend/src/business/components/api/test/components/jar/JarConfigList.vue
@@ -19,7 +19,10 @@
 
       <el-table-column :label="$t('commons.operating')" min-width="100">
         <template v-slot:default="scope">
-          <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger" @exec="handleDelete(scope.row.id)"/>
+          <div>
+            <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger"
+                                      @exec="handleDelete(scope.row.id)"/>
+          </div>
         </template>
       </el-table-column>
 
diff --git a/frontend/src/business/components/api/test/components/request/database/DatabaseConfigList.vue b/frontend/src/business/components/api/test/components/request/database/DatabaseConfigList.vue
index c1c600a58e..2536566c91 100644
--- a/frontend/src/business/components/api/test/components/request/database/DatabaseConfigList.vue
+++ b/frontend/src/business/components/api/test/components/request/database/DatabaseConfigList.vue
@@ -15,9 +15,12 @@
 
       <el-table-column :label="$t('commons.operating')" min-width="100">
         <template v-slot:default="scope">
-          <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-document-copy" type="success"
-                                    @exec="handleCopy(scope.$index, scope.row)"/>
-          <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger" @exec="handleDelete(scope.$index)"/>
+          <div>
+            <ms-table-operator-button :tip="$t('commons.copy')" icon="el-icon-document-copy" type="success"
+                                      @exec="handleCopy(scope.$index, scope.row)"/>
+            <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete" type="danger"
+                                      @exec="handleDelete(scope.$index)"/>
+          </div>
         </template>
       </el-table-column>
 
diff --git a/frontend/src/business/components/common/components/table/MsTable.vue b/frontend/src/business/components/common/components/table/MsTable.vue
index 1fb0596e35..8cb719e1d5 100644
--- a/frontend/src/business/components/common/components/table/MsTable.vue
+++ b/frontend/src/business/components/common/components/table/MsTable.vue
@@ -41,7 +41,9 @@
           <header-label-operate @exec="openCustomHeader"/>
         </template>
         <template v-slot:default="scope">
-          <ms-table-operators :buttons="operators" :row="scope.row" :index="scope.$index"/>
+          <div>
+            <ms-table-operators :buttons="operators" :row="scope.row" :index="scope.$index"/>
+          </div>
         </template>
       </el-table-column>
     </el-table>
diff --git a/frontend/src/business/components/performance/test/PerformanceTestList.vue b/frontend/src/business/components/performance/test/PerformanceTestList.vue
index 1b04d0df29..3f31e0ed90 100644
--- a/frontend/src/business/components/performance/test/PerformanceTestList.vue
+++ b/frontend/src/business/components/performance/test/PerformanceTestList.vue
@@ -78,7 +78,9 @@
             width="150"
             :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operators :buttons="buttons" :row="scope.row"/>
+              <div>
+                <ms-table-operators :buttons="buttons" :row="scope.row"/>
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/settings/organization/OrganizationMember.vue b/frontend/src/business/components/settings/organization/OrganizationMember.vue
index 4fcee7ef0a..f312195855 100644
--- a/frontend/src/business/components/settings/organization/OrganizationMember.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationMember.vue
@@ -34,9 +34,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['ORGANIZATION_USER:READ+EDIT']"
-                               :delete-permission="['ORGANIZATION_USER:READ+DELETE']"
-              :tip2="$t('commons.remove')" @editClick="edit(scope.row)" @deleteClick="del(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['ORGANIZATION_USER:READ+EDIT']"
+                                 :delete-permission="['ORGANIZATION_USER:READ+DELETE']"
+                                 :tip2="$t('commons.remove')" @editClick="edit(scope.row)"
+                                 @deleteClick="del(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue b/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
index 1ee91015a1..d0f5e1ce60 100644
--- a/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
@@ -19,9 +19,11 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['ORGANIZATION_WORKSPACE:READ+EDIT']"
-                               :delete-permission="['ORGANIZATION_WORKSPACE:READ+DELETE']"
-              @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['ORGANIZATION_WORKSPACE:READ+EDIT']"
+                                 :delete-permission="['ORGANIZATION_WORKSPACE:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -77,7 +79,10 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)" @deleteClick="delMember(scope.row)"/>
+            <div>
+              <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
+                                 @deleteClick="delMember(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/personal/ApiKeys.vue b/frontend/src/business/components/settings/personal/ApiKeys.vue
index 8e2a85eb05..0f005d84fe 100644
--- a/frontend/src/business/components/settings/personal/ApiKeys.vue
+++ b/frontend/src/business/components/settings/personal/ApiKeys.vue
@@ -51,8 +51,10 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete"
-                                      type="danger" @exec="deleteApiKey(scope.row)"/>
+            <div>
+              <ms-table-operator-button :tip="$t('commons.delete')" icon="el-icon-delete"
+                                        type="danger" @exec="deleteApiKey(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/personal/PersonSetting.vue b/frontend/src/business/components/settings/personal/PersonSetting.vue
index 6bbf92a0f3..21aaf5b98a 100644
--- a/frontend/src/business/components/settings/personal/PersonSetting.vue
+++ b/frontend/src/business/components/settings/personal/PersonSetting.vue
@@ -22,10 +22,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator-button :tip="$t('member.edit_information')" icon="el-icon-edit"
-                                      type="primary" @exec="edit(scope.row)"/>
-            <ms-table-operator-button :tip="$t('member.edit_password')" icon="el-icon-s-tools" v-if="isLocalUser"
-                                      type="success" @exec="editPassword(scope.row)"/>
+            <div>
+              <ms-table-operator-button :tip="$t('member.edit_information')" icon="el-icon-edit"
+                                        type="primary" @exec="edit(scope.row)"/>
+              <ms-table-operator-button :tip="$t('member.edit_password')" icon="el-icon-s-tools" v-if="isLocalUser"
+                                        type="success" @exec="editPassword(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/project/EnvironmentList.vue b/frontend/src/business/components/settings/project/EnvironmentList.vue
index c16dbbae99..4f9766a6ee 100644
--- a/frontend/src/business/components/settings/project/EnvironmentList.vue
+++ b/frontend/src/business/components/settings/project/EnvironmentList.vue
@@ -35,14 +35,17 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['PROJECT_ENVIRONMENT:READ+EDIT']"
-                               :delete-permission="['PROJECT_ENVIRONMENT:READ+DELETE']"
-              @editClick="editEnv(scope.row)" @deleteClick="deleteEnv(scope.row)">
-              <template v-slot:middle>
-                <ms-table-operator-button v-permission="['PROJECT_ENVIRONMENT:READ+COPY']" :tip="$t('commons.copy')" @exec="copyEnv(scope.row)"
-                                          icon="el-icon-document-copy" type="info"/>
-              </template>
-            </ms-table-operator>
+            <div>
+              <ms-table-operator :edit-permission="['PROJECT_ENVIRONMENT:READ+EDIT']"
+                                 :delete-permission="['PROJECT_ENVIRONMENT:READ+DELETE']"
+                                 @editClick="editEnv(scope.row)" @deleteClick="deleteEnv(scope.row)">
+                <template v-slot:middle>
+                  <ms-table-operator-button v-permission="['PROJECT_ENVIRONMENT:READ+COPY']" :tip="$t('commons.copy')"
+                                            @exec="copyEnv(scope.row)"
+                                            icon="el-icon-document-copy" type="info"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/project/Member.vue b/frontend/src/business/components/settings/project/Member.vue
index 254f67ee1e..8a8080a134 100644
--- a/frontend/src/business/components/settings/project/Member.vue
+++ b/frontend/src/business/components/settings/project/Member.vue
@@ -20,9 +20,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['PROJECT_USER:READ+EDIT']"
-                               :delete-permission="['PROJECT_USER:READ+DELETE']"
-              :tip2="$t('commons.remove')" @editClick="edit(scope.row)" @deleteClick="del(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['PROJECT_USER:READ+EDIT']"
+                                 :delete-permission="['PROJECT_USER:READ+DELETE']"
+                                 :tip2="$t('commons.remove')" @editClick="edit(scope.row)"
+                                 @deleteClick="del(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/project/ProjectList.vue b/frontend/src/business/components/settings/project/ProjectList.vue
index 47322f5c15..7ac82f8acb 100644
--- a/frontend/src/business/components/settings/project/ProjectList.vue
+++ b/frontend/src/business/components/settings/project/ProjectList.vue
@@ -53,24 +53,26 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')" width="180">
           <template v-slot:default="scope">
-            <ms-table-operator
-              :edit-permission="['PROJECT_MANAGER:READ+EDIT']"
-              :delete-permission="['PROJECT_MANAGER:READ+DELETE']"
-              @editClick="edit(scope.row)"
-              :show-delete="false"
-              @deleteClick="handleDelete(scope.row)">
-              <template v-slot:behind>
-                <ms-table-operator-button
-                  v-permission="['PROJECT_MANAGER:READ+EDIT']"
-                  :tip="$t('api_test.environment.environment_config')" icon="el-icon-setting"
-                  type="info" @exec="openEnvironmentConfig(scope.row)"/>
-                <ms-table-operator-button
-                  v-permission="['PROJECT_MANAGER:READ+EDIT']"
-                  :tip="$t('load_test.other_resource')"
-                  icon="el-icon-files"
-                  type="success" @exec="openFiles(scope.row)"/>
-              </template>
-            </ms-table-operator>
+            <div>
+              <ms-table-operator
+                :edit-permission="['PROJECT_MANAGER:READ+EDIT']"
+                :delete-permission="['PROJECT_MANAGER:READ+DELETE']"
+                @editClick="edit(scope.row)"
+                :show-delete="false"
+                @deleteClick="handleDelete(scope.row)">
+                <template v-slot:behind>
+                  <ms-table-operator-button
+                    v-permission="['PROJECT_MANAGER:READ+EDIT']"
+                    :tip="$t('api_test.environment.environment_config')" icon="el-icon-setting"
+                    type="info" @exec="openEnvironmentConfig(scope.row)"/>
+                  <ms-table-operator-button
+                    v-permission="['PROJECT_MANAGER:READ+EDIT']"
+                    :tip="$t('load_test.other_resource')"
+                    icon="el-icon-files"
+                    type="success" @exec="openFiles(scope.row)"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/system/Organization.vue b/frontend/src/business/components/settings/system/Organization.vue
index be4c43fa66..a1ae40565c 100644
--- a/frontend/src/business/components/settings/system/Organization.vue
+++ b/frontend/src/business/components/settings/system/Organization.vue
@@ -21,9 +21,11 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['SYSTEM_ORGANIZATION:READ+EDIT']"
-                               :delete-permission="['SYSTEM_ORGANIZATION:READ+DELETE']"
-              @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['SYSTEM_ORGANIZATION:READ+EDIT']"
+                                 :delete-permission="['SYSTEM_ORGANIZATION:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -49,8 +51,10 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
-                               @deleteClick="delMember(scope.row)"/>
+            <div>
+              <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
+                                 @deleteClick="delMember(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/system/SystemWorkspace.vue b/frontend/src/business/components/settings/system/SystemWorkspace.vue
index 92f59d66e2..1680101b61 100644
--- a/frontend/src/business/components/settings/system/SystemWorkspace.vue
+++ b/frontend/src/business/components/settings/system/SystemWorkspace.vue
@@ -21,8 +21,11 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['SYSTEM_WORKSPACE:READ+EDIT']" :delete-permission="['SYSTEM_WORKSPACE:READ+DELETE']"
-              @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['SYSTEM_WORKSPACE:READ+EDIT']"
+                                 :delete-permission="['SYSTEM_WORKSPACE:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="handleDelete(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -107,8 +110,10 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
-                               @deleteClick="delMember(scope.row)"/>
+            <div>
+              <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
+                                 @deleteClick="delMember(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/system/TestResourcePool.vue b/frontend/src/business/components/settings/system/TestResourcePool.vue
index d66804ff0f..8d39c50751 100644
--- a/frontend/src/business/components/settings/system/TestResourcePool.vue
+++ b/frontend/src/business/components/settings/system/TestResourcePool.vue
@@ -39,9 +39,11 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['SYSTEM_TEST_POOL:READ+EDIT']"
-                               :delete-permission="['SYSTEM_TEST_POOL:READ+DELETE']"
-              @editClick="edit(scope.row)" @deleteClick="del(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['SYSTEM_TEST_POOL:READ+EDIT']"
+                                 :delete-permission="['SYSTEM_TEST_POOL:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="del(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/system/User.vue b/frontend/src/business/components/settings/system/User.vue
index 543e9cc09c..e6f7ac8fcd 100644
--- a/frontend/src/business/components/settings/system/User.vue
+++ b/frontend/src/business/components/settings/system/User.vue
@@ -53,13 +53,18 @@
         <el-table-column prop="source" :label="$t('user.source')"/>
         <el-table-column :label="$t('commons.operating')" min-width="120px">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['SYSTEM_USER:READ+EDIT']" :delete-permission="['SYSTEM_USER:READ+DELETE']"
-                               @editClick="edit(scope.row)" @deleteClick="del(scope.row)">
-              <template v-slot:behind>
-                <ms-table-operator-button :tip="$t('member.edit_password')" icon="el-icon-s-tools"
-                                          v-permission="['SYSTEM_USER:READ+EDIT_PASSWORD']" type="success" @exec="editPassword(scope.row)" v-if="scope.row.isLocalUser"/>
-              </template>
-            </ms-table-operator>
+            <div>
+
+              <ms-table-operator :edit-permission="['SYSTEM_USER:READ+EDIT']"
+                                 :delete-permission="['SYSTEM_USER:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="del(scope.row)">
+                <template v-slot:behind>
+                  <ms-table-operator-button :tip="$t('member.edit_password')" icon="el-icon-s-tools"
+                                            v-permission="['SYSTEM_USER:READ+EDIT_PASSWORD']" type="success"
+                                            @exec="editPassword(scope.row)" v-if="scope.row.isLocalUser"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/system/group/UserGroup.vue b/frontend/src/business/components/settings/system/group/UserGroup.vue
index 2efb27abf2..41cc0d72ca 100644
--- a/frontend/src/business/components/settings/system/group/UserGroup.vue
+++ b/frontend/src/business/components/settings/system/group/UserGroup.vue
@@ -29,14 +29,18 @@
         <el-table-column prop="description" label="描述"/>
         <el-table-column :label="$t('commons.operating')" min-width="120">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['SYSTEM_GROUP:READ+EDIT', 'ORGANIZATION_GROUP:READ+EDIT']"
-                               :delete-permission="['SYSTEM_GROUP:READ+DELETE', 'ORGANIZATION_GROUP:READ+DELETE']"
-              @editClick="edit(scope.row)" @deleteClick="del(scope.row)">
-              <template v-slot:middle>
-                <!--                <ms-table-operator-button tip="复制" icon="el-icon-document-copy" @exec="copy(scope.row)"/>-->
-                <ms-table-operator-button v-permission="['SYSTEM_GROUP:READ+SETTING_PERMISSION', 'ORGANIZATION_GROUP:READ+SETTING_PERMISSION']" tip="设置权限" icon="el-icon-s-tools" @exec="setPermission(scope.row)"/>
-              </template>
-            </ms-table-operator>
+            <div>
+              <ms-table-operator :edit-permission="['SYSTEM_GROUP:READ+EDIT', 'ORGANIZATION_GROUP:READ+EDIT']"
+                                 :delete-permission="['SYSTEM_GROUP:READ+DELETE', 'ORGANIZATION_GROUP:READ+DELETE']"
+                                 @editClick="edit(scope.row)" @deleteClick="del(scope.row)">
+                <template v-slot:middle>
+                  <!--                <ms-table-operator-button tip="复制" icon="el-icon-document-copy" @exec="copy(scope.row)"/>-->
+                  <ms-table-operator-button
+                    v-permission="['SYSTEM_GROUP:READ+SETTING_PERMISSION', 'ORGANIZATION_GROUP:READ+SETTING_PERMISSION']"
+                    tip="设置权限" icon="el-icon-s-tools" @exec="setPermission(scope.row)"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/workspace/MsProject.vue b/frontend/src/business/components/settings/workspace/MsProject.vue
index 3b5387fb55..5bf59ead50 100644
--- a/frontend/src/business/components/settings/workspace/MsProject.vue
+++ b/frontend/src/business/components/settings/workspace/MsProject.vue
@@ -60,24 +60,26 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')" width="180">
           <template v-slot:default="scope">
-            <ms-table-operator
-              :edit-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
-              :delete-permission="['WORKSPACE_PROJECT_MANAGER:READ+DELETE']"
-              :show-delete="projectId !== scope.row.id"
-              @editClick="edit(scope.row)"
-              @deleteClick="handleDelete(scope.row)">
-              <template v-slot:behind>
-                <ms-table-operator-button
-                  v-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
-                  :tip="$t('api_test.environment.environment_config')" icon="el-icon-setting"
-                  type="info" @exec="openEnvironmentConfig(scope.row)"/>
-                <ms-table-operator-button
-                  v-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
-                  :tip="$t('load_test.other_resource')"
-                  icon="el-icon-files"
-                  type="success" @exec="openFiles(scope.row)"/>
-              </template>
-            </ms-table-operator>
+            <div>
+              <ms-table-operator
+                :edit-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
+                :delete-permission="['WORKSPACE_PROJECT_MANAGER:READ+DELETE']"
+                :show-delete="projectId !== scope.row.id"
+                @editClick="edit(scope.row)"
+                @deleteClick="handleDelete(scope.row)">
+                <template v-slot:behind>
+                  <ms-table-operator-button
+                    v-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
+                    :tip="$t('api_test.environment.environment_config')" icon="el-icon-setting"
+                    type="info" @exec="openEnvironmentConfig(scope.row)"/>
+                  <ms-table-operator-button
+                    v-permission="['WORKSPACE_PROJECT_MANAGER:READ+EDIT']"
+                    :tip="$t('load_test.other_resource')"
+                    icon="el-icon-files"
+                    type="success" @exec="openFiles(scope.row)"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -149,7 +151,10 @@
           </el-table-column>
           <el-table-column :label="$t('commons.operating')">
             <template v-slot:default="scope">
-              <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)" @deleteClick="delMember(scope.row)"/>
+              <div>
+                <ms-table-operator :tip2="$t('commons.remove')" @editClick="editMember(scope.row)"
+                                   @deleteClick="delMember(scope.row)"/>
+              </div>
             </template>
           </el-table-column>
         </el-table>
diff --git a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
index c6b291a84b..898c91a2f3 100644
--- a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
+++ b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
@@ -35,9 +35,12 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['WORKSPACE_USER:READ+EDIT']"
-                               :delete-permission="['WORKSPACE_USER:READ+DELETE']"
-                               :tip2="$t('commons.remove')" @editClick="edit(scope.row)" @deleteClick="del(scope.row)"/>
+            <div>
+              <ms-table-operator :edit-permission="['WORKSPACE_USER:READ+EDIT']"
+                                 :delete-permission="['WORKSPACE_USER:READ+DELETE']"
+                                 :tip2="$t('commons.remove')" @editClick="edit(scope.row)"
+                                 @deleteClick="del(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue b/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
index a05de08965..1b0cd88d93 100644
--- a/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
+++ b/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
@@ -35,14 +35,17 @@
         </el-table-column>
         <el-table-column :label="$t('commons.operating')">
           <template v-slot:default="scope">
-            <ms-table-operator :edit-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+EDIT']"
-                               :delete-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+DELETE']"
-              @editClick="editEnv(scope.row)" @deleteClick="deleteEnv(scope.row)">
-              <template v-slot:middle>
-                <ms-table-operator-button v-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+COPY']" :tip="$t('commons.copy')" @exec="copyEnv(scope.row)"
-                                          icon="el-icon-document-copy" type="info"/>
-              </template>
-            </ms-table-operator>
+            <div>
+              <ms-table-operator :edit-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+EDIT']"
+                                 :delete-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+DELETE']"
+                                 @editClick="editEnv(scope.row)" @deleteClick="deleteEnv(scope.row)">
+                <template v-slot:middle>
+                  <ms-table-operator-button v-permission="['WORKSPACE_PROJECT_ENVIRONMENT:READ+COPY']"
+                                            :tip="$t('commons.copy')" @exec="copyEnv(scope.row)"
+                                            icon="el-icon-document-copy" type="info"/>
+                </template>
+              </ms-table-operator>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/track/plan/components/TestPlanList.vue b/frontend/src/business/components/track/plan/components/TestPlanList.vue
index 8520991e82..e9d46d4635 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanList.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanList.vue
@@ -184,32 +184,35 @@
           <header-label-operate @exec="customHeader"/>
         </template>
         <template v-slot:default="scope">
-          <ms-table-operator :edit-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
-                             :delete-permission="['PROJECT_TRACK_PLAN:READ+DELETE']"
-                             @editClick="handleEdit(scope.row)"
-                             @deleteClick="handleDelete(scope.row)">
-            <template v-slot:middle>
-              <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
-                                        style="background-color: #85888E;border-color: #85888E"
-                                        v-if="!scope.row.reportId"
-                                        :tip="$t('test_track.plan_view.create_report')" icon="el-icon-s-data"
-                                        @exec="openTestReportTemplate(scope.row)"/>
-              <ms-table-operator-button v-if="scope.row.reportId"
-                                        v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
-                                        :tip="$t('test_track.plan_view.view_report')" icon="el-icon-s-data"
-                                        @exec="openReport(scope.row.id, scope.row.reportId)"/>
-            </template>
-          </ms-table-operator>
-          <ms-table-operator-button style="margin-left: 10px;color:#85888E;border-color: #85888E; border-width: thin;"
-                                    v-permission="['PROJECT_TRACK_PLAN:READ+SCHEDULE']"
-                                    v-if="!scope.row.scheduleOpen" type="text"
-                                    :tip="$t('commons.trigger_mode.schedule')" icon="el-icon-time"
-                                    @exec="scheduleTask(scope.row)"/>
-          <ms-table-operator-button style="margin-left: 10px;color:#6C317C; border-color: #6C317C; border-width: thin;"
-                                    v-permission="['PROJECT_TRACK_PLAN:READ+SCHEDULE']"
-                                    v-if="scope.row.scheduleOpen" type="text"
-                                    :tip="$t('commons.trigger_mode.schedule')" icon="el-icon-time"
-                                    @exec="scheduleTask(scope.row)"/>
+          <div>
+            <ms-table-operator :edit-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
+                               :delete-permission="['PROJECT_TRACK_PLAN:READ+DELETE']"
+                               @editClick="handleEdit(scope.row)"
+                               @deleteClick="handleDelete(scope.row)">
+              <template v-slot:middle>
+                <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
+                                          style="background-color: #85888E;border-color: #85888E"
+                                          v-if="!scope.row.reportId"
+                                          :tip="$t('test_track.plan_view.create_report')" icon="el-icon-s-data"
+                                          @exec="openTestReportTemplate(scope.row)"/>
+                <ms-table-operator-button v-if="scope.row.reportId"
+                                          v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
+                                          :tip="$t('test_track.plan_view.view_report')" icon="el-icon-s-data"
+                                          @exec="openReport(scope.row.id, scope.row.reportId)"/>
+              </template>
+            </ms-table-operator>
+            <ms-table-operator-button style="margin-left: 10px;color:#85888E;border-color: #85888E; border-width: thin;"
+                                      v-permission="['PROJECT_TRACK_PLAN:READ+SCHEDULE']"
+                                      v-if="!scope.row.scheduleOpen" type="text"
+                                      :tip="$t('commons.trigger_mode.schedule')" icon="el-icon-time"
+                                      @exec="scheduleTask(scope.row)"/>
+            <ms-table-operator-button
+              style="margin-left: 10px;color:#6C317C; border-color: #6C317C; border-width: thin;"
+              v-permission="['PROJECT_TRACK_PLAN:READ+SCHEDULE']"
+              v-if="scope.row.scheduleOpen" type="text"
+              :tip="$t('commons.trigger_mode.schedule')" icon="el-icon-time"
+              @exec="scheduleTask(scope.row)"/>
+          </div>
         </template>
       </el-table-column>
     </el-table>
diff --git a/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiCaseList.vue b/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiCaseList.vue
index b35b418410..04aa7abb55 100644
--- a/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiCaseList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiCaseList.vue
@@ -120,13 +120,16 @@
             <header-label-operate @exec="customHeader"/>
           </template>
           <template v-slot:default="scope">
-            <ms-table-operator-button class="run-button" v-permission="['PROJECT_API_DEFINITION:READ+RUN']"
-                                      :tip="$t('api_test.run')"
-                                      icon="el-icon-video-play"
-                                      @exec="singleRun(scope.row)"/>
-            <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
-                                      :tip="$t('test_track.plan_view.cancel_relevance')"
-                                      icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+            <div>
+
+              <ms-table-operator-button class="run-button" v-permission="['PROJECT_API_DEFINITION:READ+RUN']"
+                                        :tip="$t('api_test.run')"
+                                        icon="el-icon-video-play"
+                                        @exec="singleRun(scope.row)"/>
+              <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
+                                        :tip="$t('test_track.plan_view.cancel_relevance')"
+                                        icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
 
diff --git a/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiScenarioList.vue b/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiScenarioList.vue
index 99204eb108..afb351d6bf 100644
--- a/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiScenarioList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/api/TestPlanApiScenarioList.vue
@@ -86,14 +86,16 @@
             <header-label-operate @exec="customHeader"/>
           </template>
           <template v-slot:default="{row}">
-            <ms-table-operator-button class="run-button"
-                                      v-permission="['PROJECT_API_SCENARIO:READ+RUN']"
-                                      :tip="$t('api_test.run')"
-                                      icon="el-icon-video-play"
-                                      @exec="execute(row)"/>
-            <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
-                                      :tip="$t('test_track.plan_view.cancel_relevance')"
-                                      icon="el-icon-unlock" type="danger" @exec="remove(row)"/>
+            <div>
+              <ms-table-operator-button class="run-button"
+                                        v-permission="['PROJECT_API_SCENARIO:READ+RUN']"
+                                        :tip="$t('api_test.run')"
+                                        icon="el-icon-video-play"
+                                        @exec="execute(row)"/>
+              <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
+                                        :tip="$t('test_track.plan_view.cancel_relevance')"
+                                        icon="el-icon-unlock" type="danger" @exec="remove(row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseList.vue b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseList.vue
index 8ee2f7edc6..ee0c601d9b 100644
--- a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseList.vue
@@ -220,12 +220,14 @@
           <header-label-operate @exec="customHeader"/>
         </template>
         <template v-slot:default="scope">
-          <ms-table-operator-button v-permission="['PROJECT_TRACK_CASE:READ+EDIT']" :tip="$t('commons.edit')"
-                                    icon="el-icon-edit"
-                                    @exec="handleEdit(scope.row)"/>
-          <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
-                                    :tip="$t('test_track.plan_view.cancel_relevance')"
-                                    icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+          <div>
+            <ms-table-operator-button v-permission="['PROJECT_TRACK_CASE:READ+EDIT']" :tip="$t('commons.edit')"
+                                      icon="el-icon-edit"
+                                      @exec="handleEdit(scope.row)"/>
+            <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
+                                      :tip="$t('test_track.plan_view.cancel_relevance')"
+                                      icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+          </div>
         </template>
       </el-table-column>
     </el-table>
diff --git a/frontend/src/business/components/track/plan/view/comonents/load/TestPlanLoadCaseList.vue b/frontend/src/business/components/track/plan/view/comonents/load/TestPlanLoadCaseList.vue
index 763be1abd2..7da2e55f89 100644
--- a/frontend/src/business/components/track/plan/view/comonents/load/TestPlanLoadCaseList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/load/TestPlanLoadCaseList.vue
@@ -117,14 +117,17 @@
             <header-label-operate @exec="customHeader"/>
           </template>
           <template v-slot:default="scope">
-            <ms-table-operator-button class="run-button"
-                                      v-permission="['PROJECT_PERFORMANCE_TEST:READ+RUN']"
-                                      :tip="$t('api_test.run')"
-                                      icon="el-icon-video-play"
-                                      @exec="run(scope.row)"/>
-            <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
-                                      :tip="$t('test_track.plan_view.cancel_relevance')"
-                                      icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+            <div>
+
+              <ms-table-operator-button class="run-button"
+                                        v-permission="['PROJECT_PERFORMANCE_TEST:READ+RUN']"
+                                        :tip="$t('api_test.run')"
+                                        icon="el-icon-video-play"
+                                        @exec="run(scope.row)"/>
+              <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']"
+                                        :tip="$t('test_track.plan_view.cancel_relevance')"
+                                        icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+            </div>
           </template>
         </el-table-column>
       </el-table>
diff --git a/frontend/src/business/components/track/report/components/TestPlanReportList.vue b/frontend/src/business/components/track/report/components/TestPlanReportList.vue
index d8bd600f58..30f31d0a8f 100644
--- a/frontend/src/business/components/track/report/components/TestPlanReportList.vue
+++ b/frontend/src/business/components/track/report/components/TestPlanReportList.vue
@@ -54,10 +54,13 @@
       </el-table-column>
       <el-table-column min-width="150" :label="$t('commons.operating')">
         <template v-slot:default="scope">
-          <ms-table-operator-button :tip="$t('test_track.plan_view.view_report')" icon="el-icon-document"
-            @exec="openReport(scope.row.id)"/>
-          <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+REPORT_DELETE']" type="danger" :tip="$t('commons.delete')" icon="el-icon-delete"
-                                    @exec="handleDelete(scope.row)"/>
+          <div>
+            <ms-table-operator-button :tip="$t('test_track.plan_view.view_report')" icon="el-icon-document"
+                                      @exec="openReport(scope.row.id)"/>
+            <ms-table-operator-button v-permission="['PROJECT_TRACK_PLAN:READ+REPORT_DELETE']" type="danger"
+                                      :tip="$t('commons.delete')" icon="el-icon-delete"
+                                      @exec="handleDelete(scope.row)"/>
+          </div>
         </template>
       </el-table-column>
     </el-table>
diff --git a/frontend/src/business/components/track/review/components/TestCaseReviewList.vue b/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
index aaafa59335..7adbf97b06 100644
--- a/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
+++ b/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
@@ -95,11 +95,15 @@
           <header-label-operate @exec="customHeader"/>
         </template>
         <template v-slot:default="scope">
-          <ms-table-operator :edit-permission="['PROJECT_TRACK_REVIEW:READ+EDIT']"
-                             :delete-permission="['PROJECT_TRACK_REVIEW:READ+DELETE']"
-                             @editClick="handleEdit(scope.row)"
-                             @deleteClick="handleDelete(scope.row)">
-          </ms-table-operator>
+          <div>
+
+            <ms-table-operator :edit-permission="['PROJECT_TRACK_REVIEW:READ+EDIT']"
+                               :delete-permission="['PROJECT_TRACK_REVIEW:READ+DELETE']"
+                               @editClick="handleEdit(scope.row)"
+                               @deleteClick="handleDelete(scope.row)">
+            </ms-table-operator>
+          </div>
+
         </template>
       </el-table-column>
       <header-custom ref="headerCustom" :initTableData="initTableData" :optionalFields=headerItems
diff --git a/frontend/src/business/components/track/review/view/components/TestReviewTestCaseList.vue b/frontend/src/business/components/track/review/view/components/TestReviewTestCaseList.vue
index 8ede201999..35b0f32510 100644
--- a/frontend/src/business/components/track/review/view/components/TestReviewTestCaseList.vue
+++ b/frontend/src/business/components/track/review/view/components/TestReviewTestCaseList.vue
@@ -156,12 +156,14 @@
           <header-label-operate @exec="customHeader"/>
         </template>
         <template v-slot:default="scope">
-          <ms-table-operator-button v-permission="['PROJECT_TRACK_CASE:READ+EDIT']" :tip="$t('commons.edit')"
-                                    icon="el-icon-edit"
-                                    @exec="handleEdit(scope.row)"/>
-          <ms-table-operator-button v-permission="['PROJECT_TRACK_REVIEW:READ+RELEVANCE_OR_CANCEL']"
-                                    :tip="$t('test_track.plan_view.cancel_relevance')"
-                                    icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+          <div>
+            <ms-table-operator-button v-permission="['PROJECT_TRACK_CASE:READ+EDIT']" :tip="$t('commons.edit')"
+                                      icon="el-icon-edit"
+                                      @exec="handleEdit(scope.row)"/>
+            <ms-table-operator-button v-permission="['PROJECT_TRACK_REVIEW:READ+RELEVANCE_OR_CANCEL']"
+                                      :tip="$t('test_track.plan_view.cancel_relevance')"
+                                      icon="el-icon-unlock" type="danger" @exec="handleDelete(scope.row)"/>
+          </div>
         </template>
       </el-table-column>
     </el-table>
diff --git a/frontend/src/business/components/xpack b/frontend/src/business/components/xpack
index 0af67efb33..c85bda6f2f 160000
--- a/frontend/src/business/components/xpack
+++ b/frontend/src/business/components/xpack
@@ -1 +1 @@
-Subproject commit 0af67efb336b3f5f6718c7b2684de4d4985c0aee
+Subproject commit c85bda6f2fa74e0e696e9f9170742834a7519319