chore: history page support sharedworker.js

web/src/views/history/History.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted, computed, watch, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
-import { TASK_STATUS, TASK_TYPE, TASK_STATUS_TEXT } from '@/constants'
+import { TASK_STATUS, TASK_TYPE, TASK_STATUS_TEXT, TASK_EVENTS } from '@/constants'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import Pagination from '@/components/Pagination.vue'
@@ -17,6 +17,7 @@ import BaihuDialog from '@/components/ui/BaihuDialog.vue'
 import { toast } from 'vue-sonner'
 import { useSiteSettings } from '@/composables/useSiteSettings'
 import TextOverflow from '@/components/TextOverflow.vue'
+import { useEventBus } from '@/composables/useEventBus'
 
 const route = useRoute()
 const { pageSize } = useSiteSettings()
@@ -34,6 +35,39 @@ let durationTimer: ReturnType<typeof setInterval> | null = null
 
 const isRefreshing = ref(false)
 
+// 监听实时任务事件
+useEventBus(Object.values(TASK_EVENTS), (payload, type) => {
+  const { log_id, status, duration, end_time } = payload
+  
+  // 查找列表中的记录
+  const logItem = logs.value.find(l => l.id === log_id)
+  
+  if (logItem) {
+    // 更新已有记录状态
+    logItem.status = status
+    if (duration !== undefined) logItem.duration = duration
+    if (end_time !== undefined) logItem.end_time = end_time
+    
+    // 如果详情页打开的是这个记录，也同步更新
+    if (selectedLog.value && selectedLog.value.id === log_id) {
+      selectedLog.value.status = status
+      if (duration !== undefined) selectedLog.value.duration = duration
+      if (end_time !== undefined) selectedLog.value.end_time = end_time
+      
+      // 如果任务完成了，停止详情页的轮询定时器
+      if (status !== TASK_STATUS.RUNNING && durationTimer) {
+        clearInterval(durationTimer)
+        durationTimer = null
+      }
+    }
+  } else if (type === TASK_EVENTS.RUNNING) {
+    // 新任务开始执行，如果在第一页且没有特定筛选条件，则刷新列表
+    if (currentPage.value === 1 && !filterTaskId.value && !filterKeyword.value && (!filterStatus.value || filterStatus.value === 'all')) {
+      loadLogs()
+    }
+  }
+})
+
 // 全屏查看
 const showFullscreen = ref(false)
 

web/src/views/tasks/TaskDialog.vue

@@ -58,7 +58,6 @@ const concurrency = ref(0)
 const concurrencyEnabled = ref(false)
 const commentToTaskEnabled = ref(false)
 const allEnvsEnabled = ref(false)
-const SCRIPTS_DIR_PLACEHPLDER = '$SCRIPTS_DIR$'
 const scriptsDir = ref<string>(PATHS.SCRIPTS_DIR)
 
 const cronDescription = computed(() => {
@@ -366,9 +365,9 @@ function removeEnv(id: string) {
 
 function normalizeLocalWorkDirForDisplay(workDir?: string | null): string {
   if (!workDir) return ''
-  if (workDir === SCRIPTS_DIR_PLACEHPLDER) return ''
-  if (workDir.startsWith(`${SCRIPTS_DIR_PLACEHPLDER}/`)) {
-    return workDir.slice(SCRIPTS_DIR_PLACEHPLDER.length + 1)
+  if (workDir === PATHS.SCRIPTS_DIR_PLACEHOLDER) return ''
+  if (workDir.startsWith(`${PATHS.SCRIPTS_DIR_PLACEHOLDER}/`)) {
+    return workDir.slice(PATHS.SCRIPTS_DIR_PLACEHOLDER.length + 1)
   }
   const base = scriptsDir.value || PATHS.SCRIPTS_DIR
   if (workDir === base) return ''
@@ -380,16 +379,16 @@ function normalizeLocalWorkDirForDisplay(workDir?: string | null): string {
 
 function encodeLocalWorkDir(workDir?: string | null): string {
   const value = workDir?.trim() || ''
-  if (!value) return SCRIPTS_DIR_PLACEHPLDER
-  if (value === SCRIPTS_DIR_PLACEHPLDER || value.startsWith(`${SCRIPTS_DIR_PLACEHPLDER}/`)) {
+  if (!value) return PATHS.SCRIPTS_DIR_PLACEHOLDER
+  if (value === PATHS.SCRIPTS_DIR_PLACEHOLDER || value.startsWith(`${PATHS.SCRIPTS_DIR_PLACEHOLDER}/`)) {
     return value
   }
   const base = scriptsDir.value || PATHS.SCRIPTS_DIR
-  if (value === base) return SCRIPTS_DIR_PLACEHPLDER
+  if (value === base) return PATHS.SCRIPTS_DIR_PLACEHOLDER
   if (value.startsWith(`${base}/`)) {
-    return `${SCRIPTS_DIR_PLACEHPLDER}/${value.slice(base.length + 1)}`
+    return `${PATHS.SCRIPTS_DIR_PLACEHOLDER}/${value.slice(base.length + 1)}`
   }
-  return `${SCRIPTS_DIR_PLACEHPLDER}/${value.replace(/^\/+/, '')}`
+  return `${PATHS.SCRIPTS_DIR_PLACEHOLDER}/${value.replace(/^\/+/, '')}`
 }
 
 async function save() {