From 706dfadca6177aca2b29deaa7c17138deb92444a Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Thu, 21 Nov 2024 14:01:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E6=96=AD=E8=A8=80=E5=90=8E=E8=B0=83=E6=95=B4=E6=96=AD=E8=A8=80?=
 =?UTF-8?q?=E5=8F=88=E6=89=A7=E8=A1=8C=E6=9B=B4=E6=96=B0=E6=96=AD=E8=A8=80?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/requestComposition/response/index.vue       | 1 +
 .../components/requestComposition/response/result.vue      | 3 ++-
 .../requestComposition/response/result/assertionTable.vue  | 7 +++++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/api-test/components/requestComposition/response/index.vue b/frontend/src/views/api-test/components/requestComposition/response/index.vue
index 8ca263cb77..8d226a86a9 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/index.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/index.vue
@@ -71,6 +71,7 @@
       <result
         v-else-if="!props.isEdit || (props.isEdit && activeResponseType === 'result')"
         v-model:active-tab="activeTab"
+        :loading="props.loading"
         :request-result="props.requestResult"
         :console="props.console"
         :is-http-protocol="props.isHttpProtocol"
diff --git a/frontend/src/views/api-test/components/requestComposition/response/result.vue b/frontend/src/views/api-test/components/requestComposition/response/result.vue
index 5265b229b9..031bd66707 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/result.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/result.vue
@@ -6,7 +6,7 @@
       </a-tabs>
       <slot name="tabRight"></slot>
     </div>
-    <div class="response-container">
+    <div v-if="!props.loading" class="response-container">
       <ResBody
         v-if="activeTab === ResponseComposition.BODY"
         ref="resBodyRef"
@@ -79,6 +79,7 @@
       isHttpProtocol?: boolean;
       isDefinition?: boolean;
       showEmpty?: boolean;
+      loading?: boolean;
     }>(),
     {
       showEmpty: true,
diff --git a/frontend/src/views/api-test/components/requestComposition/response/result/assertionTable.vue b/frontend/src/views/api-test/components/requestComposition/response/result/assertionTable.vue
index d432c54c25..fbdfe7aa7f 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/result/assertionTable.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/result/assertionTable.vue
@@ -163,6 +163,13 @@
         : props.requestResult?.responseResult.assertions || [];
     }
   }
+
+  watch(
+    () => props.requestResult?.responseResult.assertions,
+    () => {
+      tableData.value = props.requestResult?.responseResult.assertions || [];
+    }
+  );
 </script>
 
 <style lang="less" scoped>