a77cd83e6a
## 新增功能 - 文件管理模块：分类树 + 文件上传/下载/删除 - 文件上传支持拖拽（Dragger）+ 手动上传（customRequest 模式） ## 页面布局统一（参照评测执行页） - 仪表盘/评测对象/评测场景/评测报告 全部改为全高 flex 布局 - 统一内联页头样式（h2 + 竖线分隔 + 描述） - 表格撑满高度、overflow 处理 - 每页添加刷新按钮 ## Bug 修复 - 分类树操作按钮 hover 不可见（CSS 规则缺失） - 文件上传失败（multipart boundary 缺失） - LLM API 响应 content blocks 数组格式支持（_extract_content_from_api_response） - response_time_max_ms 被静默忽略（隐式规则传空 params） - 空 messages 导致 IndexError 崩溃 - poll_reply 异常中止整个 run（缺 try/catch） - engine finally 未关闭 session - 3 个页面 UTC 时间戳解析偏差 8 小时 ## 后端 - EvalEngine: poll_reply 异常保护、空 dialog 保护、session 关闭 - LLM API 响应解析支持 content-block-array 格式 - 隐式 response_time 规则正确传递 max_ms 参数 ## 前端 - api.ts: 移除手动 Content-Type（让浏览器自动添加 boundary） - Files.tsx: customRequest 替代 beforeUpload、布局优化 - index.css: 分类树 hover 规则 - Targets/Scenarios/Home/Reports: 全高布局改造 - 3 个页面时间戳改用 formatDateTime()（修复 UTC 偏差） Co-Authored-By: Claude <noreply@anthropic.com>
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { Tabs } from 'antd'
|
|
import type { TabsProps } from 'antd'
|
|
import { CloseOutlined } from '@ant-design/icons'
|
|
import { useNavigate } from 'react-router-dom'
|
|
import { useTabStore } from '../stores/tabStore'
|
|
|
|
function TabBar() {
|
|
const { tabs, activeKey, setActiveTab, closeTab } = useTabStore()
|
|
const navigate = useNavigate()
|
|
|
|
const handleChange = (key: string) => {
|
|
setActiveTab(key)
|
|
navigate(key)
|
|
}
|
|
|
|
const items: TabsProps['items'] = tabs.map((tab) => ({
|
|
key: tab.key,
|
|
label: (
|
|
<span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
|
|
{tab.icon && <span style={{ fontSize: 13 }}>{tab.icon}</span>}
|
|
{tab.title}
|
|
</span>
|
|
),
|
|
closeIcon: tab.closable ? <CloseOutlined style={{ fontSize: 10 }} /> : false,
|
|
}))
|
|
|
|
return (
|
|
<div
|
|
style={{
|
|
background: '#fff',
|
|
borderBottom: '1px solid #e5e7eb',
|
|
flexShrink: 0,
|
|
paddingLeft: 4,
|
|
}}
|
|
>
|
|
<Tabs
|
|
type="editable-card"
|
|
hideAdd
|
|
activeKey={activeKey}
|
|
onChange={handleChange}
|
|
onEdit={(key, action) => {
|
|
if (action === 'remove') {
|
|
closeTab(key as string)
|
|
navigate(useTabStore.getState().activeKey)
|
|
}
|
|
}}
|
|
items={items}
|
|
style={{ marginBottom: 0 }}
|
|
tabBarStyle={{ margin: 0, border: 'none' }}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default TabBar
|