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 => {