fix(接口定义): 修复用例多次运行结果未及时更新问题。

frontend/src/business/components/api/automation/scenario/component/ApiResponseComponent.vue

@@ -16,12 +16,12 @@
 </template>
 
 <script>
-  import ApiBaseComponent from "../common/ApiBaseComponent";
+import ApiBaseComponent from "../common/ApiBaseComponent";
-  import MsRequestResultTail from "../../../definition/components/response/RequestResultTail";
+import MsRequestResultTail from "../../../definition/components/response/RequestResultTail";
-  import ElCollapseTransition from "element-ui/src/transitions/collapse-transition";
+import ElCollapseTransition from "element-ui/src/transitions/collapse-transition";
-  import MsRequestMetric from "../../../definition/components/response/RequestMetric";
+import MsRequestMetric from "../../../definition/components/response/RequestMetric";
 
-  export default {
+export default {
   name: "ApiResponseComponent",
   components: {ElCollapseTransition, MsRequestResultTail, ApiBaseComponent, MsRequestMetric},
   props: {apiItem: {}, result: {}, currentProtocol: String},
@@ -32,7 +32,7 @@
     }
   },
   created() {
-      if (!this.result) {
+    if (!this.result || !this.result.responseResult) {
       this.getExecResult();
       if (this.apiItem.isActive) {
         // this.isActive = true;
@@ -44,10 +44,14 @@
   },
   watch: {
     result() {
+      if (this.result.responseResult) {
         this.response = this.result;
+      } else {
+        this.getExecResult();
+      }
       this.isActive = true;
     },
-      apiItem(){
+    apiItem() {
       this.getExecResult();
     }
   },
@@ -70,33 +74,33 @@
       this.isActive = !this.isActive;
     }
   }
-  }
+}
 </script>
 
 <style scoped>
 
-  .header {
+.header {
   height: 30px;
   line-height: 30px;
-  }
+}
 
-  /deep/ .el-card__body {
+/deep/ .el-card__body {
   padding: 15px;
-  }
+}
 
-  .icon.is-active {
+.icon.is-active {
   transform: rotate(90deg);
-  }
+}
 
-  .el-icon-arrow-right {
+.el-icon-arrow-right {
   float: left;
   display: block;
   height: 30px;
   line-height: 30px;
-  }
+}
 
-  .metric-container {
+.metric-container {
   margin-left: 25px;
-  }
+}
 
 </style>

frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue

@@ -107,7 +107,7 @@
           <esb-definition-response v-xpack v-if="showXpackCompnent" :currentProtocol="apiCase.request.protocol" :request="apiCase.request" :is-api-component="false" :show-options-button="false" :show-header="true" :api-item="apiCase"/>
         </div>
         <div v-else>
-          <api-response-component :currentProtocol="apiCase.request.protocol" :api-item="apiCase"/>
+          <api-response-component :currentProtocol="apiCase.request.protocol" :api-item="apiCase" :result="runResult"/>
         </div>
 
         <ms-jmx-step :request="apiCase.request" :response="apiCase.responseData"/>
@@ -192,6 +192,7 @@
       }
     },
     props: {
+      runResult:{},
       apiCase: {
         type: Object,
         default() {

frontend/src/business/components/api/definition/components/case/ApiCaseList.vue

@@ -33,6 +33,7 @@
                            :environment="environment"
                            :is-case-edit="isCaseEdit"
                            :api="api"
+                           :runResult="runResult"
                            :api-case="item" :index="index" ref="apiCaseItem"/>
           </div>
         </el-main>
@@ -86,6 +87,7 @@ export default {
       batchLoadingIds: [],
       singleLoading: false,
       singleRunId: "",
+      runResult: {},
       runData: [],
       selectdCases: [],
       reportId: "",
@@ -208,6 +210,7 @@ export default {
       // 批量更新最后执行环境
       let obj = {envId: this.environment, show: true};
       this.batchEdit(obj);
+      this.runResult = {testId: getUUID()};
       this.$success(this.$t('organization.integration.successful_operation'));
     },
     errorRefresh() {
@@ -434,7 +437,7 @@ export default {
           this.$success(this.$t('commons.save_success'));
         }
         this.selectdCases = [];
-        this.getApiTest();
+        //this.getApiTest();
       });
     },
   }