style(性能测试): 性能测试报告加载测试配置时增加loading

performance-test/frontend/src/business/report/PerformanceReportView.vue

@@ -112,7 +112,7 @@
               <monitor-card :report="report"/>
             </el-tab-pane>
             <el-tab-pane :label="$t('report.test_config')">
-              <ms-test-configuration :test="test" :report-id="reportId"/>
+              <ms-test-configuration v-if="active===6 || active === '6'" :test="test" :report-id="reportId"/>
             </el-tab-pane>
           </el-tabs>
         </div>
@@ -157,7 +157,15 @@ import MonitorCard from "./components/MonitorCard";
 import MsTestConfiguration from "./components/TestConfiguration";
 import {generateShareInfoWithExpired, getShareRedirectUrl} from "@/api/share";
 import ProjectEnvironmentDialog from "./components/ProjectEnvironmentDialog";
-import {downloadZip, getProjectApplication, getReport, getReportTime, getTestProInfo, initReportSocket, stopTest} from "@/api/report";
+import {
+  downloadZip,
+  getProjectApplication,
+  getReport,
+  getReportTime,
+  getTestProInfo,
+  initReportSocket,
+  stopTest
+} from "@/api/report";
 import {getTest, runTest} from "@/api/performance";
 
 

performance-test/frontend/src/business/test/components/PerformancePressureConfig.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="result.loading" v-if="loadIsOver" class="pressure-config-container">
+  <div v-loading="result.loading" class="pressure-config-container">
     <el-row>
       <el-col>
         <el-form :inline="true" :disabled="isReadOnly">
@@ -320,7 +320,6 @@ export default {
       step: 0,
       rpsLimit: 0,
       rpsLimitEnable: false,
-      loadIsOver: true,
       options: {},
       resourcePool: null,
       setPoolNull: false,
@@ -413,7 +412,7 @@ export default {
           });
     },
     getLoadConfig() {
-      this.loadIsOver = false;
+      this.result.loading = true;
       getLoadConfig(this.testId, this.reportId, this.isShare)
           .then(response => {
             let data = JSON.parse(response.data);
@@ -514,7 +513,7 @@ export default {
             this.resourcePoolChange();
             this.calculateTotalChart();
           }).finally(() => {
-        this.loadIsOver = true;
+        this.result.loading = false;
       });
     },
     getJmxContent() {