From dbe1546fdf5b6072a4f9f9c3bfafe45c40ed2531 Mon Sep 17 00:00:00 2001
From: guoyuqi <xiaomeinvG@126.com>
Date: Tue, 1 Mar 2022 14:12:45 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=8B=E8=AF=95=E6=8A=A5=E5=91=8A=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E6=8A=A5=E5=91=8A=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--user=郭雨琦 修复测试报告查看报告详情页面报错问题
---
 .../api/definition/components/MsCodeEdit.vue   |  5 ++++-
 .../components/response/RequestMetric.vue      | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/MsCodeEdit.vue b/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
index 704523a513..10e988c0e0 100644
--- a/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
+++ b/frontend/src/business/components/api/definition/components/MsCodeEdit.vue
@@ -17,7 +17,10 @@
     props: {
       height: [String, Number],
       data: {
-        type: String
+        type: String,
+        default() {
+          return ''
+        }
       },
       theme: {
         type: String,
diff --git a/frontend/src/business/components/api/definition/components/response/RequestMetric.vue b/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
index e2f0a9a21d..155d7014d0 100644
--- a/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
+++ b/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
@@ -8,19 +8,19 @@
           :content="responseResult.responseCode"
           placement="top">
 
-          <div v-if="response.attachInfoMap && response.attachInfoMap.errorReportResult" class="node-title" :class="'ms-req-error-report-result'">
+          <div v-if="responseData.attachInfoMap && responseData.attachInfoMap.errorReportResult" class="node-title" :class="'ms-req-error-report-result'">
             {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
           </div>
-          <div v-else class="node-title" :class="response && response.success ?'ms-req-success':'ms-req-error'">
+          <div v-else class="node-title" :class="responseData && responseData.success ?'ms-req-success':'ms-req-error'">
             {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
           </div>
         </el-tooltip>
-        <div v-else class="node-title" :class="response && response.success ?'ms-req-success':'ms-req-error'">
+        <div v-else class="node-title" :class="responseData && responseData.success ?'ms-req-success':'ms-req-error'">
           {{ responseResult && responseResult.responseCode ? responseResult.responseCode : '0' }}
         </div>
-        <div v-if="response.attachInfoMap && response.attachInfoMap.errorReportResult">
+        <div v-if="responseData.attachInfoMap && responseData.attachInfoMap.errorReportResult">
           <div class="ms-req-error-report-result">
-            {{ response.attachInfoMap.errorReportResult }}
+            {{ responseData.attachInfoMap.errorReportResult }}
           </div>
         </div>
       </el-col>
@@ -39,7 +39,6 @@
 <script>
 export default {
   name: "MsRequestMetric",
-
   props: {
     response: {
       type: Object,
@@ -48,6 +47,11 @@ export default {
       }
     }
   },
+  data() {
+    return {
+      responseData: this.response ? this.response : {}
+    }
+  },
   computed: {
     responseResult() {
       return this.response && this.response.responseResult ? this.response.responseResult : {};
@@ -55,7 +59,7 @@ export default {
     error() {
       return this.response && this.response.responseCode && this.response.responseCode >= 400;
     }
-  }
+  },
 }
 </script>