147 lines
5.7 KiB
Markdown
147 lines
5.7 KiB
Markdown
# 2026-05-13 工作日志
|
||
|
||
## Bug修复
|
||
|
||
### 知识库列表页不显示问题
|
||
- **问题**：`getPaginedData` 拼写错误，应为 `getPaginatedData`，导致 JS 报错
|
||
- **修复**：scripts/knowledge-base.js 第103行
|
||
|
||
## 交互优化
|
||
|
||
### 全局 Tooltip 功能
|
||
- **样式优化**：更新 styles/main.css 中 [data-tooltip] 样式
|
||
- 添加阴影效果 `box-shadow: 0 2px 8px rgba(0,0,0,0.2)`
|
||
- 添加悬停动画 `transform: translateY(-2px)`
|
||
- 优化间距和圆角
|
||
- **应用范围**：更新以下页面的图标按钮为 `data-tooltip` 属性
|
||
- knowledge-base.js（列表页、返回按钮）
|
||
- agent-manage.js（应用卡片操作按钮）
|
||
- badcase.js（查看、标注、关闭按钮）
|
||
- prompt-manage.js（编辑、版本记录按钮）
|
||
- session.js（回放、标记按钮）
|
||
- privacy.js（复制、撤销按钮）
|
||
- kb-create.js（重试、删除、返回按钮）
|
||
- kb-detail.js（查看切片、Meta信息、更多操作按钮）
|
||
- agent-dev.js（编辑名称、语音输入、移除技能/插件按钮）
|
||
|
||
---
|
||
|
||
## 知识库管理模块完善
|
||
|
||
### 完成内容
|
||
|
||
1. **CSS样式完善** (styles/main.css)
|
||
- 添加知识库列表页表格样式
|
||
- 添加批量操作栏、加载状态、空状态
|
||
- 添加知识库类型标签（文档搜索、数据查询、图片问答、音视频搜索）
|
||
- 添加文件状态徽章（已就绪、处理中、解析失败）
|
||
- 添加分页器样式
|
||
- 添加创建向导样式（步骤指示器、内容区、底部操作栏）
|
||
- 添加知识库类型卡片选择器
|
||
- 添加上传区域、文件列表、类目选择器
|
||
- 添加切片配置面板、范围滑块
|
||
- 添加详情页样式（头部信息、Tab切换、切片列表）
|
||
- 添加命中测试面板、历史记录
|
||
- 添加Tooltip样式、Switch开关、下拉菜单
|
||
|
||
2. **知识库列表页** (scripts/knowledge-base.js)
|
||
- 表格形式展示知识库列表
|
||
- 字段：名称、类型、数据量、状态、创建时间、更新时间、操作
|
||
- 支持排序、筛选、搜索、分页
|
||
- 支持批量选择和批量操作
|
||
- 支持查看详情、命中测试、编辑、删除
|
||
- 支持重建索引、导出
|
||
- 空状态、加载状态展示
|
||
- 添加知识库弹窗（列表+创建入口）
|
||
|
||
3. **创建知识库向导** (scripts/kb-create.js)
|
||
- 3步骤流程（基础信息→数据选择→索引设置）
|
||
- Step 1：知识库名称（必填）、描述、类型选择（带Tooltip）
|
||
- Step 2：数据连接器说明、3种数据来源（文件上传/选择类目/选择文件）
|
||
- 文件上传：拖拽上传、进度、状态、删除、重试
|
||
- 支持按知识库类型限制文件格式和大小
|
||
- 解析方式配置（继承目录/默认/自定义）
|
||
- 自动同步开关
|
||
- Step 3：6种切片方式（智能/按长度/按页/按标题/按正则/按符号）
|
||
- 各切片方式对应参数配置
|
||
- 高级参数折叠面板（向量模型、排序模型、排序模式、检索参数）
|
||
- 所有专业字段带Tooltip解释
|
||
- 支持保存草稿、离开确认
|
||
- 必填校验
|
||
|
||
4. **知识库详情页** (scripts/kb-detail.js)
|
||
- 返回按钮、面包屑导航
|
||
- 头部信息（名称、描述、类型、ID、数据量、更新时间、标签）
|
||
- 操作按钮（命中测试、编辑、更多菜单）
|
||
- Tab切换（文件管理、标签管理）
|
||
- 文件管理Tab：
|
||
- 文件统计卡片（总数、已解析、解析中、失败）
|
||
- 批量操作栏
|
||
- 完整文件列表（文件名、格式、大小、数据量、状态、所属类目、切片数、索引时间）
|
||
- 支持查看切片、Meta信息、重新解析、删除
|
||
- 解析失败显示错误原因
|
||
- 标签管理Tab：
|
||
- 标签列表（新增、删除）
|
||
- 批量操作
|
||
- 上传数据入口
|
||
- 命中测试弹窗：
|
||
- 测试参数配置
|
||
- 快捷问题标签
|
||
- 历史召回记录
|
||
|
||
### 技术要点
|
||
- 所有专业字段带Tooltip解释
|
||
- 支持返回上一级、取消操作、弹窗确认
|
||
- 保存草稿（localStorage）
|
||
- 离开页面二次确认
|
||
- 必填校验
|
||
- 空状态、加载状态、解析中状态、失败状态
|
||
- 企业级SaaS风格，简洁现代
|
||
|
||
## 知识库管理前端更新完成
|
||
|
||
### 已更新的文件
|
||
1. `styles/main.css` - 完整的企业级样式系统
|
||
2. `scripts/knowledge-base.js` - 知识库列表页
|
||
3. `scripts/kb-create.js` - 创建知识库Step Form向导
|
||
4. `scripts/kb-detail.js` - 知识库详情页
|
||
5. `index.html` - 添加暗黑模式切换功能
|
||
|
||
### 实现的功能
|
||
|
||
**知识库列表页 (knowledge-base.js)**
|
||
- 知识库筛选、搜索、分页、排序
|
||
- 批量操作（批量删除、批量导出）
|
||
- 添加知识库弹窗（类型筛选、状态筛选、搜索）
|
||
- Skeleton加载状态
|
||
- Empty空状态
|
||
|
||
**创建知识库向导 (kb-create.js)**
|
||
- Step 1: 基础信息（名称、描述、类型选择）
|
||
- Step 2: 数据选择（文件上传、类目选择、文件选择）
|
||
- Step 3: 索引设置（切片方式、检索参数）
|
||
- 草稿自动保存/恢复
|
||
- 必填校验
|
||
- 离开确认弹窗
|
||
- API接口预留
|
||
|
||
**知识库详情页 (kb-detail.js)**
|
||
- Tab切换（文件管理、标签管理、切片管理、统计信息）
|
||
- 文件列表（状态流转、批量操作）
|
||
- 切片编辑（内容编辑、历史版本、回滚）
|
||
- 命中测试（快捷问题、历史记录）
|
||
- 统计信息（切片统计、格式分布、Metadata统计）
|
||
- API接口预留
|
||
|
||
**全局功能**
|
||
- 暗黑模式切换（支持localStorage持久化）
|
||
- Modal弹窗增强（支持size和confirmClass参数）
|
||
- Tooltip统一小问号样式
|
||
- 二次确认弹窗
|
||
- Loading/Empty/Error/Skeleton状态
|
||
|
||
### API预留
|
||
所有后端接口已在代码中注释说明，包含：
|
||
- GET/POST/DELETE/PUT 各操作的API路径
|
||
- Request和Response字段规范
|