diff --git a/src/components/DetailCard/auto.vue b/src/components/DetailCard/auto.vue
index a046d30e6..9def3b12d 100644
--- a/src/components/DetailCard/auto.vue
+++ b/src/components/DetailCard/auto.vue
@@ -4,7 +4,7 @@
 
 <script>
 import DetailCard from './index'
-import { toSafeLocalDateStr } from '@/utils/common'
+import { toSafeLocalDateStr, copy } from '@/utils/common'
 
 export default {
   name: 'AutoDetailCard',
@@ -46,6 +46,20 @@ export default {
     this.loading = false
   },
   methods: {
+    defaultFormatter(fields) {
+      const formatter = {}
+      for (const name of fields) {
+        formatter[name] = function(item, val) {
+          if (val === '-') {
+            return <span>{'-'}</span>
+          }
+          return (<span style={{ cursor: 'pointer' }} onClick={() => copy(val)}>
+            {val}
+          </span>)
+        }
+      }
+      return formatter
+    },
     async optionAndGenFields() {
       const data = await this.$store.dispatch('common/getUrlMeta', { url: this.url })
       const remoteMeta = data.actions['GET'] || {}
@@ -54,6 +68,7 @@ export default {
       const defaultExcludes = ['org_id']
       const excludes = (this.excludes || []).concat(defaultExcludes)
       fields = fields.filter(item => !excludes.includes(item))
+      const defaultFormatter = this.defaultFormatter(fields)
       for (const name of fields) {
         if (typeof name === 'object') {
           this.items.push(name)
@@ -125,7 +140,7 @@ export default {
         const item = {
           key: label,
           value: value,
-          formatter: this.formatters[name]
+          formatter: this.formatters[name] || defaultFormatter[name]
         }
         this.items.push(item)
       }
diff --git a/src/components/TableFormatters/ShowKeyCopyFormatter.vue b/src/components/TableFormatters/ShowKeyCopyFormatter.vue
index 994fa473a..3893074ac 100644
--- a/src/components/TableFormatters/ShowKeyCopyFormatter.vue
+++ b/src/components/TableFormatters/ShowKeyCopyFormatter.vue
@@ -33,6 +33,7 @@
 <script>
 import { downloadText } from '@/utils/common'
 import BaseFormatter from '@/components/TableFormatters/base'
+import { copy } from '@/utils/common'
 
 export default {
   name: 'ShowKeyCopyFormatter',
@@ -85,20 +86,9 @@ export default {
     onShow() {
       this.isShow = !this.isShow
     },
-    onCopy: _.throttle(function() {
-      const inputDom = document.createElement('input')
-      inputDom.id = 'createInputDom'
-      inputDom.value = this.cellValue
-      document.body.appendChild(inputDom)
-      inputDom.select()
-      document?.execCommand('copy')
-      this.$message({
-        message: this.$t('common.CopySuccess'),
-        type: 'success',
-        duration: 1400
-      })
-      document.body.removeChild(inputDom)
-    }, 1800),
+    onCopy() {
+      copy(this.cellValue)
+    },
     onDownload() {
       downloadText(this.cellValue, this.name + '.txt')
     }
diff --git a/src/utils/common.js b/src/utils/common.js
index 9a281baee..2c77a4fbe 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -1,4 +1,5 @@
 import i18n from '@/i18n/i18n'
+import { message } from '@/utils/message'
 const _ = require('lodash')
 const moment = require('moment')
 
@@ -362,4 +363,19 @@ export function diffObject(object, base) {
   })
 }
 
+export const copy = _.throttle(function(value) {
+  const inputDom = document.createElement('input')
+  inputDom.id = 'createInputDom'
+  inputDom.value = value
+  document.body.appendChild(inputDom)
+  inputDom.select()
+  document?.execCommand('copy')
+  message({
+    message: i18n.t('common.CopySuccess'),
+    type: 'success',
+    duration: 1000
+  })
+  document.body.removeChild(inputDom)
+}, 1400)
+
 export { BASE_URL }