门店手机端 · 视光档案 效果图 v1

图中病历数值为示意，非真实业务数据；界面文案与结构均扒自现网代码与 test 真机截图。

本图承接平板端已上线的「视光档案」功能（web/app/h5/tablet/pane/panes/refractive-record/*）， 按门店坐席实际使用场景（手机 375px 真机视口）重新排布信息密度与交互形态。 所有配色、字段文案、组件令牌均从现网真实代码扒取，无一处自造；全部结构性改动均以橙色虚线框 + 标签标出，标签文字带物理代码出处，便于实施逐条核对「相对什么改动」。 7 个帧覆盖：入口 chip → 儿童列表 → 建档 → 档案详情/时间线 → 检查记录录入 → 记录查看(含AI分析/4L方案) → 眼轴趋势图表。

本期改动（6 处结构性变化，均附物理代码出处；另 1 项文字说明见下）
  1. 入口 chip 新增「视光档案」（web/app/h5/chat/page.tsx:2998-3129 门店坐席分支）
  2. 双眼录入 1fr 108px 108px 写死宽 → 标签自适应三列（frame5-record-entry.tsx 共 10 处 L123/452/485/495/567/580/598/607/616/657）
  3. 时间线四格横排 → 2×2 宫格（frame3-patient-profile.tsx:374,384,400）
  4. 4L 方案四列横排 → 纵向堆叠（frame4-record-view.tsx:244）
  5. 查看页右侧固定侧卡（380px）→ 纵向分段（frame4-record-view.tsx:850）
  6. 趋势图 w-[92vw] max-w-[1100px] → 帧内全宽 + 数据表 4列→3列（trend-chart-dialog.tsx:661）
本期文字说明，暂未出图（改动分散在帧④/帧⑥之外的组件，本轮只点名重画帧③/帧⑤，为遵守 「禁止整张重画其余帧」的范围约束暂不补图，留待下一版处理）： 各类固定宽弹层(560/520/420/380px) → 底部 Sheet 全宽（parent-readonly-dialog.tsx:57 / history-drawer.tsx:42 / constrained-number-picker.tsx:94）
帧①入口
源：web/app/h5/chat/page.tsx:2998-3129（门店坐席 chip 条）
对话页底部工具条
报告秒读
历史解读
抗近领航
谣言粉碎机
近视的世界
量身定案
关于赵阳智脑
新增 视光档案
门禁：featureFlags.enable_refractive_record && 门店坐席(seat_type!=='parent')
帧②儿童列表
源：frame1-child-list.tsx
视光档案
返回
平板一行塞满 → 手机拆两行(搜索/新建)
搜索姓名或手机号
示范档案区 系统内置样板 · 仅供参考，不可编辑
两行挤压 → 标签并排一行 + 信息合并一行（长官9-15当面提）
张思源 示范档案 只读
男 · 9岁 · 2017-03-15 · 最近检查 08-01
一行塞满 → 卡片两行（姓名+绑定 / 性别年龄生日手机号+最近检查）；补画头像（长官9-15当面提，样式同示范档案卡 .avatar）
张晓虎 未绑定
男 · 7岁 · 2019-01-01最近检查 09-02
王小甜 未绑定
女 · 8岁 · 2018-08-01最近检查 09-02
王晓芳 已绑定
女 · 8岁 · 2018-01-01 · 15612301299最近检查 —
周思源 已绑定
男 · 9岁 · 2017-04-15 · 15612309977最近检查 09-06
帧③建档
源：frame2-create-modal.tsx
420px 居中弹窗 → 底部 Sheet 全宽
新建视光档案
上传头像
姓名*
请输入姓名
性别*
女 男
出生月日*
点击选择
年龄
—
家族近视史
无 父亲近视 母亲近视 父母均近视 其他
戴镜史
无 框架镜 OK镜 其他
家长身份
妈妈 爸爸 爷爷 奶奶 姥姥 姥爷 本人 其他
家长手机号
请输入手机号（选填）
身份证号
请输入身份证号（选填）
既往防控手段
光疗类 远疗类 眼镜类 训练类 营养类 其他
帧④档案详情 + 时间线
源：frame3-patient-profile.tsx
张思源
男 · 9岁 · 2017-03-15
未绑定家长
检查记录 眼轴趋势
9-15 二次改版：去掉数据行外的卡框（长官"不高级"），改为紧凑一行 + 数字加 tabular-nums 眼轴较上次 +0.06 / +0.06 mm
9-15 二次改版（长官当面提"OD/OS 不固定、看着不高级"）：撤销上午版"12 格每格各挂一次 OD/OS 小标签"的做法， 改为迷你表——OD/OS 只在每张卡顶部标一次作列头，四行指标共用同一组列，去灰底方块、用 1px 细线分隔，数字加 tabular-nums 对齐 （四格横排 → 2×2 宫格的原改动出处 frame3-patient-profile.tsx:374,384,400 不变）
2026-08-01 第6次
OD OS
裸眼视力 4.3 4.4
球镜D -2.00 -1.75
眼轴mm 23.57 23.52
眼压mmHg 16 15
2026-05-01 第5次
OD OS
裸眼视力 4.4 4.4
球镜D -1.75 -1.50
眼轴mm 23.51 23.46
眼压mmHg 15 15
2026-02-01 第4次
OD OS
裸眼视力 4.4 4.5
球镜D -1.50 -1.25
眼轴mm 23.46 23.41
眼压mmHg 15 16
帧⑤检查记录录入
源：frame5-record-entry.tsx（本图核心改动）
张晓虎 · 第2次
两个状态标签换行到第二行 裸眼 OD 未记录 眼轴 OD 未记录
检查日期*
2026年9月15日
平板 1fr 108px 108px 写死 → 手机 minmax(84px,max-content) 1fr 1fr（共10处 L123/452/485/495/567/580/598/607/616/657）
1 · 视力数据*
小数制 5分制
右眼 OD 左眼 OS
裸眼视力* 必填
未记录
未记录
戴镜视力
未记录
未记录
矫正视力 主觉验光后
未记录
未记录
2 · 自镜度数
右眼 OD 左眼 OS
球镜 DS(D)
未记录
未记录
柱镜 DC(D)
未记录
未记录
轴位 AX(°)
未记录
未记录
请先选择验光方式，选好后才能 AI 识别或手动填写度数
小瞳综合 散瞳 散开雾视
3 · 本次验光
主觉验光数据*
右眼 OD 左眼 OS
主觉球镜 DS*(D)
-2.00
-1.75
主觉柱镜 DC*(D)
未记录
未记录
主觉轴位 AX(°)
未记录
未记录
已识别并回填 6 项，请核对后提交
补漏：真机卡4「基础测量」（frame5-record-entry.tsx:594-623）本图此前漏画
4 · 基础测量 眼压 · 瞳距 · 瞳高
右眼 OD 左眼 OS
眼压 IOP(mmHg)
未记录
未记录
单眼瞳距 PD(mm)
未记录
未记录
单眼瞳高 PH(mm)
未记录
未记录
补漏：真机卡5「生物测量」+AI识别（frame5-record-entry.tsx:631-671）本图此前漏画
5 · 生物测量 未检查项保持"未记录" ★
右眼 OD 左眼 OS
本次眼轴 AL*(mm)
未记录
未记录
角膜曲率 K1(D)
未记录
未记录
角膜曲率 K2(D)
未记录
未记录
补漏：真机卡6「眼部检查」眼前节/眼底/OCT 三组状态+备注（frame5-record-entry.tsx:674-724，对应后端 EyePayload anterior_segment/fundus/oct 六字段）本图此前漏画
6 · 眼部检查
眼前节 OD 未见明显异常 异常
眼前节 OS 未见明显异常 异常
眼底 OD 未见明显异常 异常
眼底 OS 未见明显异常 异常
视网膜周边轻度变薄
OCT OD 未见明显异常 异常 未检查 → 都不选
OCT OS 未见明显异常 异常 未检查 → 都不选
补画（长官9-15当面提"视功能好像没显示出来"）：真机卡7「视功能检查」原样整卡复用 AdvancedVisionSection （web/app/h5/tablet/pane/panes/refractive-record/advanced-vision-section.tsx）；字段与分段名物理来源同文件 + app/models/refractive_record.py:245-299 RefractiveRecordVisualFunction，未自造字段；视功能不分左右眼三列，故不套用双眼栅格， 按其真实分段(远/近、正/负相对调节等)自排；配色仍走本图绿系胶囊，不搬真机该组件原有的紫色调（色系统一铁律）
7 · 视功能检查 选填 · 没做留空
本次已做 本次未做
双眼视觉融合与立体视 · 展开态
按标准戴法：右眼红片 / 左眼绿片
Worth 远
4点·融合 5点·复视 2点·左眼抑制 3点·右眼抑制 其他
Worth 近
4点·融合 5点·复视 2点·左眼抑制 3点·右眼抑制 其他
立体视 有 无
400″ 200″ 100″ 60″ 其他
以下 4 段为折叠态示意（真机点击可展开；字段来源同上，未逐项画出以控制篇幅）
眼位与 AC/ADLP/NLP/DVP/NVP · AC/A
遮盖试验远/近 UCT + ACT
融像与集合PFC/NFC/NPC 破裂·恢复
调节功能 & 评估NRA/PRA/BCC/AMP · 6选
补漏：真机卡8「本次检查备注」（frame5-record-entry.tsx:741-748，纯文本域、无占位提示文案）本图此前漏画
8 · 本次检查备注
帧⑥记录查看
源：frame4-record-view.tsx
张思源 · 第6次
2026-08-01 · 小瞳综合
该记录已完成（2026-08-01 02:00）· 检查数据修改后家长端同步更新；门店结论需单独点击「推送给家长」
9-15 重排（长官"本次分析感觉有点乱"）：诊断分型由四行纯文字 → 结构化结论条列表；标题加图标+细渐变线做"AI味"； 4L 卡改统一白底+左侧色条，颜色仍用原有 L1-L4 徽标色，未新造色值
赵阳智脑分析
仅门店可见
本次分析 历次对比
诊断分型
眼轴 23.57 / 23.52 mm 偏长
超同龄均值 +0.57 / +0.52mm
角膜曲率 42.10 / 43.55 D 正常
正常范围 41-45D
球镜 -2.00 / -1.75 D 低度近视
综合判定 轴性近视
眼轴增长主导
白话解释

孩子目前属于低度近视，右眼约200度，左眼175度。眼球长度比同龄孩子平均长了0.5mm左右，这是近视的主要原因。建议尽快配戴DOT离焦镜(周边离焦框架镜)进行光学矫正，以延缓眼轴进一步拉长。日常需保证每日2-3小时户外阳光下活动，或使用全光谱台灯改善室内光照。每3个月复查眼轴和角膜曲率，监测近视进展速度。

本次检查未见需即刻处理的风险项，仍建议按期复查。角膜散光在正常范围内，无需特殊干预。
4L 防控方案
L1 Laser 光疗
建议每日使用弥散透射红光治疗仪，每次15分钟，安全剂量RRE≤3J/cm²，辅助延缓眼轴增长。
L2 Light 补光
改造室内光环境，使用Ra>95全光谱台灯，桌面照度900-1500lux，模拟阳光光谱，补充光营养。
L3 Long 远像
使用远像设备进行雾视训练，配合读写台保持33-40cm视距，主动制造远像，缓解睫状肌疲劳。
L4 Lens 镜片
配戴DOT离焦镜(周边离焦框架镜)矫正视力，利用周边离焦信号抑制眼轴增长，需全天佩戴。
此为AI建议非医疗诊断，以医生面诊和门店实际检查数据为准
门店结论
轴性近视为主，双眼进展速度平稳，右眼略快于左眼。建议：
1. 配戴DOT离焦镜，全天佩戴不摘；
2. 每日户外活动不少于2小时；
3. 使用全光谱台灯改善用眼环境；
4. 3个月后复查眼轴与角膜曲率；
5. 家长端同步查看趋势曲线，异常及时联系门店。
三按钮一行放不下 → 拆两行
已推送 · 2026-08-02 02:00
9-15 二次改版：左右两列并排 → 上下堆叠（不变）；数据展示由"每格一个输入框"改成跟帧④时间线同款迷你表 （列头 OD/OS 各标一次 + 细线分隔 + tabular-nums），全图统一，禁止再出现每格挂 OD/OS 小标签的旧写法
1 · 视力数据
OD OS
裸眼视力 4.3 4.4
戴镜视力 5.0 5.0
矫正视力 5.0 5.0
2 · 自镜度数
OD OS
球镜D -2.00 -1.75
柱镜D -0.50 -0.50
轴位° 90 85
帧⑦眼轴趋势
源：trend-chart-dialog.tsx
检查记录 眼轴趋势
趋势对比
裸眼视力 等效球镜 眼轴
OD 右眼 OS 左眼
23.7 23.5 23.3 23.1 25/05 25/08 25/11 26/02 26/05 26/08 23.57 23.52
按检查日期连续展示；缺测日期自动断开。
4列表 → 3列+次行（验光方法降到检查日期下方小字）
检查日期 OD 右眼(mm) OS 左眼(mm)
2025-05-01小瞳综合 23.2023.15
2025-08-01小瞳综合 23.3023.25
2025-11-01小瞳综合 23.4023.35
2026-02-01散瞳 23.4623.41
2026-05-01小瞳综合 23.5123.46
2026-08-01小瞳综合 23.5723.52
以上均为已完成记录的事实数据，不构成任何医学结论。