From 07eb7c95b0dcc2db6c5f2d8cc2f9887eb8392be6 Mon Sep 17 00:00:00 2001
From: mediabot-pt <295750538+mediabot-pt@users.noreply.github.com>
Date: Thu, 2 Jul 2026 11:06:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=88=97=E8=A1=A8=E9=A1=B5+?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E4=BC=98=E5=8C=96(=E7=AB=99?=
 =?UTF-8?q?=E7=82=B9=E5=90=8D=E7=89=88=E6=9C=AC+=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4+=E9=94=99=E8=AF=AF=E9=AB=98=E4=BA=AE+?=
 =?UTF-8?q?=E5=85=A8=E9=83=A8=E6=94=B6=E8=B5=B7)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/AccessResultCheck.vue | 23 +++++++++++---
 web/src/views/AccessResults.vue     | 47 ++++++++++++++++-------------
 2 files changed, 44 insertions(+), 26 deletions(-)

diff --git a/web/src/views/AccessResultCheck.vue b/web/src/views/AccessResultCheck.vue
index 2de6294..5cb1a97 100644
--- a/web/src/views/AccessResultCheck.vue
+++ b/web/src/views/AccessResultCheck.vue
@@ -63,8 +63,15 @@
       </div>
 
       <!-- 右侧：URL卡片 -->
-      <div style="flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:0">
-        <el-card v-for="page in pages" :key="page.url" shadow="hover" size="small">
+      <div style="flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0">
+        <!-- 搜索 + 全部收起 -->
+        <div style="display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-shrink:0">
+          <el-input v-model="urlFilter" size="small" placeholder="搜索URL..." clearable style="flex:1" />
+          <el-button v-if="expanded.size>0" size="small" @click="expanded.clear()">全部收起</el-button>
+        </div>
+
+        <div style="display:flex;flex-direction:column;gap:8px;overflow:auto">
+        <el-card v-for="page in filteredPages" :key="page.url" shadow="hover" size="small">
           <template #header>
             <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px">
               <div style="display:flex;align-items:center;gap:8px">
@@ -112,13 +119,14 @@
               </el-table-column>
             </el-table>
           </div>
-          <div v-else-if="page.parsed" style="color:#e6a23c;font-size:12px;padding:4px 0">
+          <div v-else-if="page.parsed" style="background:#fef0f0;color:#f56c6c;font-size:12px;padding:6px 8px;border-radius:4px;white-space:pre-wrap;word-break:break-all">
             {{ page.parsed.message || '解析失败' }}
           </div>
           <div v-else style="color:#909399;font-size:12px;padding:4px 0">未解析</div>
         </el-card>
 
-        <div v-if="pages.length===0 && !loading" style="text-align:center;padding:60px;color:#909399">暂无访问结果</div>
+        <div v-if="filteredPages.length===0 && !loading" style="text-align:center;padding:60px;color:#909399">暂无访问结果</div>
+        </div>
       </div>
     </div>
 
@@ -140,7 +148,7 @@ import { Loading } from '@element-plus/icons-vue'
 const route = useRoute()
 const siteId = route.params.siteId
 
-const loading = ref(false), parseLoading = ref(false), scriptExpanded = ref(true), historyVersion = ref(null)
+const loading = ref(false), parseLoading = ref(false), scriptExpanded = ref(true), historyVersion = ref(null), urlFilter = ref('')
 const selectedConfigId = ref(null), selectedConfig = ref(null)
 const scriptContent = ref(''), saving = ref(false), approving = ref(false), rejecting = ref(false)
 const allConfigVersions = ref([]), allResults = ref([])
@@ -149,6 +157,11 @@ const rawVisible = ref(false), rawLoading = ref(false), rawContent = ref('')
 
 const totalResults = computed(() => allResults.value.length)
 
+const filteredPages = computed(() => {
+  const f = urlFilter.value.toLowerCase()
+  return f ? pages.value.filter(p => p.url.toLowerCase().includes(f)) : pages.value
+})
+
 const pages = computed(() => {
   const map = new Map()
   for (const r of allResults.value) {
diff --git a/web/src/views/AccessResults.vue b/web/src/views/AccessResults.vue
index d28c187..3d66e06 100644
--- a/web/src/views/AccessResults.vue
+++ b/web/src/views/AccessResults.vue
@@ -7,41 +7,48 @@
       </div>
 
       <el-table :data="sites" v-loading="loading" stripe size="small" empty-text="暂无访问记录">
-        <el-table-column prop="siteId" label="站点ID" width="130" />
+        <el-table-column prop="siteId" label="站点ID" width="110" />
+        <el-table-column label="站点名称" width="150">
+          <template #default="scope">
+            <span class="text-xs">{{ (scope.row.names||[]).join(' / ') || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="版本" width="70">
+          <template #default="scope">
+            <el-tag v-if="scope.row.latestVersion" size="small" type="primary">{{ scope.row.latestVersion }}</el-tag>
+            <span v-else class="text-xs" style="color:#909399">-</span>
+          </template>
+        </el-table-column>
         <el-table-column label="页面数" width="100">
           <template #default="scope">
-            <el-tag size="small" type="info">{{ scope.row.pages?.length || 0 }}</el-tag>
+            <span class="text-xs">{{ scope.row.pages?.length || 0 }}页 · {{ scope.row.totalResults || 0 }}次</span>
           </template>
         </el-table-column>
-        <el-table-column label="总次数" width="80">
+        <el-table-column label="解析状态" min-width="140">
           <template #default="scope">
-            <span class="text-xs">{{ scope.row.totalResults }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="验证进度" min-width="220">
-          <template #default="scope">
-            <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
-              <el-tag size="small" type="success">{{ scope.row.validCount }} 有效</el-tag>
-              <el-tag size="small" type="danger">{{ scope.row.invalidCount }} 无效</el-tag>
-              <el-tag size="small" type="warning">{{ scope.row.uncheckedCount }} 待验</el-tag>
+            <div style="display:flex;gap:4px;align-items:center">
+              <el-tag v-if="scope.row.validCount" size="small" type="success">✓{{ scope.row.validCount }}</el-tag>
+              <el-tag v-if="scope.row.invalidCount" size="small" type="danger">✗{{ scope.row.invalidCount }}</el-tag>
+              <el-tag v-if="scope.row.uncheckedCount" size="small" type="warning">○{{ scope.row.uncheckedCount }}</el-tag>
+              <span v-if="!scope.row.validCount && !scope.row.invalidCount && !scope.row.uncheckedCount" class="text-xs" style="color:#909399">未解析</span>
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="待审核" width="80">
+        <el-table-column label="待审核" width="70">
           <template #default="scope">
             <el-tag v-if="scope.row.pendingConfigCount" size="small" type="danger">{{ scope.row.pendingConfigCount }}</el-tag>
             <span v-else class="text-xs" style="color:#909399">0</span>
           </template>
         </el-table-column>
-        <el-table-column label="最近提交" width="160">
+        <el-table-column label="最近提交" width="140">
           <template #default="scope">
-            <span class="text-xs">{{ scope.row.lastSubmitted || '-' }}</span>
+            <span class="text-xs">{{ scope.row.lastSubmitted?.substring(5,16) || '-' }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="180">
+        <el-table-column label="操作" width="100">
           <template #default="scope">
             <el-button size="small" type="primary" @click="$router.push(`/access-results/check/${scope.row.siteId}`)">
-              进入校验
+              校验
             </el-button>
           </template>
         </el-table-column>
@@ -59,10 +66,8 @@ const sites = ref([])
 
 const fetchAll = async () => {
   loading.value = true
-  try {
-    const r = await api.accessResults.summary()
-    sites.value = r.data || []
-  } catch { ElMessage.error('获取汇总失败') }
+  try { sites.value = (await api.accessResults.summary()).data || [] }
+  catch { ElMessage.error('获取汇总失败') }
   finally { loading.value = false }
 }