data&device ready

This commit is contained in:
“yuanmengy”
2026-06-05 17:11:56 +08:00
commit a225272d1e
29 changed files with 49446 additions and 0 deletions

View File

@@ -0,0 +1,146 @@
# 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 36种切片方式智能/按长度/按页/按标题/按正则/按符号)
- 各切片方式对应参数配置
- 高级参数折叠面板(向量模型、排序模型、排序模式、检索参数)
- 所有专业字段带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字段规范