主题
捷信POS报表
基础信息
| 项 | 说明 |
|---|---|
| 菜单路径 | /operationsManagement/statisticAnalysis/posReport |
| 路由名称 | reportManagement-posReport |
| 页面组件 | src/views/operationsManagement/statisticAnalysis/posReport/index.vue |
| 接口模块 | 组件内 this.$api.get(...) 直接调用 |
| Store | 无 |
| 页面定位 | 监控捷信 POS（Home Credit Consumer）扫码下单全流程的转化率、数量与耗时统计报表 |
页面功能
页面自上而下分为「数据表格 + 数量统计 / 转化率统计 / 耗时统计」三张 ECharts 图表卡片。
1. 筛选区
- 筛选时间（
el-date-picker，datetimerange）：默认取「最近半小时」，并提供快捷选项（最近半小时 / 一小时 / 两小时）。 - 查询时需把
startDate/endDate一并下发给表格与三张图表（searchBtn）。
2. 数据表格
带分页的明细表（hccMonitorRate/queryPage），支持展开行（type="expand"）查看更多指标：
| 列 | 字段 |
|---|---|
| 序号 | num（前端按分页计算） |
| 第一个二维码扫描量 | qr1ScanQty |
| 用户打开页面数量 | pageOpenQty |
| 第二个二维码生成数量 | qr2GenQty |
| 着陆页打开率 | loadingRate |
| 二维码生成率 | qr2GenRate |
| 全流程转化率 | allProcTranRate |
| 全流程平均耗时（毫秒） | allProcessTime |
展开行补充：请求 / 成功短信数量、短信请求率 / 成功率、各环节平均耗时（页面打开、二维码生成、请求短信、短信成功）、统计起止时间。
3. 数量统计（柱状图）
hccMonitorRate/queryQty，柱状图（bar）展示扫描量、打开量、二维码生成量趋势。
4. 转化率统计（折线图）
hccMonitorRate/queryRate，折线图（line）展示各环节转化率趋势。
5. 耗时统计（柱状图）
hccMonitorRate/queryTime，柱状图展示各环节平均耗时趋势。
使用组件
| 组件 | 路径 | 用途 |
|---|---|---|
Container | @/components/container | 页面容器（标题「捷信POS报表」） |
SearchContainer | @/components/SearchTableContainer | 筛选区容器 |
TableContainer | @/components/SearchTableContainer | 表格 + 分页容器 |
el-table / el-pagination / el-card / el-date-picker | element-ui | 表格、分页、卡片、日期选择 |
第三方 / 工具
| 依赖 | 用途 |
|---|---|
echarts | 数量 / 转化率 / 耗时图表 |
format（@/utils/formAt） | 日期格式化（yyyy-MM-dd hh:mm:ss） |
使用 Store
无。
调用接口
所有接口实际请求统一带
/api前缀（下表 URL 为业务路径简写，如hccMonitorRate/xxx→/api/hccMonitorRate/xxx）。
| 接口 URL | 用途 |
|---|---|
hccMonitorRate/queryPage | 明细表格分页查询 |
hccMonitorRate/queryQty | 数量统计图表 |
hccMonitorRate/queryRate | 转化率统计图表 |
hccMonitorRate/queryTime | 耗时统计图表 |
修改记录
| 修改人 | 修改时间 | 修改内容 |
|---|---|---|
| zhouw | 2026-07-03 | 初始化页面 |
| zhouw | 2026-07-09 | 编写页面内容 |