1.5 KiB
1.5 KiB
需求分析 —— 2026-04-18-19-23-31
需求来源
用户在实际使用中发现两个问题,要求进行修复和优化。
需求概述
需求 1:修复视频分析模块空白问题
在 ReportEditor 中,上一轮修改将「上传视频」按钮移入了 videos.length > 0 的条件渲染内部,导致当没有视频时,整个「视频分析」面板变为空白,用户无法上传第一个视频。
预期行为:无论是否有已上传视频,「上传视频」按钮和缩略图滚动列表都应始终可见。
需求 2:图片占位符尺寸自适应与等比例缩放限制
当前图片占位符填充图片后,虽然高度变为 auto,但宽度仍保持预设值(如 200px),导致图片在占位符内居中显示,周围仍有大量空白。用户希望:
- 预设的宽高仅作为最大限制(
max-width/max-height) - 如果图片超出限制,则等比例缩小
- 图片靠左上方放置(
object-position: left top) - 占位符自身的虚线框大小要**紧缩包围(shrink-wrap)**成图片实际缩放后的尺寸
需求 3:Logo 框大小保持 65px × 65px
默认模板中顶部医院 Logo 占位符的尺寸应保持 65px × 65px 不变。
涉及文件
src/pages/ReportEditor.tsx(需求 1、2)src/pages/TemplateManage.tsx(需求 2)
需求影响范围
- 视频分析面板的可见性逻辑
- 图片占位符的填充后样式行为
- 打印/预览时的图片尺寸表现