From 0f4b5eed7d6cce03fe5cd91b7aa508de6144a898 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期三, 10 四月 2024 23:09:28 +0800
Subject: [PATCH] 优化apikey列表样式
---
web_src/src/components/UserApiKeyManager.vue | 11 +++++++++--
1 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/web_src/src/components/UserApiKeyManager.vue b/web_src/src/components/UserApiKeyManager.vue
index b3eb80d..3d6e5eb 100644
--- a/web_src/src/components/UserApiKeyManager.vue
+++ b/web_src/src/components/UserApiKeyManager.vue
@@ -15,7 +15,14 @@
header-row-class-name="table-header">
<el-table-column prop="user.username" label="鐢ㄦ埛鍚�" min-width="120"/>
<el-table-column prop="app" label="搴旂敤鍚�" min-width="160"/>
- <el-table-column prop="apiKey" label="ApiKey" min-width="480"/>
+ <el-table-column label="ApiKey" :show-overflow-tooltip="true" min-width="300">
+ <template #default="scope">
+<!-- <el-button style="float: right;" type="primary" size="mini" icon="el-icon-document-copy" title="鐐瑰嚮鎷疯礉" v-clipboard="scope.row.apiKey" @success="$message({type:'success', message:'鎴愬姛鎷疯礉鍒扮矘璐存澘'})"></el-button>-->
+ <i class="cpoy-btn el-icon-document-copy" title="鐐瑰嚮鎷疯礉" v-clipboard="scope.row.apiKey" @success="$message({type:'success', message:'鎴愬姛鎷疯礉鍒扮矘璐存澘'})"></i>
+ <span>{{scope.row.apiKey}}</span>
+
+ </template>
+ </el-table-column>
<el-table-column prop="enable" label="鍚敤" width="120">
<template #default="scope">
<el-tag v-if="scope.row.enable">
@@ -28,7 +35,7 @@
</el-table-column>
<el-table-column prop="expiredAt" label="杩囨湡鏃堕棿" width="160"/>
<el-table-column prop="remark" label="澶囨敞淇℃伅" min-width="160"/>
- <el-table-column label="鎿嶄綔" min-width="160" fixed="right">
+ <el-table-column label="鎿嶄綔" min-width="260" fixed="right">
<template #default="scope">
<el-button v-if="scope.row.enable"
size="medium" icon="el-icon-circle-close" type="text" @click="disableUserApiKey(scope.row)">
--
Gitblit v1.8.0