From 23fea1bf992833ad64f0b2a6bea6d1a735ac41d5 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Wed, 8 Mar 2023 10:29:56 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E8=AF=A6=E6=83=85=E4=B8=AD=E7=9A=84=E8=A1=A8?=
 =?UTF-8?q?=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

perf: 优化操作日志 dialog
---
 src/components/Dialog/DiffDetail.vue      | 16 ++++++++++++----
 src/components/ResourceActivity/index.vue | 10 ++++++++--
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/Dialog/DiffDetail.vue b/src/components/Dialog/DiffDetail.vue
index 6a040b4f0..2debb89e1 100644
--- a/src/components/Dialog/DiffDetail.vue
+++ b/src/components/Dialog/DiffDetail.vue
@@ -13,8 +13,7 @@
       <div v-else>
         <el-table
           :data="diff"
-          height="500"
-          style="width: 100%"
+          class="diffTable"
         >
           <el-table-column
             :label="$tc('audits.ChangeField')"
@@ -66,7 +65,7 @@ export default {
   },
   data() {
     return {
-      diff: '',
+      diff: [],
       detailVisible: false
     }
   },
@@ -84,7 +83,7 @@ export default {
 
 </script>
 
-<style scoped>
+<style lang='scss' scoped>
   .el-tag {
     width: 100%;
     white-space: normal;
@@ -94,4 +93,13 @@ export default {
   .el-table::before {
     background-color: inherit;
   }
+
+  .diffTable {
+    width: 100%;
+    max-height: 80vh;
+
+    & >>> td {
+      padding: 5px 0 !important;
+    }
+  }
 </style>
diff --git a/src/components/ResourceActivity/index.vue b/src/components/ResourceActivity/index.vue
index 5608cf0c3..67b490c8f 100644
--- a/src/components/ResourceActivity/index.vue
+++ b/src/components/ResourceActivity/index.vue
@@ -13,7 +13,11 @@
               placement="bottom"
             >
               {{ activity.content }}
-              <el-link v-if="activity.detail_url" type="primary" @click.native="onClick(activity.r_type, activity.detail_url)">
+              <el-link
+                v-if="activity['detail_url']"
+                type="primary"
+                @click.native="onClick(activity)"
+              >
                 {{ $tc('common.Detail') }}
               </el-link>
             </el-timeline-item>
@@ -66,7 +70,9 @@ export default {
         }
       })
     },
-    onClick(type, taskUrl) {
+    onClick(activity) {
+      const type = activity['r_type']
+      const taskUrl = activity['detail_url']
       if (type === 'O') {
         this.$axios.get(taskUrl).then(
           res => {