fix: opt page style

This commit is contained in:
engigu
2026-01-22 19:54:09 +08:00
parent 910e81b06d
commit 05f582bd28
2 changed files with 7 additions and 4 deletions
+1 -1
View File
@@ -140,7 +140,7 @@ onMounted(() => {
<Button variant="ghost" size="icon" class="h-8 w-8 lg:hidden" @click="mobileMenuOpen = true"> <Button variant="ghost" size="icon" class="h-8 w-8 lg:hidden" @click="mobileMenuOpen = true">
<Menu class="h-5 w-5" /> <Menu class="h-5 w-5" />
</Button> </Button>
<span class="text-sm text-muted-foreground truncate max-w-[300px] sm:max-w-none">{{ sentence }}</span> <span class="text-[10px] sm:text-sm text-muted-foreground truncate flex-1 min-w-0 mr-4" :title="sentence">{{ sentence }}</span>
</div> </div>
<ThemeToggle /> <ThemeToggle />
</div> </div>
+6 -3
View File
@@ -12,6 +12,7 @@ const displayStats = ref<Stats>({ tasks: 0, today_execs: 0, envs: 0, logs: 0, sc
const sendStats = ref<DailyStats[]>([]) const sendStats = ref<DailyStats[]>([])
const taskStats = ref<TaskStatsItem[]>([]) const taskStats = ref<TaskStatsItem[]>([])
const chartsLoaded = ref(false) const chartsLoaded = ref(false)
const sentence = ref('')
const isMobile = ref(window.innerWidth < 768) const isMobile = ref(window.innerWidth < 768)
const chartDays = computed(() => isMobile.value ? 15 : 30) const chartDays = computed(() => isMobile.value ? 15 : 30)
@@ -397,14 +398,16 @@ onMounted(async () => {
window.addEventListener('resize', handleResize) window.addEventListener('resize', handleResize)
try { try {
const [statsData, sendStatsData, taskStatsData] = await Promise.all([ const [statsData, sendStatsData, taskStatsData, sentenceData] = await Promise.all([
api.dashboard.stats(), api.dashboard.stats(),
api.dashboard.sendStats(chartDays.value), api.dashboard.sendStats(chartDays.value),
api.dashboard.taskStats(chartDays.value) api.dashboard.taskStats(chartDays.value),
api.dashboard.sentence()
]) ])
updateStats(statsData) updateStats(statsData)
sendStats.value = sendStatsData sendStats.value = sendStatsData
taskStats.value = taskStatsData taskStats.value = taskStatsData
sentence.value = sentenceData.sentence
// 渲染图表 // 渲染图表
setTimeout(() => { setTimeout(() => {
@@ -444,7 +447,7 @@ onUnmounted(() => {
<div class="space-y-4"> <div class="space-y-4">
<div> <div>
<h2 class="text-2xl font-bold tracking-tight">数据仪表</h2> <h2 class="text-2xl font-bold tracking-tight">数据仪表</h2>
<p class="text-muted-foreground">查看系统运行状态和统计数据</p> <p class="text-muted-foreground">{{ sentence || '查看系统运行状态和统计数据' }}</p>
</div> </div>
<div class="grid gap-4 grid-cols-2 sm:grid-cols-3 lg:grid-cols-6"> <div class="grid gap-4 grid-cols-2 sm:grid-cols-3 lg:grid-cols-6">