From fb44c6b61a71830572f03b4e2a84f01394dececc Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Mon, 27 Jun 2022 09:46:52 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1980=20perf=20:=20api=20keys=20=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page/config/system/apiKeyTable.vue        | 29 ++++++++++++-------
 .../page/config/system/selfApiKeyTable.vue    |  7 +++--
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
index 24bb7cc6c..8ba749f07 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
@@ -39,7 +39,7 @@
                 <el-input slot="reference" maxlength="64" show-word-limit v-model="scope.row[item.prop]" size="small" ></el-input>
               </el-popover>
             </template>
-            <template v-if="item.prop == 'role'">
+            <!-- <template v-if="item.prop == 'role'">
               <el-popover :content="rules.roleId.message" placement="top" trigger="manual" v-model="rules.roleId.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.roleId)">
                 <el-select v-model="scope.row[item.prop]" size="small" :placeholder="$t('el.select.placeholder')" value-key="id" slot="reference" popper-class="api-select right-box-select-top right-public-box-dropdown-top role-system-table">
                   <template v-for="role in roles" >
@@ -47,7 +47,7 @@
                   </template>
                 </el-select>
               </el-popover>
-            </template>
+            </template> -->
             <template v-if="item.prop == 'expireAt'">
 <!--              <el-popover :content="rules.expireAt.message" placement="top" trigger="manual" v-model="rules.expireAt.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.expireAt)">-->
                 <my-date-picker
@@ -68,15 +68,21 @@
             <template v-if="item.prop == 'createUser'">
               {{scope.row[item.prop]?scope.row[item.prop].name:'-'}}
             </template>
-            <template v-else-if="item.prop == 'role'">
+            <!-- <template v-else-if="item.prop == 'role'">
               {{scope.row[item.prop]?scope.row[item.prop].name:'-'}}
-            </template>
+            </template> -->
             <template v-else-if="item.prop == 'expireAt'">
               {{scope.row[item.prop]?utcTimeToTimezoneStr(scope.row[item.prop]):$t('config.system.apiKey.noExpire')}}
             </template>
             <template v-else-if="item.prop == 'createAt'">
               {{scope.row[item.prop]?utcTimeToTimezoneStr(scope.row[item.prop]):$t('config.system.apiKey.noExpire')}}
             </template>
+            <template v-else-if="item.prop == 'token'">
+              <div style="cursor:text" class="document-copy-block">
+              <span class="document-copy-text"> {{scope.row[item.prop].replace(/(?<=.{8})./g, '*')}}</span>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              </div>
+            </template>
             <template v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>
             <template v-else>-</template>
           </template>
@@ -133,12 +139,14 @@ export default {
         }, {
           label: this.$t('apiKey.key'),
           prop: 'token',
-          show: true
-        }, {
-          label: this.$t('profile.role'),
-          prop: 'role',
-          show: true
-        }, {
+          show: false
+        },
+        //  {
+        //   label: this.$t('profile.role'),
+        //   prop: 'role',
+        //   show: true
+        // },
+        {
           label: this.$t('config.system.apiKey.expireAt'),
           prop: 'expireAt',
           show: true
@@ -203,7 +211,6 @@ export default {
     }
   },
   mounted () {
-
   }
 }
 </script>
diff --git a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
index 324cab568..66bce389b 100644
--- a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
@@ -40,7 +40,10 @@
                {{scope.row[item.prop]?scope.row[item.prop]:'-'}}
             </template>
              <template v-if="item.prop == 'token'">
-               {{scope.row[item.prop]?scope.row[item.prop]:'-'}}
+              <div style="cursor:text" class="document-copy-block">
+              <span class="document-copy-text">  {{scope.row[item.prop]?scope.row[item.prop].replace(/(?<=.{8})./g, '*'):'-'}}</span>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              </div>
             </template>
              <template v-if="item.prop == 'expireAt'">
               {{scope.row[item.prop]?utcTimeToTimezoneStr(scope.row[item.prop]):'-'}}
@@ -106,7 +109,7 @@ export default {
           label: this.$t('asset.talon.token'),
           prop: 'token',
           minWidth: 180,
-          show: true
+          show: false
         }, {
           label: this.$t('config.system.apiKey.expireAt'),
           prop: 'expireAt',