From 373b05a44827d9793ea8c38de4af95e75bfecdbd Mon Sep 17 00:00:00 2001
From: song-tianyang <tianyang.song@fit2cloud.com>
Date: Wed, 17 Jan 2024 16:11:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=80=A7=E8=83=BD=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=80=A7=E8=83=BD=E6=B5=8B=E8=AF=95=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=96=87=E6=9C=AC=E5=86=85=E5=AE=B9=E7=9A=84?=
 =?UTF-8?q?=E7=BC=BA=E9=99=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1034382 --user=宋天阳 【性能测试】报告-错误记录-所有请求-查看详情-接口返回text、json、html、xml-显示加载失败 https://www.tapd.cn/55049933/s/1452391
---
 .../samples/compnent/MsCodeEdit.vue           |  2 +-
 .../samples/compnent/ResponseResult.vue       | 31 ++++++++++++++-----
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue b/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
index 4f08fcf8a7..1719165a3a 100644
--- a/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
+++ b/performance-test/frontend/src/business/report/components/samples/compnent/MsCodeEdit.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { formatJson, formatXml } from 'metersphere-frontend/src/utils/format-utils';
+import {formatJson, formatXml} from 'metersphere-frontend/src/utils/format-utils';
 import toDiffableHtml from 'diffable-html';
 import editor from 'vue2-ace-editor';
 import 'brace/ext/language_tools'; //language extension prerequisite...
diff --git a/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue b/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
index f8a8253e6a..453a324f7d 100644
--- a/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
+++ b/performance-test/frontend/src/business/report/components/samples/compnent/ResponseResult.vue
@@ -171,7 +171,8 @@ export default {
     },
     showPicture() {
       if (this.responseResult.contentType && this.contentType.includes(this.responseResult.contentType)) {
-        this.modes.push('picture')
+        this.modes.push('picture');
+        this.mode = 'picture';
         this.srcUrl = 'data:' + this.responseResult.contentType + ';base64,' + this.responseResult.imageUrl;
       }
     },
@@ -193,6 +194,19 @@ export default {
           }
         });
       }
+      if (this.response && this.response.responseResult && this.response.responseResult.contentType) {
+        let contentType = this.response.responseResult.contentType;
+        if (contentType.includes('application/json')) {
+          this.mode = this.bodyFormat.JSON;
+        } else if (contentType.includes('text/html')) {
+          this.mode = this.bodyFormat.HTML;
+        } else if (contentType.includes('text/xml')) {
+          this.mode = this.bodyFormat.XML;
+        } else {
+          this.mode = this.bodyFormat.TEXT;
+        }
+      }
+      this.msCodeReload();
     },
     msCodeReload() {
       this.isMsCodeEditShow = false;
@@ -200,13 +214,7 @@ export default {
         this.isMsCodeEditShow = true;
       });
     },
-    isPicture() {
-      return (
-        this.responseResult.contentType &&
-        this.contentType.includes(this.responseResult.contentType) &&
-        this.mode === 'picture'
-      );
-    },
+
     setReqMessage() {
       if (this.response) {
         if (!this.response.url) {
@@ -273,6 +281,13 @@ export default {
         ? this.response.responseResult
         : {};
     },
+    isPicture() {
+      return (
+        this.responseResult.contentType &&
+        this.contentType.includes(this.responseResult.contentType) &&
+        this.mode === 'picture'
+      );
+    },
   },
 };
 </script>