feat: 前端适配后端新接口
适配后端统一模型 ID、协议字段、UUID 自动生成和结构化错误响应: - 类型定义:Provider 新增 protocol 字段,Model 新增 unifiedId,CreateModelInput 移除 id - API 客户端:提取结构化错误响应中的错误码 - 供应商管理:添加协议选择下拉框和表格列 - 模型管理:移除 ID 输入,显示统一模型 ID(只读) - Hooks:错误码映射为友好中文消息 - 测试:所有组件测试通过,mock 数据适配新字段 - 文档:更新 README 说明协议字段和统一模型 ID
This commit is contained in:
@@ -8,7 +8,7 @@ AI 网关管理前端,提供供应商配置和用量统计界面。
|
||||
- **构建工具**: Vite
|
||||
- **语言**: TypeScript (strict mode)
|
||||
- **框架**: React
|
||||
- **UI 组件库**: Ant Design 5
|
||||
- **UI 组件库**: TDesign
|
||||
- **路由**: React Router v7
|
||||
- **数据获取**: TanStack Query v5
|
||||
- **样式**: SCSS Modules(禁止使用纯 CSS)
|
||||
@@ -102,18 +102,21 @@ bun run test:e2e
|
||||
|
||||
### 供应商管理
|
||||
|
||||
- 查看供应商列表(Ant Design Table)
|
||||
- 查看供应商列表(TDesign Table)
|
||||
- 添加新供应商(Modal Form)
|
||||
- 编辑供应商配置
|
||||
- 删除供应商(Popconfirm 确认)
|
||||
- API Key 脱敏显示
|
||||
- 启用/禁用状态标签
|
||||
- **协议字段**:支持 OpenAI 和 Anthropic 协议选择
|
||||
|
||||
### 模型管理
|
||||
|
||||
- 展开供应商行查看关联模型
|
||||
- 添加/编辑/删除模型
|
||||
- 按供应商筛选模型
|
||||
- **统一模型 ID**:显示格式为 `provider_id/model_name`,用于跨协议模型识别
|
||||
- **UUID 自动生成**:创建模型时后端自动生成 UUID,无需手动输入 ID
|
||||
|
||||
### 用量统计
|
||||
|
||||
|
||||
Reference in New Issue
Block a user