46 lines
2.4 KiB
Markdown
46 lines
2.4 KiB
Markdown
# 2026-04-29 工作日志
|
||
|
||
## cc-square 项目 — 报表页面迁移 & 鉴权 & 优化
|
||
|
||
### 项目路径
|
||
- `cc-square`: `/home/yangxuan/Projects/WebstormProjects/cc-square`
|
||
|
||
### 核心文件（已迁移 / 修改）
|
||
|
||
| 文件 | 说明 |
|
||
|------|------|
|
||
| `src/pages/report/index.vue` | 报表主页面，基于 RuoYi JSP 迁移，含 ECharts |
|
||
| `src/pages/report/LoginModal.vue` | 登录模态框，支持 Key 登录和账号密码登录 |
|
||
| `src/request/api/report.js` | 7 个报表 API 端点封装 |
|
||
| `src/request/api/auth.js` | 登录/登出 API 封装 |
|
||
| `src/styles/report.less` | 报表页面样式（含 ECharts 图表样式） |
|
||
| `src/store/store.js` | 增加 `clearAuth` mutation、`logout` action |
|
||
| `src/request/http.js` | 修复 `message.error` 未定义 + `out` action 不存在问题 |
|
||
| `docs/report-dev-plan.md` | 开发方案文档（P0-P3 优先级规划） |
|
||
| `docs/报表页面迁移.md` | 迁移主文档（含 7 个报表 API 清单 + 鉴权集成说明等） |
|
||
|
||
### 已完成的工作
|
||
|
||
1. **报表页面迁移**: 将 RuoYi 的 JSP 报表页面（6 张 ECharts 图表）迁移到 Vue 3 + Vite，包含 7 个 API 端点接入
|
||
2. **页面鉴权**（P0）:
|
||
- 新增 `LoginModal.vue` 组件：弹窗式登录
|
||
- 两种登录方式：Key 登录（cc-square 原生机制）和账号密码登录（调用 RuoYi `/system/auth/login`）
|
||
- 无 token → 弹登录框 → 登录后加载数据 → 取消返回首页
|
||
- 登录态通过 `store.state.token` 保持，API 请求自动携带 token
|
||
3. **http.js 修复**:
|
||
- 替换 `message.error()` → `console.error()`（element-ui 不存在）
|
||
- 修复 `dispatch('out')` → `dispatch('logout')` + store 补齐该 action
|
||
4. **布局优化**: 三处 `<table>` 布局替换为 CSS Grid / Flexbox
|
||
- 页面头部 → Flexbox (`.header-layout`)
|
||
- overview 四卡片 → Grid 4列 (`.grid-4`, 响应式 2列→1列)
|
||
- insight 双列 → Grid 2列 (`.grid-2`)
|
||
- monthlyStats 三列 → Grid 3列 (`.grid-3`)
|
||
5. **开发方案文档**: 生成 `docs/report-dev-plan.md`
|
||
|
||
### 已知问题/待完成
|
||
- **P0 鉴权问题**: LoginModal 没有正常弹出（`hasToken: false` 但不显示模态框）。需要排查：
|
||
1. LoginModal 懒加载是否正常
|
||
2. `import()` 引用路径是否正确
|
||
3. Vuex store 注入是否在懒加载组件可用
|
||
- 待开发：P1 错误状态处理、骨架屏加载；P2 ECharts 按需导入；P3 响应式深适配
|