fix: 测试报告样式优化 (#5704)

Co-authored-by: chenjianxing <jianxing.chen@fit2cloud.com>

backend/src/main/java/io/metersphere/performance/service/PerformanceTestService.java

@@ -134,7 +134,7 @@ public class PerformanceTestService {
             record.setJmxContent(new String(bytes, StandardCharsets.UTF_8));
             extLoadTestReportMapper.updateJmxContentIfAbsent(record);
         });
-        //delete schedule
+        //delete scheduleFunctionalCases
         scheduleService.deleteByResourceId(testId, ScheduleGroup.PERFORMANCE_TEST.name());
 
         // delete load_test

frontend/src/business/components/track/plan/components/TestPlanList.vue

@@ -199,7 +199,7 @@
                                           @exec="openReport(scope.row)"/>
               </template>
             </ms-table-operator>
-            <el-dropdown @command="handleCommand($event, scope.row)" class="scenario-ext-btn" v-permission="['PROJECT_TRACK_PLAN:READ+DELETE','PROJECT_TRACK_PLAN:READ+SCHEDULE']">
+            <el-dropdown @command.stop="handleCommand($event, scope.row)" class="scenario-ext-btn" v-permission="['PROJECT_TRACK_PLAN:READ+DELETE','PROJECT_TRACK_PLAN:READ+SCHEDULE']">
               <el-link type="primary" :underline="false">
                 <el-icon class="el-icon-more"></el-icon>
               </el-link>

frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanApiReport.vue

@@ -10,7 +10,7 @@
         </template>
         <api-cases :is-db="isDb" :share-id="shareId" :is-share="isShare" :report="report" :is-template="isTemplate" :plan-id="planId" @setSize="setFailureSize"/>
       </el-tab-pane>
-      <el-tab-pane name="third" v-if="allEnable">
+      <el-tab-pane style="min-height: 550px" name="third" v-if="allEnable">
         <template v-slot:label>
           <tab-pane-count title="所有用例" :count="allSize"/>
         </template>

frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanLoadReport.vue

@@ -11,7 +11,7 @@
         <load-failure-result :share-id="shareId" :is-share="isShare" :is-template="isTemplate"
                              :report="report" :plan-id="planId" @setSize="setFailureSize"/>
       </el-tab-pane>
-      <el-tab-pane name="third" v-if="allEnable">
+      <el-tab-pane name="third" v-if="allEnable" style="min-height: 550px">
         <template v-slot:label>
           <tab-pane-count title="所有用例" :count="allSize"/>
         </template>

frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue

@@ -84,15 +84,11 @@ export default {
   color: white;
 }
 
-.hidden {
-  width: 0px !important;
-  padding: 0px !important;
-}
 
 .ms-drawer {
   padding: 15px;
   height: 230px !important;
-  /*min-width: 200px !important;*/
+  width: 200px !important;
   top: calc((100vh - 200px)/3) !important;
   border: 1px solid #E6E6E6;
   padding: 10px;
@@ -102,6 +98,11 @@ export default {
   overflow: visible !important;
 }
 
+.hidden {
+  width: 0px !important;
+  padding: 0px !important;
+}
+
 .title-item {
   margin: 15px;
 }

frontend/src/common/js/default-table-header.js

@@ -58,7 +58,7 @@ export let CUSTOM_TABLE_HEADER = {
     {id: 'tags', key: '7', label: 'commons.tag'},
     {id: 'createUser', key: '8', label: 'api_test.creator'},
     {id: 'updateTime', key: '9', label: 'api_test.definition.api_last_time'},
-    {id: 'createTime', key: '10', label: 'commons.create_time'},
+    {id: 'createTime', key: 'a', label: 'commons.create_time'},
   ],
   //场景测试
   API_SCENARIO: [
@@ -140,9 +140,9 @@ export let CUSTOM_TABLE_HEADER = {
     {id: 'tags', key: '7', label: 'commons.tag'},
     {id: 'execResult', key: '8', label: 'test_track.plan.execute_result'},
     {id: 'maintainer', key: '9', label: 'api_test.definition.request.responsible'},
-    {id: 'environmentName', key: '10', label: 'commons.environment'},
     {id: 'updateTime', key: 'a', label: 'api_test.automation.update_time'},
     {id: 'createTime', key: 'b', label: 'commons.create_time'},
+    {id: 'environmentName', key: 'c', label: 'commons.environment'},
   ],
   //测试计划-性能用例
   TEST_PLAN_LOAD_CASE: [
@@ -162,13 +162,13 @@ export let CUSTOM_TABLE_HEADER = {
     {id: 'level', key: '3', label: 'api_test.automation.case_level'},
     {id: 'tagNames', key: '4', label: 'api_test.automation.tag'},
     {id: 'stepTotal', key: '7', label:  'api_test.automation.step'},
-    {id: 'lastResult', key: '10', label: 'api_test.automation.last_result'},
     {id: 'envs', key: '8', label: 'commons.environment'},
     {id: 'passRate', key: '9', label: 'api_test.automation.passing_rate'},
     {id: 'maintainer', key: 'a', label: 'api_test.definition.request.responsible'},
     {id: 'createUser', key: '5', label: 'api_test.automation.creator'},
     {id: 'updateTime', key: '6', label: 'api_test.automation.update_time'},
     {id: 'createTime', key: 'b', label: 'commons.create_time'},
+    {id: 'lastResult', key: 'c', label: 'api_test.automation.last_result'},
   ],
   //测试用例
   TRACK_TEST_CASE: [