From 6db7cb4a6e2cf9a5fb365db37eec6a30f22c7cab Mon Sep 17 00:00:00 2001
From: feng626 <1304903146@qq.com>
Date: Mon, 19 Sep 2022 20:57:31 +0800
Subject: [PATCH] =?UTF-8?q?perf=20=E8=B4=A6=E5=8F=B7=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AccountListTable/index.vue | 26 +++++++++++++----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/AccountListTable/index.vue b/src/components/AccountListTable/index.vue
index 515166573..6053b6497 100644
--- a/src/components/AccountListTable/index.vue
+++ b/src/components/AccountListTable/index.vue
@@ -19,7 +19,7 @@
 
 <script>
 import ListTable from '@/components/ListTable/index'
-import { ActionsFormatter, DetailFormatter, DisplayFormatter } from '@/components/TableFormatters'
+import { ActionsFormatter, DisplayFormatter } from '@/components/TableFormatters'
 import ShowSecretInfo from './ShowSecretInfo'
 import UpdateSecretInfo from './UpdateSecretInfo'
 import AddAccount from './AddAccount'
@@ -85,22 +85,26 @@ export default {
         },
         columnsMeta: {
           hostname: {
-            prop: 'hostname',
             label: this.$t('assets.Hostname'),
             showOverflowTooltip: true,
-            formatter: DetailFormatter,
-            formatterArgs: {
-              can: this.$hasPerm('assets.view_asset'),
-              getRoute({ row }) {
-                return {
-                  name: 'AssetDetail',
-                  params: { id: row.asset }
-                }
+            formatter: function(row, column, cellValue, index) {
+              const to = {
+                name: 'AssetDetail',
+                params: { id: row.asset.id }
+              }
+              if (vm.$hasPerm('assets.view_asset')) {
+                return <router-link to={ to } >{ row.asset.name }</router-link>
+              } else {
+                return <span>{ row.asset.name }</span>
               }
             }
           },
           ip: {
-            width: '120px'
+            width: '120px',
+            label: this.$t('assets.ip'),
+            formatter: function(row, column, cellValue, index) {
+              return <span>{ row.asset.ip }</span>
+            }
           },
           username: {
             showOverflowTooltip: true