From 911b5c406d242586ed2fb7ef03e98b4a37163912 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Mon, 30 Jun 2025 11:53:30 +0800
Subject: [PATCH] style: Optimize cronjob report page styling (#9341)

---
 core/constant/common.go                       |  8 +++----
 .../views/cronjob/cronjob/record/index.vue    | 21 +++++++------------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/core/constant/common.go b/core/constant/common.go
index 699fe8b97..942499f67 100644
--- a/core/constant/common.go
+++ b/core/constant/common.go
@@ -76,10 +76,10 @@ var WebUrlMap = map[string]struct{}{
 	"/containers/setting":           {},
 	"/containers/dashboard":         {},
 
-	"/cronjobs":         {},
-	"/cronjobs/cronjob": {},
-	"/cronjobs/library": {},
-	"/cronjobs/operate": {},
+	"/cronjobs":                 {},
+	"/cronjobs/cronjob":         {},
+	"/cronjobs/library":         {},
+	"/cronjobs/cronjob/operate": {},
 
 	"/databases":                   {},
 	"/databases/mysql":             {},
diff --git a/frontend/src/views/cronjob/cronjob/record/index.vue b/frontend/src/views/cronjob/cronjob/record/index.vue
index bf92499b9..e9e37101e 100644
--- a/frontend/src/views/cronjob/cronjob/record/index.vue
+++ b/frontend/src/views/cronjob/cronjob/record/index.vue
@@ -94,10 +94,12 @@
                                     <el-table-column>
                                         <template #default="{ row }">
                                             <span v-if="row.id === currentRecord.id" class="select-sign"></span>
-                                            <Status :status="row.status" />
-                                            <span>
-                                                {{ row.startTime }}
-                                            </span>
+                                            <Status class="mr-2 ml-1 float-left" :status="row.status" />
+                                            <div class="mt-0.5">
+                                                <span>
+                                                    {{ row.startTime }}
+                                                </span>
+                                            </div>
                                         </template>
                                     </el-table-column>
                                 </el-table>
@@ -131,6 +133,7 @@
                                         <template #label>
                                             <span class="status-label">{{ $t('commons.table.interval') }}</span>
                                         </template>
+                                        <el-button link v-if="!currentRecord?.interval" :loading="true" />
                                         <span class="status-count" v-if="currentRecord?.interval! <= 1000">
                                             {{ currentRecord?.interval }} ms
                                         </span>
@@ -142,15 +145,7 @@
                                         <template #label>
                                             <span class="status-label">{{ $t('commons.table.status') }}</span>
                                         </template>
-                                        <el-tag type="danger" v-if="currentRecord?.status === 'Failed'">
-                                            {{ $t('commons.status.failed') }}
-                                        </el-tag>
-                                        <el-tag type="success" v-if="currentRecord?.status === 'Success'">
-                                            {{ $t('commons.status.success') }}
-                                        </el-tag>
-                                        <el-tag type="info" v-if="currentRecord?.status === 'Waiting'">
-                                            {{ $t('commons.status.waiting') }}
-                                        </el-tag>
+                                        <Status :status="currentRecord?.status" />
                                     </el-form-item>
                                 </el-row>
                                 <el-row v-if="currentRecord?.status === 'Failed'">