1.3 KiB
1.3 KiB
1. 数据层实现
- 1.1 创建报表类型定义(
src/typings/bank.ts添加 ReportType、ReportCategory 等类型) - 1.2 创建报表 mock 数据(
src/pagesBank/mock/report.ts) - 1.3 创建报表 API 接口(
src/pagesBank/api/report.ts)
2. 报表列表页面
- 2.1 创建报表列表页面(
src/pagesBank/report/list.vue) - 2.2 实现报表分类展示(多维统计、访客报表、营销报表、权益管理)
- 2.3 实现报表条目点击跳转逻辑
3. 报表下载页面
- 3.1 创建报表下载页面(
src/pagesBank/report/download.vue) - 3.2 实现日期维度筛选组件(按日、按月、按季、自定义)
- 3.3 实现日期选择器(使用 wot-design-uni 组件)
- 3.4 实现下载按钮和下载逻辑
- 3.5 添加使用帮助说明文案
4. 仪表盘集成
- 4.1 修改银行端仪表盘(
src/pagesBank/dashboard/index.vue) - 4.2 在快捷操作区域添加"报表下载"入口
5. 类型定义更新
- 5.1 更新
src/typings/bank.ts添加报表相关类型
6. 验证与测试
- 6.1 验证报表列表页面正常显示
- 6.2 验证报表跳转逻辑正确
- 6.3 验证日期筛选功能正常
- 6.4 验证下载功能模拟成功
- 6.5 验证仪表盘入口正常跳转