From a9b815f5cd942912c6a807ec254f6f273ae85534 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Tue, 16 May 2023 18:19:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E8=AE=B0=E5=BD=95=E7=9A=84=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=EF=BC=8C=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=EF=BC=8C=E6=98=BE=E7=A4=BA=E4=B8=BA=E4=B8=8A=E6=AC=A1=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E7=9A=84=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1026197 --user=陈建星 【项目设置】操作日志-请求类型-查看日志详情和操作记录不对应 https://www.tapd.cn/55049933/s/1372092
---
 .../src/business/menu/log/RequestLogDetail.vue      | 13 +++++++++++++
 .../src/business/common/RequestLogDetail.vue        | 13 +++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/project-management/frontend/src/business/menu/log/RequestLogDetail.vue b/project-management/frontend/src/business/menu/log/RequestLogDetail.vue
index 2aaf5ff972..2bdde243d7 100644
--- a/project-management/frontend/src/business/menu/log/RequestLogDetail.vue
+++ b/project-management/frontend/src/business/menu/log/RequestLogDetail.vue
@@ -6,6 +6,7 @@
         <template v-slot:default="scope">
           <div v-if="isObject(scope.row.newValue)" class="code-edit-container">
             <ms-code-edit
+              v-if="visible"
               mode="json"
               :read-only="true"
               :data="getJsonValue(scope.row.newValue)"
@@ -34,12 +35,24 @@ import MsCodeEdit from "metersphere-frontend/src/components/MsCodeEdit";
     },
     data() {
       return {
+        visible: true
+      }
+    },
+    watch: {
+      detail() {
+        this.reload();
       }
     },
     methods: {
       getJsonValue(value) {
         return JSON.stringify(value);
       },
+      reload() {
+        this.visible = false;
+        this.$nextTick(() => {
+          this.visible = true;
+        });
+      },
       isObject(value) {
         if (value instanceof Object) {
           return true;
diff --git a/system-setting/frontend/src/business/common/RequestLogDetail.vue b/system-setting/frontend/src/business/common/RequestLogDetail.vue
index 2aaf5ff972..2bdde243d7 100644
--- a/system-setting/frontend/src/business/common/RequestLogDetail.vue
+++ b/system-setting/frontend/src/business/common/RequestLogDetail.vue
@@ -6,6 +6,7 @@
         <template v-slot:default="scope">
           <div v-if="isObject(scope.row.newValue)" class="code-edit-container">
             <ms-code-edit
+              v-if="visible"
               mode="json"
               :read-only="true"
               :data="getJsonValue(scope.row.newValue)"
@@ -34,12 +35,24 @@ import MsCodeEdit from "metersphere-frontend/src/components/MsCodeEdit";
     },
     data() {
       return {
+        visible: true
+      }
+    },
+    watch: {
+      detail() {
+        this.reload();
       }
     },
     methods: {
       getJsonValue(value) {
         return JSON.stringify(value);
       },
+      reload() {
+        this.visible = false;
+        this.$nextTick(() => {
+          this.visible = true;
+        });
+      },
       isObject(value) {
         if (value instanceof Object) {
           return true;