# 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%