You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
# Tasks: 前端现代化重构
|
|
|
|
|
|
|
|
|
|
|
|
## 1. 项目初始化
|
|
|
|
|
|
- [ ] 1.1 使用 Vite 创建 Vue3 + TypeScript 项目
|
|
|
|
|
|
- [ ] 1.2 配置 Element Plus 和 ECharts
|
|
|
|
|
|
- [ ] 1.3 配置深色主题和 CSS 变量
|
|
|
|
|
|
- [ ] 1.4 配置路由和状态管理
|
|
|
|
|
|
|
|
|
|
|
|
## 2. 核心组件迁移
|
|
|
|
|
|
- [ ] 2.1 迁移布局组件（侧边栏、顶栏、面包屑）
|
|
|
|
|
|
- [ ] 2.2 迁移通用组件（分页、字典标签、表单）
|
|
|
|
|
|
- [ ] 2.3 重构为 Composition API
|
|
|
|
|
|
- [ ] 2.4 添加 TypeScript 类型定义
|
|
|
|
|
|
|
|
|
|
|
|
## 3. 数据可视化实现
|
|
|
|
|
|
- [ ] 3.1 实现行情总览页面（参考 demo）
|
|
|
|
|
|
- [ ] 3.2 实现趋势热力图页面
|
|
|
|
|
|
- [ ] 3.3 实现 ECharts 图表组件
|
|
|
|
|
|
- [ ] 3.4 实现数据卡片和统计组件
|
|
|
|
|
|
|
|
|
|
|
|
## 4. 业务模块迁移
|
|
|
|
|
|
- [ ] 4.1 迁移系统管理模块页面
|
|
|
|
|
|
- [ ] 4.2 迁移 book-system 业务页面
|
|
|
|
|
|
- [ ] 4.3 迁移监控模块页面
|
|
|
|
|
|
- [ ] 4.4 优化 API 调用层
|
|
|
|
|
|
|
|
|
|
|
|
## 5. 测试与优化
|
|
|
|
|
|
- [ ] 5.1 功能测试（所有页面可正常访问）
|
|
|
|
|
|
- [ ] 5.2 性能优化（构建速度、加载速度）
|
|
|
|
|
|
- [ ] 5.3 响应式适配
|
|
|
|
|
|
- [ ] 5.4 浏览器兼容性测试
|
|
|
|
|
|
|
|
|
|
|
|
## 验收标准
|
|
|
|
|
|
- [ ] 所有现有功能正常工作
|
|
|
|
|
|
- [ ] 界面风格现代化，参考 demo
|
|
|
|
|
|
- [ ] 构建速度 < 30 秒
|
|
|
|
|
|
- [ ] 首屏加载 < 2 秒
|
|
|
|
|
|
- [ ] TypeScript 覆盖率 > 80%
|
