From 16b54a860420d0205b8df39ed2384870eef2d563 Mon Sep 17 00:00:00 2001
From: ssongliu <songlius11@163.com>
Date: Mon, 13 Mar 2023 10:24:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=82=AC=E6=B5=AE=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/container/repo/index.vue   |  5 ++++-
 frontend/src/views/container/volume/index.vue | 11 ++++-------
 frontend/src/views/cronjob/index.vue          |  5 ++++-
 frontend/src/views/cronjob/record/index.vue   | 12 ++++++------
 frontend/src/views/setting/snapshot/index.vue | 11 ++++-------
 5 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/frontend/src/views/container/repo/index.vue b/frontend/src/views/container/repo/index.vue
index 682224c0f..5d1c55cfe 100644
--- a/frontend/src/views/container/repo/index.vue
+++ b/frontend/src/views/container/repo/index.vue
@@ -54,7 +54,10 @@
                             <el-tag v-if="row.status === 'Success'" type="success">
                                 {{ $t('commons.status.success') }}
                             </el-tag>
-                            <el-tooltip v-else effect="dark" :content="row.message" placement="bottom">
+                            <el-tooltip v-else effect="dark" placement="bottom">
+                                <template #content>
+                                    <div style="width: 300px; word-break: break-all">{{ row.message }}</div>
+                                </template>
                                 <el-tag type="danger">{{ $t('commons.status.failed') }}</el-tag>
                             </el-tooltip>
                         </template>
diff --git a/frontend/src/views/container/volume/index.vue b/frontend/src/views/container/volume/index.vue
index 588d8ee1d..5abbe1fb4 100644
--- a/frontend/src/views/container/volume/index.vue
+++ b/frontend/src/views/container/volume/index.vue
@@ -45,13 +45,10 @@
                     <el-table-column type="selection" fix />
                     <el-table-column :label="$t('commons.table.name')" min-width="80" prop="name" fix>
                         <template #default="{ row }">
-                            <el-tooltip
-                                v-if="row.name.length > 20"
-                                class="box-item"
-                                effect="dark"
-                                :content="row.name"
-                                placement="top"
-                            >
+                            <el-tooltip v-if="row.name.length > 20" effect="dark" placement="bottom">
+                                <template #content>
+                                    <div style="width: 300px; word-break: break-all">{{ row.name }}</div>
+                                </template>
                                 <el-link @click="onInspect(row.name)" type="primary">
                                     {{ row.name.substring(0, 20) }}...
                                 </el-link>
diff --git a/frontend/src/views/cronjob/index.vue b/frontend/src/views/cronjob/index.vue
index 8a59ba9fe..4b4ecd55b 100644
--- a/frontend/src/views/cronjob/index.vue
+++ b/frontend/src/views/cronjob/index.vue
@@ -45,7 +45,10 @@
                     <el-table-column type="selection" fix />
                     <el-table-column :label="$t('cronjob.taskName')" :min-width="120" prop="name">
                         <template #default="{ row }">
-                            <el-tooltip effect="dark" :content="row.name" v-if="row.name.length > 12" placement="top">
+                            <el-tooltip effect="dark" v-if="row.name.length > 12" placement="top">
+                                <template #content>
+                                    <div style="width: 300px; word-break: break-all">{{ row.name }}</div>
+                                </template>
                                 <el-link @click="loadDetail(row)" type="primary">
                                     {{ row.name.substring(0, 15) }}...
                                 </el-link>
diff --git a/frontend/src/views/cronjob/record/index.vue b/frontend/src/views/cronjob/record/index.vue
index d018d8e0d..875baab87 100644
--- a/frontend/src/views/cronjob/record/index.vue
+++ b/frontend/src/views/cronjob/record/index.vue
@@ -221,12 +221,12 @@
                                     <template #label>
                                         <span class="status-label">{{ $t('commons.table.status') }}</span>
                                     </template>
-                                    <el-tooltip
-                                        v-if="currentRecord?.status === 'Failed'"
-                                        class="box-item"
-                                        :content="currentRecord?.message"
-                                        placement="top"
-                                    >
+                                    <el-tooltip v-if="currentRecord?.status === 'Failed'" placement="top">
+                                        <template #content>
+                                            <div style="width: 300px; word-break: break-all">
+                                                {{ currentRecord?.message }}
+                                            </div>
+                                        </template>
                                         <el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag>
                                     </el-tooltip>
                                     <el-tag type="success" v-if="currentRecord?.status === 'Success'">
diff --git a/frontend/src/views/setting/snapshot/index.vue b/frontend/src/views/setting/snapshot/index.vue
index b547aeeda..476b86d72 100644
--- a/frontend/src/views/setting/snapshot/index.vue
+++ b/frontend/src/views/setting/snapshot/index.vue
@@ -63,13 +63,10 @@
                             <el-tag v-if="row.status === 'Uploading'" type="info">
                                 {{ $t('commons.status.uploading') }}...
                             </el-tag>
-                            <el-tooltip
-                                v-if="row.status === 'Failed'"
-                                class="box-item"
-                                effect="dark"
-                                :content="row.message"
-                                placement="top-start"
-                            >
+                            <el-tooltip v-if="row.status === 'Failed'" effect="dark" placement="top">
+                                <template #content>
+                                    <div style="width: 300px; word-break: break-all">{{ row.message }}</div>
+                                </template>
                                 <el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag>
                             </el-tooltip>
                         </template>