From 11f4bc2c891f5c8645d1de4c18183a4e17d9d67f Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Thu, 16 Mar 2023 10:51:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E5=92=8C=E7=BD=91=E7=AB=99=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E5=8F=AA=E6=98=BE=E7=A4=BA...=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/host/file-management/index.vue  | 12 +++++++++++-
 frontend/src/views/website/website/index.vue  | 19 +++++++++++--------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 07a9da226..c1ba7e37e 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -88,7 +88,7 @@
                         <template #default="{ row }">
                             <svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon>
                             <svg-icon v-else className="table-icon" :iconName="getIconName(row.extension)"></svg-icon>
-                            <el-link :underline="false" @click="open(row)" type="primary">{{ row.name }}</el-link>
+                            <span class="file-name" @click="open(row)" type="primary">{{ row.name }}</span>
                             <span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
                         </template>
                     </el-table-column>
@@ -547,4 +547,14 @@ onMounted(() => {
     display: inline;
     width: 20%;
 }
+
+.file-name {
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.file-name:hover {
+    opacity: 0.6;
+}
 </style>
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index 033d30495..ad4afeceb 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -75,9 +75,7 @@
                     >
                         <template #default="{ row }">
                             <el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
-                            <el-link type="primary" :underline="false" @click="openConfig(row.id)">
-                                <span style="margin-left: 10px">{{ row.primaryDomain }}</span>
-                            </el-link>
+                            <span class="primary-domain" @click="openConfig(row.id)">{{ row.primaryDomain }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type">
@@ -407,15 +405,20 @@ onMounted(() => {
     listGroup();
 });
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .search-button {
     float: right;
     display: inline;
 }
 
-.tooltip {
-    white-space: pre-wrap; /* 自动换行 */
-    word-break: break-all; /* 单词内换行 */
-    max-width: 200px; /* 控制最大宽度 */
+.primary-domain {
+    margin-left: 10px;
+    color: $primary-color;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.primary-domain:hover {
+    opacity: 0.6;
 }
 </style>