From b0b625ce602c9a5fc28aedee071a66e0eff61fdc Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Fri, 10 Jun 2022 10:41:25 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1895=20perf=20:=20=E6=B7=BB=E5=8A=A0token?=
 =?UTF-8?q?=E5=88=97=EF=BC=8C=E5=8F=96=E6=B6=88Administration=20-=20api=20?=
 =?UTF-8?q?keys=E6=B7=BB=E5=8A=A0=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/page/config/system/apiKeyTab.vue    |  5 -----
 .../components/page/config/system/selfApiKeyTab.vue    |  6 ++++++
 .../components/page/config/system/selfApiKeyTable.vue  | 10 ++++++++++
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTab.vue b/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
index 49445ae69..256490364 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
@@ -10,11 +10,6 @@
       @search="search">
       <template v-slot:top-tool-left>
 
-      </template>
-      <template v-slot:top-tool-right>
-        <button id="api-key-add" v-has="'system_apiKey_add'" :title="$t('config.system.notification.create')" class="top-tool-btn margin-r-10" type="button" @click="addApiKey">
-          <i class="nz-icon-create-square nz-icon"></i>
-        </button>
       </template>
       <template v-slot:default="slotProps">
         <api-key-table
diff --git a/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue b/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
index 0679579f8..9cc03097d 100644
--- a/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
+++ b/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
@@ -5,6 +5,7 @@
       :api="url"
       :custom-table-title.sync="tools.customTableTitle"
       :from="fromRoute.apiKey"
+      class="api-key"
       :layout="['searchInput', 'elementSet', 'pagination']"
       :search-msg="searchMsg"
       @search="search">
@@ -87,6 +88,11 @@ export default {
           prop: 'name',
           minWidth: 100,
           show: true
+        }, {
+          label: this.$t('asset.talon.token'),
+          prop: 'token',
+          minWidth: 180,
+          show: true
         }, {
           label: this.$t('config.system.apiKey.expireAt'),
           prop: 'expireAt',
diff --git a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
index e50bca1b8..324cab568 100644
--- a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
@@ -38,6 +38,9 @@
             </template>
             <template v-if="item.prop == 'name'">
                {{scope.row[item.prop]?scope.row[item.prop]:'-'}}
+            </template>
+             <template v-if="item.prop == 'token'">
+               {{scope.row[item.prop]?scope.row[item.prop]:'-'}}
             </template>
              <template v-if="item.prop == 'expireAt'">
               {{scope.row[item.prop]?utcTimeToTimezoneStr(scope.row[item.prop]):'-'}}
@@ -97,10 +100,17 @@ export default {
         }, {
           label: this.$t('overall.name'),
           prop: 'name',
+          minWidth: 100,
+          show: true
+        }, {
+          label: this.$t('asset.talon.token'),
+          prop: 'token',
+          minWidth: 180,
           show: true
         }, {
           label: this.$t('config.system.apiKey.expireAt'),
           prop: 'expireAt',
+          minWidth: 100,
           show: true
         }, {
           label: this.$t('config.system.apiKey.creatAt'),