xuhuajiao 2 weeks ago
parent
commit
2988c0b0cd
  1. 37
      README.md

37
README.md

@ -65,24 +65,6 @@ window.g = {
} }
``` ```
- 开发环境:走 `vue.config.js` 的 devServer 代理(避免跨域)
- 生产环境:axios baseURL 读取 `window.g.ApiUrl`,改 config.js 即可切换后端,无需重新打包
## 接口
| 接口 | 方法 | 说明 |
| --- | --- | --- |
| `/dxhtsg/initIntoNumHS` | GET | 客流量数据(参数 `doorCodes`) |
返回字段:
| 字段 | 说明 |
| --- | --- |
| `todayTotal` | 当日进馆人次 |
| `monthData` | 当月每日数据(`day` + `count`) |
| `yearData` | 当年每月数据(`month` + `count`) |
| `historyTotal` | 累计客流量 |
## 项目结构 ## 项目结构
``` ```
@ -117,22 +99,3 @@ window.g = {
├── vue.config.js # Vue CLI 配置(devServer 代理、标题等) ├── vue.config.js # Vue CLI 配置(devServer 代理、标题等)
└── package.json └── package.json
``` ```
## 大屏布局
```
┌──────────────────────────────────────────────────┐
│ Header(网点名) │
├──────────────┬──────────────┬───────────────────┤
│ 当日进馆 │ 当月进馆 │ 本年进馆 │
│ (hero 卡片 │ (黄色折线图 │ (绿色折线图 │
│ + 数字脉冲)│ + tooltip) │ + tooltip) │
├──────────────┴──────────────┴───────────────────┤
│ 累计客流量汇总(8 位翻牌 + 柱状示意 + 插画) │
└──────────────────────────────────────────────────┘
```
- 三个卡片顶部一行,汇总底部全宽
- 数据每 15 �自动刷新
- 折线图 markPoint 常显最新点数值,tooltip 每 2.5 秒轮播
- echarts 用 ResizeObserver 自适应容器尺寸
Loading…
Cancel
Save