From 8ec9f727bde3c136448232337c35ae50d2b9d823 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Tue, 4 Jun 2024 16:52:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E8=B6=85=E5=87=BA=E9=9A=90=E8=97=8F=E6=98=BE=E7=A4=BA=E4=B8=8D?=
 =?UTF-8?q?=E6=AD=A3=E7=A1=AE=E7=9A=84=E9=97=AE=E9=A2=98=20(#5277)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/container/compose/detail/index.vue     | 12 ++++++++++--
 frontend/src/views/container/compose/index.vue       | 10 ++++++++--
 frontend/src/views/container/container/index.vue     |  5 ++++-
 frontend/src/views/container/image/index.vue         |  9 ++++-----
 frontend/src/views/container/network/index.vue       | 12 ++++++++++--
 frontend/src/views/container/template/index.vue      | 12 ++++++++++--
 frontend/src/views/container/volume/index.vue        |  5 ++++-
 frontend/src/views/cronjob/index.vue                 | 12 ++++++++++--
 frontend/src/views/toolbox/ftp/index.vue             |  4 ++--
 frontend/src/views/toolbox/supervisor/index.vue      | 12 ++++++++++--
 frontend/src/views/website/runtime/node/index.vue    | 12 ++++++++++--
 frontend/src/views/website/runtime/php/index.vue     | 12 ++++++++++--
 frontend/src/views/website/website/index.vue         |  5 ++++-
 13 files changed, 96 insertions(+), 26 deletions(-)

diff --git a/frontend/src/views/container/compose/detail/index.vue b/frontend/src/views/container/compose/detail/index.vue
index baa427d46..2b7364ca1 100644
--- a/frontend/src/views/container/compose/detail/index.vue
+++ b/frontend/src/views/container/compose/detail/index.vue
@@ -69,9 +69,17 @@
                     @search="search"
                 >
                     <el-table-column type="selection" fix />
-                    <el-table-column :label="$t('commons.table.name')" min-width="100" prop="name" fix>
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        min-width="100"
+                        prop="name"
+                        fix
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="onInspect(row.containerID)" :text="row.name" />
+                            <el-button text type="primary" @click="onInspect(row.containerID)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index d238fd7b6..4cbbb9651 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -44,9 +44,15 @@
                     :data="data"
                     @search="search"
                 >
-                    <el-table-column :label="$t('commons.table.name')" width="170" prop="name" fix>
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        width="170"
+                        prop="name"
+                        fix
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="loadDetail(row)" :text="row.name" />
+                            <el-button text type="primary" @click="loadDetail(row)">{{ row.name }}</el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('container.from')" prop="createdBy" min-width="80" fix>
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 84db1e6d9..b6844623d 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -94,9 +94,12 @@
                         sortable
                         fix
                         :fixed="mobile ? false : 'left'"
+                        show-overflow-tooltip
                     >
                         <template #default="{ row }">
-                            <Tooltip @click="onInspect(row.containerID)" :text="row.name" />
+                            <el-button text type="primary" @click="onInspect(row.containerID)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column
diff --git a/frontend/src/views/container/image/index.vue b/frontend/src/views/container/image/index.vue
index 0c40e8337..3fccc7822 100644
--- a/frontend/src/views/container/image/index.vue
+++ b/frontend/src/views/container/image/index.vue
@@ -34,12 +34,11 @@
             </template>
             <template #main>
                 <ComplexTable :pagination-config="paginationConfig" :data="data" @search="search">
-                    <el-table-column label="ID" prop="id" width="140">
+                    <el-table-column label="ID" prop="id" width="140" show-overflow-tooltip>
                         <template #default="{ row }">
-                            <Tooltip
-                                @click="onInspect(row.id)"
-                                :text="row.id.replaceAll('sha256:', '').substring(0, 12)"
-                            />
+                            <el-button text type="primary" @click="onInspect(row.id)">
+                                {{ row.id.replaceAll('sha256:', '').substring(0, 12) }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.status')" prop="isUsed" width="100">
diff --git a/frontend/src/views/container/network/index.vue b/frontend/src/views/container/network/index.vue
index d2552a86d..25e8b2985 100644
--- a/frontend/src/views/container/network/index.vue
+++ b/frontend/src/views/container/network/index.vue
@@ -34,9 +34,17 @@
                     @search="search"
                 >
                     <el-table-column type="selection" :selectable="selectable" fix />
-                    <el-table-column :label="$t('commons.table.name')" width="130" prop="name" fix>
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        width="130"
+                        prop="name"
+                        fix
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="onInspect(row.id)" :text="row.name" />
+                            <el-button text type="primary" @click="onInspect(row.id)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column width="90">
diff --git a/frontend/src/views/container/template/index.vue b/frontend/src/views/container/template/index.vue
index 26af24c7b..7bf436bd7 100644
--- a/frontend/src/views/container/template/index.vue
+++ b/frontend/src/views/container/template/index.vue
@@ -31,9 +31,17 @@
                     @search="search"
                 >
                     <el-table-column type="selection" fix />
-                    <el-table-column :label="$t('commons.table.name')" min-width="100" prop="name" fix>
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        min-width="100"
+                        prop="name"
+                        fix
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="onOpenDetail(row)" :text="row.name" />
+                            <el-button text type="primary" @click="onOpenDetail(row)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('container.description')" prop="description" min-width="200" fix />
diff --git a/frontend/src/views/container/volume/index.vue b/frontend/src/views/container/volume/index.vue
index 2dad980fc..08bcf9521 100644
--- a/frontend/src/views/container/volume/index.vue
+++ b/frontend/src/views/container/volume/index.vue
@@ -40,9 +40,12 @@
                         :width="mobile ? 220 : 'auto'"
                         prop="name"
                         fix
+                        show-overflow-tooltip
                     >
                         <template #default="{ row }">
-                            <Tooltip @click="onInspect(row.name)" :text="row.name" />
+                            <el-button text type="primary" @click="onInspect(row.name)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('container.volumeDir')" min-width="100">
diff --git a/frontend/src/views/cronjob/index.vue b/frontend/src/views/cronjob/index.vue
index 87eeb637e..ba5d8b49c 100644
--- a/frontend/src/views/cronjob/index.vue
+++ b/frontend/src/views/cronjob/index.vue
@@ -42,9 +42,17 @@
                     :data="data"
                 >
                     <el-table-column type="selection" fix />
-                    <el-table-column :label="$t('cronjob.taskName')" :min-width="120" prop="name" sortable>
+                    <el-table-column
+                        :label="$t('cronjob.taskName')"
+                        :min-width="120"
+                        prop="name"
+                        sortable
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="loadDetail(row)" :text="row.name" />
+                            <el-button text type="primary" @click="loadDetail(row)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.status')" :min-width="80" prop="status" sortable>
diff --git a/frontend/src/views/toolbox/ftp/index.vue b/frontend/src/views/toolbox/ftp/index.vue
index 00b269712..0b6acb7ad 100644
--- a/frontend/src/views/toolbox/ftp/index.vue
+++ b/frontend/src/views/toolbox/ftp/index.vue
@@ -117,9 +117,9 @@
                                 </el-button>
                             </template>
                         </el-table-column>
-                        <el-table-column :label="$t('file.root')" :min-width="120" prop="path">
+                        <el-table-column :label="$t('file.root')" :min-width="120" prop="path" show-overflow-tooltip>
                             <template #default="{ row }">
-                                <Tooltip @click="toFolder(row.path)" :text="row.path" />
+                                <el-button text type="primary" @click="toFolder(row.path)">{{ row.path }}</el-button>
                             </template>
                         </el-table-column>
                         <el-table-column
diff --git a/frontend/src/views/toolbox/supervisor/index.vue b/frontend/src/views/toolbox/supervisor/index.vue
index fa5f029df..d39b8d5bd 100644
--- a/frontend/src/views/toolbox/supervisor/index.vue
+++ b/frontend/src/views/toolbox/supervisor/index.vue
@@ -33,9 +33,17 @@
                         fix
                         show-overflow-tooltip
                     ></el-table-column>
-                    <el-table-column :label="$t('tool.supervisor.dir')" prop="dir" min-width="100px" fix>
+                    <el-table-column
+                        :label="$t('tool.supervisor.dir')"
+                        prop="dir"
+                        min-width="100px"
+                        fix
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip @click="toFolder(row.dir)" :text="row.dir" />
+                            <el-button text type="primary" @click="toFolder(row.dir)">
+                                {{ row.dir }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column
diff --git a/frontend/src/views/website/runtime/node/index.vue b/frontend/src/views/website/runtime/node/index.vue
index 622106971..6a298c879 100644
--- a/frontend/src/views/website/runtime/node/index.vue
+++ b/frontend/src/views/website/runtime/node/index.vue
@@ -20,9 +20,17 @@
             </template>
             <template #main>
                 <ComplexTable :pagination-config="paginationConfig" :data="items" @search="search()">
-                    <el-table-column :label="$t('commons.table.name')" fix prop="name" min-width="120px">
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        fix
+                        prop="name"
+                        min-width="120px"
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip :text="row.name" @click="openDetail(row)" />
+                            <el-button text type="primary" @click="openDetail(row)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('runtime.codeDir')" prop="codeDir">
diff --git a/frontend/src/views/website/runtime/php/index.vue b/frontend/src/views/website/runtime/php/index.vue
index 75225723b..bfc695e69 100644
--- a/frontend/src/views/website/runtime/php/index.vue
+++ b/frontend/src/views/website/runtime/php/index.vue
@@ -24,9 +24,17 @@
             </template>
             <template #main>
                 <ComplexTable :pagination-config="paginationConfig" :data="items" @search="search()">
-                    <el-table-column :label="$t('commons.table.name')" fix prop="name" min-width="120px">
+                    <el-table-column
+                        :label="$t('commons.table.name')"
+                        fix
+                        prop="name"
+                        min-width="120px"
+                        show-overflow-tooltip
+                    >
                         <template #default="{ row }">
-                            <Tooltip :text="row.name" @click="openDetail(row)" />
+                            <el-button text type="primary" @click="openDetail(row)">
+                                {{ row.name }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('runtime.resource')" prop="resource">
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index 0f02799b9..faab7f817 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -65,9 +65,12 @@
                         min-width="120px"
                         :width="mobile ? 220 : 'auto'"
                         sortable
+                        show-overflow-tooltip
                     >
                         <template #default="{ row }">
-                            <Tooltip @click="openConfig(row.id)" :text="row.primaryDomain" />
+                            <el-button text type="primary" @click="openConfig(row.id)">
+                                {{ row.primaryDomain }}
+                            </el-button>
                         </template>
                     </el-table-column>
                     <el-table-column