fix(接口测试): 报告页面时间显示调整，响应不刷新，页面全部展开

frontend/src/business/components/api/report/ApiReportView.vue

@@ -42,6 +42,7 @@
   import MsScenarioResult from "./components/ScenarioResult";
   import MsMetricChart from "./components/MetricChart";
   import MsScenarioResults from "./components/ScenarioResults";
+  import {Scenario} from "../test/model/ScenarioModel";
 
   export default {
     name: "MsApiReportView",
@@ -119,9 +120,12 @@
         }
       },
       requestResult(requestResult) {
+        this.isRequestResult = false;
+        this.$nextTick(function () {
           this.isRequestResult = true;
           this.request = requestResult.request;
           this.scenarioName = requestResult.scenarioName;
+        });
       }
     },
 

frontend/src/business/components/api/report/components/MetricChart.vue

@@ -3,9 +3,12 @@
     <el-row type="flex" align="middle">
       <div style="width: 50%">
         <el-row type="flex" justify="center" align="middle">
+          <el-row>
             <div class="metric-time">
-            <div class="value" style="margin-left: -150px">{{time}}</div>
+              <div class="value" style="margin-right: 10px">{{time}}</div>
             </div>
+          </el-row>
+
           <chart id="chart" ref="chart" :options="options" :autoresize="true"></chart>
           <el-row type="flex" justify="center" align="middle">
             <i class="circle success"/>

frontend/src/business/components/api/report/components/RequestResult.vue

@@ -39,17 +39,18 @@
     methods: {
       active() {
         this.$emit("requestResult", {request: this.request, scenarioName: this.scenarioName});
+
       }
     },
 
-    computed: {
+    /*  computed: {
         assertion() {
           return this.request.passAssertions + " / " + this.request.totalAssertions;
         },
         hasSub() {
           return this.request.subRequestResults.length > 0;
         }
-    }
+      }*/
   }
 </script>
 

frontend/src/business/components/api/report/components/ResponseText.vue

@@ -7,10 +7,7 @@
     <el-collapse-transition>
       <el-tabs v-model="activeName" v-show="isActive">
         <el-tab-pane label="Body" name="body" class="pane">
-          <!--
           <ms-code-edit :mode="mode" :read-only="true" :data="response.body" :modes="modes" ref="codeEdit"/>
-          -->
-          <pre>{{response.body}}</pre>
         </el-tab-pane>
         <el-tab-pane label="Headers" name="headers" class="pane">
           <pre>{{response.headers}}</pre>

frontend/src/business/components/common/components/MsCodeEdit.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
     <editor v-model="formatData" :lang="mode" @init="editorInit" theme="chrome"/>
-  </div>
 </template>
 
 <script>
@@ -65,7 +63,7 @@
             this.init(editor);
           }
         },
-        /*format() {
+        format() {
           if (this.mode === 'json') {
             try {
               this.formatData = JSON.stringify(JSON.parse(this.data), null, '\t');
@@ -79,7 +77,7 @@
               this.formatData = this.data;
             }
           }
-        }*/
+        }
       }
     }
 </script>