Lxy
/
RuoYi-Vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '315f89eaba'
${ noResults }
RuoYi-Vue/openspec/changes/archive/2026-06-28-refactor-fronten.../tasks.md

1.2 KiB
Raw Blame History Escape

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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%