平板端「扫码绑定」方案图 v1

顶部只有搜索框 + 「新建档案」，无扫码绑定入口。

「新建档案」左侧新增「机构码」「绑定家长」两个次按钮，规格与「新建档案」一致（rounded-xl 12px / px-4 py-2.5 / 13px font-bold / 图标14），配色改用次按钮蓝（白底+1.5px #2563eb 描边+蓝字，出自 frame3-patient-profile.tsx:252 绑定家长按钮同款）。

点「绑定家长」弹出。文案/结构照抄 bind-method-dialog.tsx；配色由手机端绿 #2fa37c 改为平板蓝 #2563eb（平板色系是蓝色体系，不跨端混色）。

文案/结构照抄 select-child-dialog.tsx。家长名「留白」+ 打码账号 0000xxxx09（测试家长号 0000062609，打码规则：长度≥7 → 前4位+xxxx+后2位，出自 app/services/brand_code_claim_service.py:98-104）。转店测试1023 已在本机构 → 灰字置灰；转店测试1133 当前机构在别处 → 可选，已选中。「新建孩子档案」「关联已有档案」两个次按钮改用平板既有次按钮样式（白底+1.5px #2563eb 描边+蓝字+12px 圆角，出自 frame3-patient-profile.tsx:252），第三轮修订前用的浅蓝底色现网无出处已删除。第三轮同时去掉右上角 × 关闭图标（平板现网弹框本就没有，只留底部「取消」）。

select-child-dialog.tsx children.length===0 分支：文案「该家长暂无孩子档案」；「关联已有档案」按钮条件渲染 children.length>0，此状态下为假不显示，只保留「新建孩子档案」。底部「确认绑定」在 selectedId 恒为 null 时按真实逻辑禁用（#93b4e0，出自 frame3b-bind-selector.tsx:209 同款禁用色）。

select-child-dialog.tsx resolveError 分支（90-98 行分流逻辑 + 214-250 行渲染）：示例文案为后端真实错误详情「二维码已失效，请让家长重新打开「我的二维码」页面」（app/auth/jwt_local.py:298，经 ApiError.detail 透传显示，见 select-child-dialog.tsx:94-96），下方固定提示「请让家长重新出示「我的二维码」」（select-child-dialog.tsx:225），底部「取消」（234 行）「重新扫描」（243 行）两个按钮。

第三轮修订：不再是另画的仿制表单，而是在真实页面点「新建档案」打开平板既有 frame2-create-modal.tsx 本体弹框截图，只做 3 处 DOM 改动：①标题「新建档案」下方插入「家长：留白」提示行（12.5px #8aa0b3，参照 frame3b-bind-selector.tsx 副标题同款 computed style）②底部主按钮文案改「保存并绑定」（原「保存并添加检查单」）③真实交互填入姓名「转店测试1133」、点选性别「男」chip、并用 Playwright 真实点开 DateWheel（date-wheel.tsx:220-222 role=option 可直接点选）依次点中年/月/日三个真实选项 2019/5/1 后点「确定」提交。出生月日「2019年5月1日」与年龄框「7岁4个月」均为 DateWheel 真实选中后 React 状态真实提交的结果（年龄由 birthDate 真实值经 ageFullText 派生，非另外覆盖），第三轮首次修订时曾因三次连续点击间没等 React 重渲染导致状态未正确提交、退化成覆盖显示文字，且只覆盖了生日按钮没同步覆盖年龄框，一度出现「2019年5月1日」配「8岁8个月」自相矛盾（主会话看图发现）；本轮在每列点击之间加了等待，重跑后首次尝试即真实交互成功，两处数值一致，不再需要兜底覆盖。标题保持平板既有的「新建档案」不改（手机端对应页面标题是「新建视光档案」，两端标题本就不同，此处如实沿用平板自己的标题，非疏漏）。

样式逐字节复刻平板自己的 ConfirmDialog（frame4-record-view.tsx:843 起本地组件，sample-block-dialog.tsx:6-7 已照抄同款令牌为先例；git grep "components/confirm-dialog" origin/test -- web/app/h5/tablet 为 0 命中，平板并不用手机端那个共享组件）。因 F4 示例姓名与列表已有档案「转店测试1133」撞名而触发，验证了真实重名检测逻辑。

点「绑定家长」弹出。文案/结构照抄 bind-method-dialog.tsx；配色由手机端绿 #2fa37c 改为平板蓝 #2563eb（平板色系是蓝色体系，不跨端混色）。

文案/结构照抄 page.tsx pickerMode==='bind'。该分支代码本身没有底部按钮也没有任何提示文案，如实留空（不编造）。

F7 点选一个孩子后直接打开平板现有「绑定家长」弹层，界面/逻辑均不变。

文案/结构照抄 select-child-dialog.tsx。家长名「留白」+ 打码账号 0000xxxx09（测试家长号 0000062609，打码规则：长度≥7 → 前4位+xxxx+后2位，出自 app/services/brand_code_claim_service.py:98-104）。转店测试1023 已在本机构 → 灰字置灰；转店测试1133 当前机构在别处 → 可选，已选中。「新建孩子档案」「关联已有档案」两个次按钮改用平板既有次按钮样式（白底+1.5px #2563eb 描边+蓝字+12px 圆角，出自 frame3-patient-profile.tsx:252），第三轮修订前用的浅蓝底色现网无出处已删除。第三轮同时去掉右上角 × 关闭图标（平板现网弹框本就没有，只留底部「取消」）。

点「关联已有档案」后。文案/结构照抄 page.tsx pickerMode==='link'；列表仅本店未绑定家长的孩子（张晓虎/王小甜/刘予曦/张小朵，均为 T0 现网「未绑定」四行）。

「新建档案」左侧新增「机构码」「绑定家长」两个次按钮，规格与「新建档案」一致（rounded-xl 12px / px-4 py-2.5 / 13px font-bold / 图标14），配色改用次按钮蓝（白底+1.5px #2563eb 描边+蓝字，出自 frame3-patient-profile.tsx:252 绑定家长按钮同款）。

文案照抄 org-code/page.tsx。二维码为真实接口 GET /api/h5/brand-code-claim/org-code 实时取回（非占位图），机构名「红胜利视光中心有限公司」与接口返回一致。