feat: 添加三层级模型配置管理系统原型
新增三个层级的模型配置管理功能: - 平台级模型配置(管理台):配置列表、新增/编辑、删除(默认模型不允许删除)、设为默认(仅页面状态) - 项目级模型配置(工作台):配置列表、新增/编辑、删除(允许删除默认)、设为默认(仅页面状态) - 个人模型配置(工作台):配置列表、新增/编辑、删除(允许删除默认)、设为默认(仅页面状态) - 融合式模型选择器:在聊天输入框顶部集成,按层级分组展示模型列表(平台/项目/个人) 技术实现: - 新增项目级和个人级配置数据文件 - 扩展 api.js 数据访问层,添加 consoleModels.project 和 consoleModels.user 对象 - 新增 4 个页面组件(ProjectModelConfigsPage、AddProjectModelConfigPage、UserModelConfigsPage、AddUserModelConfigPage) - 修改 2 个现有页面(ModelConfigsPage、ChatPage、ConsoleLayout) - 修改 Modal 组件支持 cancelText 为空时隐藏取消按钮 - 在 App.jsx 中添加 6 条新路由 - 新增模型选择器样式文件(融合式设计、分组展示、响应式) - 更新 README.md 项目结构 样式特点: - 融合式模型选择器与输入框风格一致 - 下拉列表按层级分组(平台/项目/个人) - 默认标记使用渐变背景色 - 选中状态高亮(浅蓝色背景 + 左侧边框 + 右侧勾选) - 响应式设计(移动端适配) 数据示例: - 项目级:3 个示例配置(不同类型和状态) - 个人级:2 个示例配置(不同类型和状态)
This commit is contained in:
@@ -103,6 +103,9 @@ src/
|
||||
├── contexts/ # 全局状态 (UserContext)
|
||||
├── services/ # 数据访问层 (api.js)
|
||||
├── data/ # 模拟数据
|
||||
│ ├── adminData.js # 管理台数据(含平台级模型配置)
|
||||
│ ├── projectModelConfigs.js # 项目级模型配置数据
|
||||
│ └── userModelConfigs.js # 个人模型配置数据
|
||||
│
|
||||
├── pages/ # 页面组件
|
||||
│ ├── console/ # 工作台子页面
|
||||
@@ -115,6 +118,8 @@ src/
|
||||
│ ├── layouts/ # 布局系统
|
||||
│ ├── components/ # 组件样式
|
||||
│ ├── pages/ # 页面样式
|
||||
│ │ ├── model-selector/ # 模型选择器样式
|
||||
│ │ └── ...
|
||||
│ └── global.scss # 主入口
|
||||
│
|
||||
├── App.jsx # 路由配置
|
||||
@@ -128,7 +133,7 @@ src/
|
||||
| 模块 | 路由 | 功能 |
|
||||
|------|------|------|
|
||||
| 首页 | `/` | 品牌展示、登录入口 |
|
||||
| 工作台 | `/console` | 聊天、技能市场、定时任务、项目管理(成员/权限/技能配置) |
|
||||
| 工作台 | `/console` | 聊天、技能市场、定时任务、项目管理(成员/权限/技能/模型配置)、个人模型配置 |
|
||||
| 管理台 | `/admin` | 部门/用户/项目管理、模型配置 |
|
||||
| 开发台 | `/developer` | 技能开发、版本管理 |
|
||||
|
||||
|
||||
Reference in New Issue
Block a user