From 274db098c8951ce3b38cac2befdd8e55f23e5353 Mon Sep 17 00:00:00 2001
From: mediabot-pt <295750538+mediabot-pt@users.noreply.github.com>
Date: Wed, 1 Jul 2026 13:07:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A7=A3=E6=9E=90=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E5=A7=8B=E7=BB=88=E5=B1=95=E7=A4=BA+=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E5=8E=9F=E5=A7=8B=E5=86=85=E5=AE=B9=EF=BC=8C=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E9=9C=80=E8=A6=81=E7=82=B9=E5=BC=80=E6=8A=98=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/AccessResultCheck.vue | 66 +++++++++++++++++++----------
 1 file changed, 43 insertions(+), 23 deletions(-)

diff --git a/web/src/views/AccessResultCheck.vue b/web/src/views/AccessResultCheck.vue
index 36a95a7..1c1e22f 100644
--- a/web/src/views/AccessResultCheck.vue
+++ b/web/src/views/AccessResultCheck.vue
@@ -47,6 +47,15 @@
       </div>
     </el-card>
 
+    <!-- 原始内容弹窗 -->
+    <el-dialog v-model="rawVisible" :title="'原始内容 · ' + rawUrl" width="900px" :close-on-click-modal="false">
+      <div v-if="rawLoading" style="text-align:center;padding:40px;color:#909399">加载中...</div>
+      <pre v-else class="raw-content">{{ rawContent }}</pre>
+      <template #footer>
+        <el-button @click="rawVisible=false">关闭</el-button>
+      </template>
+    </el-dialog>
+
     <!-- 脚本编辑弹窗 -->
     <el-dialog v-model="configVisible" title="Groovy 脚本 · v{{ selectedConfig?.version }}" width="880px" :close-on-click-modal="false">
       <div v-if="scriptLoading" style="text-align:center;padding:20px;color:#909399">加载中...</div>
@@ -94,9 +103,7 @@
               <el-tag size="small" type="info">×{{ page.totalCount }}</el-tag>
             </div>
             <div style="display:flex;gap:6px">
-              <el-button size="small" @click="toggleView(page)">
-                {{ expandedSet.has(page.url) ? '收起' : '查看' }}
-              </el-button>
+              <el-button size="small" @click="viewRaw(page)">原始内容</el-button>
               <el-button size="small" @click="reparseUrl(page)" :loading="reparsingUrls.has(page.url)">重新解析</el-button>
               <el-popconfirm title="确认删除此访问结果？" @confirm="deleteResult(page)">
                 <template #reference>
@@ -107,26 +114,21 @@
           </div>
         </template>
 
-        <!-- 展开内容 -->
-        <template v-if="expandedSet.has(page.url)">
-          <!-- 解析结果 -->
-          <div v-if="page.parsed?.matched && page.parsed.extracted?.length" style="margin-bottom:8px">
-            <el-table :data="page.parsed.extracted" border stripe size="small" max-height="300">
-              <el-table-column type="index" label="#" width="45" />
-              <el-table-column v-for="col in Object.keys(page.parsed.extracted[0])" :key="col"
-                :prop="col" :label="col" min-width="100" show-overflow-tooltip>
-                <template #default="scope">
-                  <span :style="scope.row[col]==null?'color:#c0c4cc':''">{{ scope.row[col] ?? '-' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <div v-else style="color:#909399;font-size:12px;margin-bottom:8px">
-            {{ page.parsed?.message || '暂无提取数据' }}
-          </div>
-
-
-        </template>
+        <!-- 解析结果始终显示 -->
+        <div v-if="page.parsed?.matched && page.parsed.extracted?.length" style="margin-top:4px">
+          <el-table :data="page.parsed.extracted" border stripe size="small" max-height="300">
+            <el-table-column type="index" label="#" width="45" />
+            <el-table-column v-for="col in Object.keys(page.parsed.extracted[0])" :key="col"
+              :prop="col" :label="col" min-width="100" show-overflow-tooltip>
+              <template #default="scope">
+                <span :style="scope.row[col]==null?'color:#c0c4cc':''">{{ scope.row[col] ?? '-' }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div v-else-if="page.parsed" style="color:#e6a23c;font-size:12px;margin-top:4px">
+          {{ page.parsed.message || '解析失败' }}
+        </div>
       </el-card>
 
       <div v-if="pages.length===0 && !loading" style="text-align:center;padding:60px;color:#909399">
@@ -161,6 +163,7 @@ const allResults = ref([])
 const pageParsed = ref({})
 const expandedSet = reactive(new Set())
 const reparsingUrls = reactive(new Set())
+const rawVisible = ref(false), rawLoading = ref(false), rawUrl = ref(''), rawContent = ref('')
 
 const totalResults = computed(() => allResults.value.length)
 
@@ -290,6 +293,18 @@ const reparseUrl = async (page) => {
   finally { reparsingUrls.delete(page.url) }
 }
 
+const viewRaw = async (page) => {
+  rawUrl.value = page.url
+  rawVisible.value = true
+  rawLoading.value = true
+  rawContent.value = ''
+  try {
+    const r = await api.accessResults.get(page.accessResultId)
+    rawContent.value = r.data?.content || '(空)'
+  } catch { rawContent.value = '加载失败' }
+  finally { rawLoading.value = false }
+}
+
 const deleteResult = async (page) => {
   try {
     await api.accessResults.delete(page.accessResultId)
@@ -315,6 +330,11 @@ onMounted(async () => {
 </script>
 
 <style scoped>
+.raw-content {
+  background:#1e1e1e; color:#d4d4d4; padding:12px; border-radius:4px;
+  font-size:11px; line-height:1.4; margin:0; white-space:pre-wrap; word-break:break-all;
+  max-height:550px; overflow:auto;
+}
 .config-json {
   background:#1e1e1e; color:#d4d4d4; padding:10px; border-radius:4px;
   font-size:11px; line-height:1.5; margin:0; white-space:pre-wrap; word-break:break-all;