From 6b55e4615e055eb1f9c404a49d2e96e687172c34 Mon Sep 17 00:00:00 2001
From: jhy <184825448@qq.com>
Date: Fri, 16 Oct 2026 23:19:23 +0800
Subject: [PATCH] feat: add retrieval history export workspace

---
 frontend/src/router.ts                     |  1 +
 frontend/src/views/AdminView.vue           |  2 +-
 frontend/src/views/RetrievalExportView.vue | 36 ++++++++++++++++++++++
 3 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/views/RetrievalExportView.vue

diff --git a/frontend/src/router.ts b/frontend/src/router.ts
index 460ce6c..4252036 100644
--- a/frontend/src/router.ts
+++ b/frontend/src/router.ts
@@ -13,6 +13,7 @@ const router=createRouter({history:createWebHistory(),routes:[
   {path:'/indexes',component:()=>import('./views/IndexManagementView.vue'),meta:{role:'admin'}},
   {path:'/reviews',component:()=>import('./views/KnowledgeReviewView.vue'),meta:{role:'admin'}},
   {path:'/documents',component:()=>import('./views/DocumentManagementView.vue'),meta:{role:'admin'}},
+  {path:'/retrieval-exports',component:()=>import('./views/RetrievalExportView.vue'),meta:{role:'admin'}},
   {path:'/admin',component:()=>import('./views/AdminView.vue'),meta:{role:'admin'}},
 ]})
 router.beforeEach(async to=>{if(to.meta.public)return true;try{role=(await getCurrentUser()).role}catch{return {path:'/login',query:{redirect:to.fullPath}}}if(to.meta.role&&role!==to.meta.role)return {path:'/profile',query:{forbidden:'1'}};return true})
diff --git a/frontend/src/views/AdminView.vue b/frontend/src/views/AdminView.vue
index 2125dd0..cff9882 100644
--- a/frontend/src/views/AdminView.vue
+++ b/frontend/src/views/AdminView.vue
@@ -29,7 +29,7 @@ onMounted(() => load(0))
   <main>
     <h1>管理员用户管理</h1>
     <p>用户数据由受服务端管理员权限保护的接口实时提供。</p>
-    <p><RouterLink to="/reviews">进入知识审核工作台</RouterLink>　<RouterLink to="/documents">进入文档管理</RouterLink>　<RouterLink to="/indexes">进入索引管理</RouterLink></p>
+    <p><RouterLink to="/reviews">进入知识审核工作台</RouterLink>　<RouterLink to="/documents">进入文档管理</RouterLink>　<RouterLink to="/indexes">进入索引管理</RouterLink>　<RouterLink to="/retrieval-exports">导出检索历史</RouterLink></p>
     <p v-if="error" role="alert">{{ error }}</p>
     <p v-else-if="loading">正在读取用户列表…</p>
     <template v-else>
diff --git a/frontend/src/views/RetrievalExportView.vue b/frontend/src/views/RetrievalExportView.vue
new file mode 100644
index 0000000..67a845f
--- /dev/null
+++ b/frontend/src/views/RetrievalExportView.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { getRetrievalRuns, type RetrievalRunResult } from '../api'
+import { exportRetrievalHistory } from '../services/exports'
+
+const runs=ref<RetrievalRunResult[]>([]), selected=ref<string[]>([]), page=ref(1), total=ref(0), loading=ref(true), exporting=ref(false), error=ref(''), notice=ref(''), includeContexts=ref(false)
+const pageSize=20
+const selectedSet=computed(()=>new Set(selected.value))
+function runLabel(run:RetrievalRunResult){return `${new Date(run.created_at).toLocaleString()} · ${run.mode} · ${run.query}`}
+function toggle(runId:string){if(selectedSet.value.has(runId)){selected.value=selected.value.filter(id=>id!==runId);return}if(selected.value.length>=100){error.value='一次最多选择 100 条检索历史。';return}selected.value=[...selected.value,runId]}
+async function refresh(next=page.value){loading.value=true;error.value='';try{const result=await getRetrievalRuns(next,pageSize);runs.value=result.items;total.value=result.total;page.value=result.page}catch(cause){error.value=cause instanceof Error?cause.message:'无法读取检索历史'}finally{loading.value=false}}
+async function download(){error.value='';notice.value='';if(!selected.value.length){error.value='请先选择至少一条检索历史。';return}exporting.value=true;try{const file=await exportRetrievalHistory({run_ids:selected.value,include_contexts:includeContexts.value});const url=URL.createObjectURL(file.blob);const link=document.createElement('a');link.href=url;link.download=file.filename;link.style.display='none';document.body.append(link);link.click();link.remove();window.setTimeout(()=>URL.revokeObjectURL(url),0);notice.value=`已开始下载 ${file.filename}${file.recordsSha256?`（记录摘要 ${file.recordsSha256}）`:''}。`}catch(cause){error.value=cause instanceof Error?cause.message:'导出失败'}finally{exporting.value=false}}
+onMounted(()=>refresh(1))
+</script>
+
+<template>
+  <main>
+    <RouterLink to="/admin">返回管理员工作台</RouterLink>
+    <h1>导出检索历史</h1>
+    <p>从已保存的历史快照选择记录，导出 JSONL；不会重新检索、调用模型或导出认证信息。</p>
+    <p v-if="error" role="alert">{{error}}</p><p v-if="notice" role="status">{{notice}}</p>
+    <form @submit.prevent="download">
+      <label><input v-model="includeContexts" type="checkbox"/> 同时包含关联的 RAG 准备上下文</label>
+      <button :disabled="exporting||!selected.length">{{exporting?'正在准备…':`导出已选 ${selected.length} 条`}}</button>
+      <p>最多选择 100 条记录；导出上限为 8 MiB。文件仅表示当时历史快照，并不代表当前知识仍有效。</p>
+    </form>
+    <p v-if="loading">正在读取检索历史…</p>
+    <template v-else>
+      <table>
+        <thead><tr><th>选择</th><th>时间</th><th>模式</th><th>查询</th><th>状态</th><th>命中数</th></tr></thead>
+        <tbody><tr v-for="run in runs" :key="run.run_id"><td><input :checked="selectedSet.has(run.run_id)" type="checkbox" :aria-label="runLabel(run)" @change="toggle(run.run_id)"/></td><td>{{new Date(run.created_at).toLocaleString()}}</td><td>{{run.mode}}</td><td>{{run.query}}</td><td>{{run.status}}</td><td>{{run.total_hits}}</td></tr><tr v-if="!runs.length"><td colspan="6">暂无可导出的检索历史。</td></tr></tbody>
+      </table>
+      <div><button :disabled="page===1" @click="refresh(page-1)">上一页</button><span>第 {{page}} 页，共 {{total}} 条</span><button :disabled="page*pageSize>=total" @click="refresh(page+1)">下一页</button></div>
+    </template>
+  </main>
+</template>