做了什么
- 同一份数据模型支撑两种展示形态：面向汇报的大屏，和面向运维的后台管理端
- 大屏用 Vue 3 + ECharts 独立构建，管理端复用 Angular 技术栈
背景
平台分成两个使用场景完全不同的端：
- 数据大屏：挂在会议室或展厅的大尺寸屏幕上，用于汇报和展示，强调视觉冲击和信息密度
- 后台管理端：给内部人员维护数据、配置指标口径用，强调操作效率
两端共用同一份数据模型，但展示逻辑和交互方式差别很大，所以没有强行做成一套界面。
做了什么
大屏端用 Vue 3 + TypeScript + ECharts 独立构建，管理端沿用已有的 Angular 技术栈，通过接口层对齐数据口径。
大屏这块主要有两个难点：一是分辨率适配 —— 大屏的实际尺寸和浏览器视口往往对不上，缩放方案要保证图表和文字都不失真；二是图表数量多时首屏渲染压力大，需要控制初始化的时机。
想法
双端项目最容易出问题的地方是数据口径不一致 —— 大屏上显示的数和管理端列表里的数对不上，业务方一眼就能看出来。所以接口契约要先定死，两端的换算逻辑只允许有一处实现。