# ai-model-management-system

**Repository Path**: codebase-xsy/ai-model-management-system

## Basic Information

- **Project Name**: ai-model-management-system
- **Description**: 基于 Vite + React + TypeScript + Ant Design 构建的模型管理系统前端项目
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-31
- **Last Updated**: 2026-08-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI模型管理平台

基于 Vite + React + TypeScript + Ant Design 构建的模型管理系统前端项目。

## 技术栈

- **构建工具**: Vite 5.x
- **前端框架**: React 18.x
- **开发语言**: TypeScript
- **UI组件库**: Ant Design 5.x
- **图表库**: @ant-design/charts
- **路由**: React Router 6.x
- **状态管理**: Zustand
- **HTTP客户端**: Axios
- **Mock数据**: Mock.js
- **日期处理**: Day.js

## 功能模块

### 1. 概览管理
- 模型概览：展示模型统计数据、分布图表、趋势分析
- 监控概览：展示监控任务状态、告警信息、执行记录

### 2. 模型资源管理
- 全量模型：查看所有模型列表，支持搜索、筛选
- 我的模型：管理个人创建/参与/授权的模型

### 3. 模型流程管理
- 流程配置管理：配置模型上线、下线、变更等流程
- 流程待办：处理待审批的流程任务

### 4. 模型监控管理
- 监控任务列表：管理数据质量、模型效果监控任务
- 数据调度：管理数据调度任务

### 5. 我的待办
- 待办列表：查看和处理待办任务
- 已办列表：查看历史已处理任务

### 6. 系统管理
- 用户管理：管理系统用户
- 角色管理：管理角色和权限
- 菜单管理：管理系统菜单
- 码值管理：管理系统码值
- 模型分级分类管理：配置模型分级分类规则

## 快速开始

### 安装依赖

`ash
npm install
`

### 启动开发服务器

`ash
npm run dev
`

### 构建生产版本

`ash
npm run build
`

### 预览生产版本

`ash
npm run preview
`

## 项目结构

`
src/
├── api/                 # API接口
│   ├── index.ts        # API导出
│   └── request.ts      # Axios封装
├── assets/             # 静态资源
├── components/         # 公共组件
│   └── Layout/         # 布局组件
├── hooks/              # 自定义Hooks
├── mock/               # Mock数据
├── pages/              # 页面组件
│   ├── Dashboard/      # 概览管理
│   ├── ModelManagement/# 模型资源管理
│   ├── MonitorManagement/# 模型监控管理
│   ├── MyTasks/        # 我的待办
│   ├── ProcessManagement/# 流程管理
│   └── SystemManagement/ # 系统管理
├── router/             # 路由配置
├── store/              # 状态管理
├── types/              # TypeScript类型定义
├── utils/              # 工具函数
├── App.tsx             # 根组件
├── App.css             # 全局样式
└── main.tsx            # 入口文件
`

## Mock数据说明

项目使用 Mock.js 模拟后端接口数据，Mock配置文件位于 src/mock/index.ts。

主要Mock接口：
- /api/models - 模型列表
- /api/statistics - 统计数据
- /api/users - 用户列表
- /api/roles - 角色列表
- /api/tasks - 任务列表
- /api/monitor-tasks - 监控任务列表

## 浏览器支持

- Chrome >= 87
- Firefox >= 78
- Safari >= 14
- Edge >= 88