From 35ca52620c12eef4865246ac933569ceb9246331 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Thu, 1 Jun 2023 17:03:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=A1=E5=88=92=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E9=A1=B5=E5=A2=9E=E5=8A=A0=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=90=8D=E7=A7=B0=E6=98=BE=E7=A4=BA=20(#1219?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/cronjob/record/index.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/cronjob/record/index.vue b/frontend/src/views/cronjob/record/index.vue
index 732916c9b..082a39abc 100644
--- a/frontend/src/views/cronjob/record/index.vue
+++ b/frontend/src/views/cronjob/record/index.vue
@@ -3,9 +3,24 @@
         <div class="a-card" style="margin-top: 20px">
             <el-card>
                 <div>
-                    <el-tag style="float: left" effect="dark" type="success">
-                        {{ $t('cronjob.' + dialogData.rowData.type) }}
+                    <el-popover
+                        v-if="dialogData.rowData.name.length >= 15"
+                        placement="top-start"
+                        trigger="hover"
+                        width="250"
+                        :content="$t('cronjob.' + dialogData.rowData.type) + ' - ' + dialogData.rowData.name"
+                    >
+                        <template #reference>
+                            <el-tag style="float: left" effect="dark" type="success">
+                                {{ $t('cronjob.' + dialogData.rowData.type) }} -
+                                {{ dialogData.rowData.name.substring(0, 12) }}...
+                            </el-tag>
+                        </template>
+                    </el-popover>
+                    <el-tag v-if="dialogData.rowData.name.length < 15" style="float: left" effect="dark" type="success">
+                        {{ $t('cronjob.' + dialogData.rowData.type) }} - {{ dialogData.rowData.name }}
                     </el-tag>
+
                     <el-tag v-if="dialogData.rowData.status === 'Enable'" round class="status-content" type="success">
                         {{ $t('commons.status.running') }}
                     </el-tag>