From 0444c200ee5724e6afbe676a7efcb2aa6c3c5f35 Mon Sep 17 00:00:00 2001 From: shenjianZ Date: Thu, 22 Jan 2026 17:57:39 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E7=BD=91=E7=AB=99ico?= =?UTF-8?q?n=EF=BC=9B=E4=BC=98=E5=8C=96=E4=BB=BB=E5=8A=A1=E5=8E=86?= =?UTF-8?q?=E5=8F=B2=E7=9A=84=E4=BB=BB=E5=8A=A1=E5=8D=A1=E7=89=87=E6=BB=9A?= =?UTF-8?q?=E5=8A=A8=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- crawler-module/frontend/index.html | 6 +++--- crawler-module/frontend/public/favicon.svg | 13 +++++++++++++ crawler-module/frontend/src/pages/Tasks.tsx | 20 +++++++++++++++++--- 3 files changed, 33 insertions(+), 6 deletions(-) create mode 100644 crawler-module/frontend/public/favicon.svg diff --git a/crawler-module/frontend/index.html b/crawler-module/frontend/index.html index 072a57e..4ab4b95 100644 --- a/crawler-module/frontend/index.html +++ b/crawler-module/frontend/index.html @@ -1,10 +1,10 @@ - + - + - frontend + 新闻爬虫系统
diff --git a/crawler-module/frontend/public/favicon.svg b/crawler-module/frontend/public/favicon.svg new file mode 100644 index 0000000..ac3f2f0 --- /dev/null +++ b/crawler-module/frontend/public/favicon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/crawler-module/frontend/src/pages/Tasks.tsx b/crawler-module/frontend/src/pages/Tasks.tsx index 9f8b785..b5faaec 100644 --- a/crawler-module/frontend/src/pages/Tasks.tsx +++ b/crawler-module/frontend/src/pages/Tasks.tsx @@ -17,6 +17,7 @@ export function Tasks() { const [logs, setLogs] = useState([]) const wsRef = useRef(null) const logsEndRef = useRef(null) + const taskCardRefs = useRef>(new Map()) useEffect(() => { loadTasks() @@ -30,6 +31,13 @@ export function Tasks() { useEffect(() => { if (expandedTask) { connectWebSocket(expandedTask) + // 滚动到任务卡片 + setTimeout(() => { + const cardElement = taskCardRefs.current.get(expandedTask) + if (cardElement) { + cardElement.scrollIntoView({ behavior: 'smooth', block: 'center' }) + } + }, 100) } return () => { if (wsRef.current) { @@ -40,10 +48,11 @@ export function Tasks() { }, [expandedTask]) useEffect(() => { - if (logsEndRef.current) { - logsEndRef.current.scrollIntoView({ behavior: 'smooth' }) + // 只在首次展开时滚动到日志区域，而不是每次日志更新都滚动 + if (logsEndRef.current && logs.length === 0) { + logsEndRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' }) } - }, [logs]) + }, [logs.length]) const loadTasks = async () => { try { @@ -157,6 +166,11 @@ const loadTasks = async () => { {tasks.map((task) => ( { + if (el) { + taskCardRefs.current.set(task.id, el as HTMLDivElement) + } + }} variants={itemVariants} className="glass-card rounded-2xl overflow-hidden" >