diff --git a/web/src/views/AccessResultCheck.vue b/web/src/views/AccessResultCheck.vue index 1d79a94..b15cd6a 100644 --- a/web/src/views/AccessResultCheck.vue +++ b/web/src/views/AccessResultCheck.vue @@ -37,14 +37,19 @@
- -
+ +
{{ r.statusCode }} {{ r.responseTimeMs }}ms {{ formatTime(r.createdAt) }} - {{ r.clientId }} + {{ r.clientId }}
有效 @@ -72,6 +78,12 @@ 查看
+ + +
+ 还有 {{ page.totalCount - 5 }} 条更早记录 +
@@ -122,8 +134,15 @@ const contentLoading = ref(false) const viewingResult = ref({}) const viewingContentType = ref('html') const viewingContent = ref('') +const expandedUrls = reactive(new Set()) +const MAX_VISIBLE = 5 -// 按 URL 分组(最新在前) +const toggleExpand = (url) => { + if (expandedUrls.has(url)) expandedUrls.delete(url) + else expandedUrls.add(url) +} + +// 按 URL 分组(最新在前),默认显示最近5条 const groupedPages = computed(() => { const map = new Map() for (const r of allResults.value) { @@ -135,7 +154,10 @@ const groupedPages = computed(() => { const allValid = results.length > 0 && results.every(r => r.isValid === true) const allInvalid = results.length > 0 && results.every(r => r.isValid === false) const hasUnchecked = results.some(r => r.isValid == null) - return { url, results, allValid, allInvalid, hasUnchecked } + const totalCount = results.length + const visibleResults = expandedUrls.has(url) ? results.slice(0, MAX_VISIBLE) : results.slice(0, 1) + const visibleCount = visibleResults.length + return { url, results, totalCount, visibleResults, visibleCount, allValid, allInvalid, hasUnchecked } }) })