统一单项目大屏与管理端全屏布局

需求:/display/{项目编码} 参照管理端项目大屏布局展示。

实现:抽取共享大屏组件,补充公开累计取号与最新号码字段,并完善桌面及窄屏适配。

验证:前端61项测试、TypeScript、Vite构建以及Go测试、vet、build均通过。
This commit is contained in:
2026-07-31 18:43:10 +08:00
parent d26d36c3d3
commit 3f4a9bf398
12 changed files with 489 additions and 339 deletions

View File

@@ -708,3 +708,14 @@
- 已提高右侧摘要标题对比度、将统计信息改为稳定双行,并限制号码区间字号以适应窄侧栏。
- 已使用本地页面代理真实 `YYHHC` 数据完成 1280×720、1920×1080 与 390×844 视觉验收;临时配置和本地服务均已清理。
- 前端 18 个测试文件共 61 项全部通过TypeScript 类型检查及 Vite 生产构建成功。
# Session: 2026-07-31单项目大屏复用管理端全屏布局
- 已核对用户截图、线上入口和仓库现有 `ProjectScreenTile`,确认目标就是管理端项目卡的全屏结构。
- 已确定保留 `/display/:token` 的三秒轮询、断线提示与三次语音播报,只替换展示结构并补齐公开统计字段。
- 成功标准:单项目页无需点击全屏即可显示参考布局,管理端缩略卡与全屏态不回归,桌面和窄屏无横向溢出。
- 已抽取共享 `ProjectScreenTile`,管理端预览、管理端全屏和 `/display/:token` 现在使用同一份 DOM 与字段映射。
- 单项目公开快照新增累计取号数与最新取号码,避免通过号段文本猜测累计值。
- 聚焦验证通过:单项目页 3 项、公开大屏中心 2 项、管理端 10 项测试及 TypeScript 检查全部通过。
- 已使用真实 `YYHHC` 数据完成 2048×1152、1280×720、390×844 视觉验收;三种尺寸均无页面溢出,窄屏统计文字完整可见。
- 全量验证通过:前端 18 个测试文件共 61 项、TypeScript 双配置检查、Vite 生产构建;后端 `go test ./... -count=1``go vet ./...``go build ./...``git diff --check` 无格式错误。