feat: refact scheduler

web/src/views/history/LogViewer.vue

@@ -8,6 +8,7 @@ const props = defineProps<{
   open: boolean
   title: string
   content: string
+  status?: string
 }>()
 
 const emit = defineEmits<{
@@ -45,7 +46,21 @@ watch(() => props.open, (val) => {
     >
       <div class="bg-background rounded-lg shadow-lg flex flex-col w-full sm:w-[90vw] md:w-[80vw] max-w-5xl h-[90vh] sm:h-[85vh]">
         <div class="flex flex-col sm:flex-row sm:items-center justify-between px-3 sm:px-4 py-2 sm:py-3 border-b shrink-0 gap-2">
-          <span class="text-sm font-medium truncate">{{ title }}</span>
+          <div class="flex items-center gap-3 min-w-0">
+            <span class="text-sm font-medium truncate">{{ title }}</span>
+            <div v-if="status" 
+              class="flex items-center gap-1.5 px-2 py-0.5 rounded text-[10px] font-bold uppercase transition-colors shrink-0"
+              :class="status === 'success' ? 'bg-green-500/10 text-green-500 border border-green-500/20' : 
+                      status === 'failed' ? 'bg-red-500/10 text-red-500 border border-red-500/20' : 
+                      'bg-yellow-500/10 text-yellow-500 border border-yellow-500/20'"
+            >
+              <span v-if="status === 'running'" class="relative flex h-1.5 w-1.5 mr-0.5">
+                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-yellow-400 opacity-75"></span>
+                <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-yellow-500"></span>
+              </span>
+              {{ status === 'success' ? '成功' : status === 'failed' ? '失败' : '执行中' }}
+            </div>
+          </div>
           <div class="flex items-center gap-2">
             <div class="relative flex-1 sm:flex-none">
               <Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
@@ -56,7 +71,7 @@ watch(() => props.open, (val) => {
             </Button>
           </div>
         </div>
-        <div class="flex-1 overflow-auto">
+        <div class="flex-1 overflow-auto bg-black/5 dark:bg-white/5">
           <pre class="p-3 sm:p-4 text-xs font-mono whitespace-pre-wrap break-all" v-html="highlightedContent"></pre>
         </div>
       </div>