Fix: Hide progress display when clearing order numbers and remove progress text from LogPanel
This commit is contained in:
@@ -1,11 +1,9 @@
|
||||
import React, { useEffect, useRef } from 'react'
|
||||
import { Terminal } from 'lucide-react'
|
||||
import type { LogEntry, LogLevel } from '../../stores/extractorStore'
|
||||
import type { ExtractionProgress } from '../../stores/extractorStore'
|
||||
|
||||
interface LogPanelProps {
|
||||
logs: LogEntry[]
|
||||
progress: ExtractionProgress | null
|
||||
onClear: () => void
|
||||
}
|
||||
|
||||
@@ -24,7 +22,7 @@ const getLogColor = (level: LogLevel): string => {
|
||||
}
|
||||
}
|
||||
|
||||
const LogPanel: React.FC<LogPanelProps> = ({ logs, progress, onClear }) => {
|
||||
const LogPanel: React.FC<LogPanelProps> = ({ logs, onClear }) => {
|
||||
const logsEndRef = useRef<HTMLDivElement>(null)
|
||||
|
||||
useEffect(() => {
|
||||
@@ -38,15 +36,12 @@ const LogPanel: React.FC<LogPanelProps> = ({ logs, progress, onClear }) => {
|
||||
<Terminal size={16} />
|
||||
<span>执行日志</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-xs text-slate-500">进度: {progress?.progress || 0}%</span>
|
||||
<button
|
||||
className="text-xs text-slate-400 hover:text-white transition-colors"
|
||||
onClick={onClear}
|
||||
>
|
||||
清空
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
className="text-xs text-slate-400 hover:text-white transition-colors"
|
||||
onClick={onClear}
|
||||
>
|
||||
清空
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex-1 p-4 font-mono text-sm overflow-y-auto leading-relaxed">
|
||||
{logs.length === 0 ? (
|
||||
|
||||
@@ -94,6 +94,7 @@ export function useExtractor() {
|
||||
startExtraction,
|
||||
clearLogs,
|
||||
setError,
|
||||
setComplete
|
||||
setComplete,
|
||||
resetState
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,8 +10,17 @@ const ExtractorPage: React.FC = () => {
|
||||
return sessionStorage.getItem('extractor_orderNumbers') || ''
|
||||
})
|
||||
|
||||
const { isRunning, progress, error, logs, startExtraction, clearLogs, setError, isComplete } =
|
||||
useExtractor()
|
||||
const {
|
||||
isRunning,
|
||||
progress,
|
||||
error,
|
||||
logs,
|
||||
startExtraction,
|
||||
clearLogs,
|
||||
setError,
|
||||
isComplete,
|
||||
setComplete
|
||||
} = useExtractor()
|
||||
|
||||
useEffect(() => {
|
||||
sessionStorage.setItem('extractor_orderNumbers', orderNumbers)
|
||||
@@ -31,6 +40,7 @@ const ExtractorPage: React.FC = () => {
|
||||
const handleReset = () => {
|
||||
setOrderNumbers('')
|
||||
setError(null)
|
||||
setComplete(false)
|
||||
clearLogs()
|
||||
}
|
||||
|
||||
@@ -93,7 +103,7 @@ const ExtractorPage: React.FC = () => {
|
||||
/>
|
||||
)}
|
||||
|
||||
<LogPanel logs={logs} progress={progress} onClear={clearLogs} />
|
||||
<LogPanel logs={logs} onClear={clearLogs} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user