# ai-code **Repository Path**: duxuyang/ai-code ## Basic Information - **Project Name**: ai-code - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-08-17 - **Last Updated**: 2026-08-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 代码提交AI监控与质效分析系统 - 前端 基于《前端模块设计文档》实现,技术栈:Vue 3 + TypeScript + Vite + Element Plus + ECharts + Pinia。内置 Mock 数据,无需后端即可完整运行。 ## 快速开始 ```bash # 安装依赖 npm install # 启动开发服务器(默认 http://localhost:5173) npm run dev # 生产构建 npm run build # 预览构建产物 npm run preview ``` ## 演示账号 - 账号:`admin` - 密码:任意(如 `123456`) ## 目录结构 ``` ai-code/ ├── src/ │ ├── api/ # 接口模块(按业务域拆分) │ ├── assets/ # 静态资源 │ ├── components/ # 公共组件(8个) │ ├── composables/ # 组合式函数(useChart/useTable) │ ├── layouts/ # 布局组件 │ ├── router/ # 路由配置与权限守卫 │ ├── stores/ # Pinia 状态模块(5个) │ ├── styles/ # 全局样式与变量 │ ├── types/ # TypeScript 类型定义 │ ├── utils/ # 工具(请求封装/mock/格式化/鉴权) │ └── views/ # 业务页面(15个) ├── .env.development # 开发环境变量(启用 mock) ├── .env.production # 生产环境变量 ├── vite.config.ts └── tsconfig.json ``` ## 功能模块 | 模块 | 页面 | |------|------| | 数据概览 | 研发总览看板 | | 提交监控 | 实时监控大盘、违规记录台账、监控规则配置 | | 质效分析 | 个人质效、团队质效、质效报表导出 | | 系统配置 | 仓库管理、用户与团队、集成配置、操作日志 | | 个人中心 | 我的提交、我的质效 | ## 对接真实后端 修改 `.env.development`(或生产环境): ``` VITE_API_BASE_URL=/api # 后端地址 VITE_USE_MOCK=false # 关闭 mock ``` Mock 拦截器在 `src/utils/mock.ts`,数据生成在 `src/utils/mock-data.ts`。