diff --git a/admin-frontend/src/pages/StatsPage.vue b/admin-frontend/src/pages/StatsPage.vue index 0b70069..34f30f2 100644 --- a/admin-frontend/src/pages/StatsPage.vue +++ b/admin-frontend/src/pages/StatsPage.vue @@ -3,7 +3,8 @@ import { computed, onBeforeUnmount, onMounted, ref } from 'vue' import { fetchDockerStats, fetchRunningTasks, fetchServerInfo, fetchTaskStats } from '../api/tasks' -const loading = ref(false) +const initialLoading = ref(true) +const lastUpdatedAt = ref('') const server = ref({ cpu_percent: '-', @@ -60,8 +61,15 @@ const serverDiskDisplay = computed(() => `${server.value.disk_used} / ${server.v let stop = false let timer = null +function recordUpdatedAt() { + try { + lastUpdatedAt.value = new Date().toLocaleTimeString('zh-CN', { hour12: false }) + } catch { + lastUpdatedAt.value = '' + } +} + async function loadOnce() { - loading.value = true try { const [serverInfo, dockerInfo, taskStat, running] = await Promise.all([ fetchServerInfo(), @@ -74,10 +82,11 @@ async function loadOnce() { docker.value = dockerInfo || docker.value taskStats.value = taskStat || taskStats.value monitor.value = running || monitor.value + recordUpdatedAt() } catch { // handled by interceptor } finally { - loading.value = false + initialLoading.value = false } } @@ -103,10 +112,10 @@ onBeforeUnmount(() => {