fix(性能测试): 修复停止测试之后报告的缓存

frontend/src/business/components/performance/report/PerformanceReportView.vue

@@ -133,6 +133,7 @@ import MsPerformanceReportExport from "./PerformanceReportExport";
 import {Message} from "element-ui";
 import SameTestReports from "@/business/components/performance/report/components/SameTestReports";
 import MonitorCard from "@/business/components/performance/report/components/MonitorCard";
+import {LIST_CHANGE, PerformanceEvent} from "@/business/components/common/head/ListEvent";
 
 
 export default {
@@ -264,6 +265,8 @@ export default {
       this.result = this.$get('/performance/stop/' + this.reportId + '/' + forceStop, () => {
         this.$success(this.$t('report.test_stop_success'));
         if (forceStop) {
+          // 发送广播，刷新 head 上的最新列表
+          PerformanceEvent.$emit(LIST_CHANGE);
           this.$router.push('/performance/report/all');
           this.websocket.close();
         } else {
@@ -281,6 +284,7 @@ export default {
         this.result = this.$post('/performance/run', {id: testId, triggerMode: 'MANUAL'}, (response) => {
           this.reportId = response.data;
           this.$router.push({path: '/performance/report/view/' + this.reportId});
+          this.clearData();
         });
       }).catch(() => {
       });

frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue

@@ -31,11 +31,11 @@
             <el-form :inline="true">
               <el-form-item :label="$t('load_test.thread_num')">
                 <el-input-number
-                    :disabled="true"
+                  :disabled="true"
-                    :placeholder="$t('load_test.input_thread_num')"
+                  :placeholder="$t('load_test.input_thread_num')"
-                    v-model="threadGroup.threadNumber"
+                  v-model="threadGroup.threadNumber"
-                    :min="1"
+                  :min="1"
-                    size="mini"/>
+                  size="mini"/>
               </el-form-item>
               <br>
               <el-form-item>
@@ -98,10 +98,10 @@
                 <div v-if="threadGroup.tgType === 'ThreadGroup'">
                   <el-form-item :label="$t('load_test.ramp_up_time_within')">
                     <el-input-number
-                        :disabled="true"
+                      :disabled="true"
-                        :min="1"
+                      :min="1"
-                        v-model="threadGroup.rampUpTime"
+                      v-model="threadGroup.rampUpTime"
-                        size="mini"/>
+                      size="mini"/>
                   </el-form-item>
                   <el-form-item :label="$t('load_test.ramp_up_time_seconds', [getUnitLabel(threadGroup)])"/>
                 </div>
@@ -171,11 +171,11 @@ const DELETED = "deleted";
 
 const hexToRgba = function (hex, opacity) {
   return 'rgba(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5)) + ','
-      + parseInt('0x' + hex.slice(5, 7)) + ',' + opacity + ')';
+    + parseInt('0x' + hex.slice(5, 7)) + ',' + opacity + ')';
 };
 const hexToRgb = function (hex) {
   return 'rgb(' + parseInt('0x' + hex.slice(1, 3)) + ',' + parseInt('0x' + hex.slice(3, 5))
-      + ',' + parseInt('0x' + hex.slice(5, 7)) + ')';
+    + ',' + parseInt('0x' + hex.slice(5, 7)) + ')';
 };
 
 export default {
@@ -288,30 +288,34 @@ export default {
         return;
       }
       let threadGroups = [];
-      this.result = this.$get('/performance/report/get-jmx-content/' + this.report.id, (response) => {
+      this.result = this.$get('/performance/report/get-jmx-content/' + this.report.id)
-        let d = response.data;
+        .then((response) => {
-        threadGroups = threadGroups.concat(findThreadGroup(d.jmx, d.name));
+          let d = response.data.data;
-        threadGroups.forEach(tg => {
+          threadGroups = threadGroups.concat(findThreadGroup(d.jmx, d.name));
-          tg.options = {};
+          threadGroups.forEach(tg => {
-        });
+            tg.options = {};
-        this.threadGroups = threadGroups;
-        this.getLoadConfig();
-
-        // 兼容数据
-        if (!threadGroups || threadGroups.length === 0) {
-          this.result = this.$get('/performance/get-jmx-content/' + this.report.testId, (response) => {
-            response.data.forEach(d => {
-              threadGroups = threadGroups.concat(findThreadGroup(d.jmx, d.name));
-              threadGroups.forEach(tg => {
-                tg.options = {};
-              });
-              this.threadGroups = threadGroups;
-              this.getLoadConfig();
-            });
           });
-        }
+          this.threadGroups = threadGroups;
+          this.getLoadConfig();
 
-      });
+          // 兼容数据
+          if (!threadGroups || threadGroups.length === 0) {
+            this.result = this.$get('/performance/get-jmx-content/' + this.report.testId)
+              .then((response) => {
+                response.data.data.forEach(d => {
+                  threadGroups = threadGroups.concat(findThreadGroup(d.jmx, d.name));
+                  threadGroups.forEach(tg => {
+                    tg.options = {};
+                  });
+                  this.threadGroups = threadGroups;
+                  this.getLoadConfig();
+                });
+              })
+              .catch(() => {
+              });
+          }
+        }).catch(() => {
+        });
     },
     calculateTotalChart() {
       let handler = this;