hyb-oa/issues/2026-05-11_20-38-33-r6-wecom-mobile-rendering-hardening.csv

ID,Title,Description,Acceptance,Test_Method,Tools,Dev_Status,Review1_Status,Regression_Status,Files,Dependencies,Notes
WCM6-1,建档 企业微信多手机移动渲染稳定化,"记录 iPhone 12 / iOS 14.1 / 企业微信真机截图中移动首页和底部导航图标漂移、重影、拥挤问题；本轮以 企业微信 WebView 稳定渲染为目标，不按单机型继续调间距。","1) 本 CSV 存在且校验通过；2) 设备口径修正为 iPhone 12 / iOS 14.1 / 企业微信；3) R6-ISSUE-001 保持 open/PAUSED；4) 不启动 R6，不改审批链、角色、通知通道或远端数据。","流程级验证：python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-11_20-38-33-r6-wecom-mobile-rendering-hardening.csv；人工核对 docs/trialrun/manual-trialrun-report.md 和 docs/trialrun/real-device-public-checklist.md 中 R6-ISSUE-001 仍为 PAUSED。",python3|manual,DONE,DONE,DONE,issues/2026-05-11_20-38-33-r6-wecom-mobile-rendering-hardening.csv|docs/trialrun/*.md,[],WCM6-1 completed：CSV 校验通过；设备口径已修正为 iPhone 12 / iOS 14.1 / 企业微信和 Redmi K60 / 企业微信；R6-ISSUE-001 保持 open/PAUSED。
WCM6-2,移动核心图标 SVG 化,"引入 lucide-react，将 /mobile 首页宫格、底部导航、我的页入口、票据上传等核心移动入口从 Material Symbols 字体连字替换为稳定 SVG 图标。","1) 移动核心入口不再依赖 fact_check/request_quote/receipt_long 等字体连字；2) 图标槽固定尺寸且 SVG aria-hidden；3) 文字可访问名称由按钮或链接文本提供；4) Material Symbols 可保留在非核心后续清理范围。","流程级验证：cd client && npm run typecheck；cd client && npm run build；Playwright 字体失败场景拦截 Material Symbols 字体后，/mobile 首页宫格和底部导航仍显示 SVG 图标且可点击。",npm|typescript|playwright,DONE,DONE,DONE,client/package.json|client/package-lock.json|client/src/components/mobile|client/src/pages/Mobile*.tsx,["WCM6-1"],WCM6-2 completed：lucide-react 已用于移动核心 SVG 图标；/mobile 首页宫格、底部导航、我的页入口和票据上传核心路径不再依赖 Material Symbols 字体连字；typecheck/build/WCM6 字体失败场景通过。回滚路径：恢复原 Material Symbols 渲染并移除依赖。
WCM6-3,企业微信 WebView 视口字号安全区基线,"补充 企业微信 iPhone WebView 需要的 viewport-fit、text-size-adjust、safe-area 和高度兜底，降低企业微信顶部壳、底部安全区和 iPhone 字号自动调整造成的拥挤风险。","1) client/index.html viewport 包含 viewport-fit=cover；2) 全局样式设置 -webkit-text-size-adjust:100% 和 text-size-adjust:100%；3) 移动 Shell 和底部导航继续使用 visualViewport 与 safe-area 兜底；4) 内容不被底部栏或吸底操作遮挡。","流程级验证：企业微信 UA 覆盖 390x844 iPhone 近似视口与 Android 近似视口 访问 /mobile、/mobile/approvals、/mobile/reimbursements/:id；断言 scrollWidth <= viewportWidth + 2、底部导航贴底、报销详情吸底双按钮同行。",typescript|playwright,DONE,DONE,DONE,client/index.html|client/src/styles/mobile-touch.css|client/src/layouts/AppShellLayout.tsx,["WCM6-1"],WCM6-3 completed：viewport-fit、text-size-adjust、safe-area token 和移动高度兜底已补齐；WCM6 390x844 iPhone12 企业微信近似视口与 Android 企业微信视口验证通过。回滚路径：恢复原 meta 和移动 token。
WCM6-4,底部 Tab 与首页宫格视觉密度重整,"底部导航保持四项等宽但减轻 active 大块深蓝态，badge 独立定位；首页宫格保持四项同行并固定图标槽和标题槽，避免 iPhone 企业微信真机上图标和文字互相挤压。","1) 底部首页/审批/报销/我的四项等宽、中心点命中自身；2) active 态不挤占相邻图标；3) badge 不参与图标文字排版；4) 首页宫格 4 项同一行，标题单行省略，触控高度不低于 44px。","流程级验证：Playwright 320/360/375/390/393/414/430 宽度截图；断言 nav/action 图标、文字、badge 不重叠；点击审批进入 /mobile/approvals；截图输出 output/playwright/r6-wecom-mobile-rendering-hardening/。",playwright,DONE,DONE,DONE,client/src/components/mobile/MobileBottomNav.tsx|client/src/pages/MobilePortalPage.tsx|client/src/styles/mobile-touch.css,"[""WCM6-2"",""WCM6-3""]",WCM6-4 completed：底部 active 态改为轻量选中态，待办 badge 固定为按钮级角标，不参与图标/文字排版；320/360/375/390/393/414/430px 企业微信多手机视觉矩阵通过。回滚路径：恢复 RS6 前一版移动导航样式。
WCM6-5,R6 核心移动页巡检收口,"巡检审批、报销、通知、我的、票据上传和报销详情等 R6 核心移动页，必要时把桌面通用密度替换为移动 token，但不扩展新功能。","1) R6 核心移动页无 PC 壳、无桌面表格、无横向溢出；2) 图标渲染不依赖字体连字；3) 核心按钮不遮挡内容；4) 报销详情深层页继续隐藏底部 Tab。","流程级验证：访问 /mobile、/mobile/approvals、/mobile/reimbursements、/mobile/reimbursements/:id、/mobile/me、/mobile/notifications、/mobile/capture；断言无横向溢出、无 visible table、底部或吸底操作命中正常。",playwright|manual,DONE,DONE,DONE,client/src/pages/Mobile*.tsx,["WCM6-4"],WCM6-5 completed：/mobile、审批、报销、通知、我的、票据上传、报销详情核心路径通过 WCM6 专项与 RS6 响应式回归；无横向溢出、无 PC 表格、深层详情继续隐藏底部 Tab。回滚路径：按文件恢复本轮样式与组件改动。
WCM6-6,补强企业微信多手机与字体失败视觉自动化,"新增或补强移动视觉 E2E，覆盖 iPhone/Android 企业微信 UA、多手机视口和 Material Symbols 字体失败场景，弥补此前只用单一模拟视口导致的真实企业微信 WebView 差异。","1) 新视觉用例覆盖 iPhone 12 企业微信近似视口 390x844；2) 拦截 Material Symbols 字体后移动核心图标仍正常；3) 自动截图写入 output/playwright/r6-wecom-mobile-rendering-hardening；4) 相关旧移动回归不下降。","流程级验证：cd client && npm run test:e2e -- r6-wecom-mobile-rendering-hardening.spec.ts r5-real-device-feedback-mobile-ux.spec.ts r6-mobile-responsive-system-hotfix.spec.ts r124-mobile-entry-matrix.spec.ts --workers=1 --reporter=list。",playwright,DONE,DONE,DONE,client/tests/e2e/r6-wecom-mobile-rendering-hardening.spec.ts|client/tests/e2e/*mobile*.spec.ts,["WCM6-5"],WCM6-6 completed：WCM6 专项 8 passed；R6 响应式矩阵拆分补跑 320/360/375/390/393/414/430px 全部通过；R124 入口矩阵 1 passed；R5 真机反馈模拟 2 passed；截图输出 output/playwright/r6-wecom-mobile-rendering-hardening/。自动化不能替代真机；回滚路径：移除新增视觉 spec 和截图产物。
WCM6-7,部署公网复检并等待真机门禁,"本地验证通过后受控部署，复检 /ready、bundle、live smoke、PDF OCR 和企微个人应用消息；等待 iPhone 12 / iOS 14.1 / 企业微信与 Redmi K60 真机确认后再关闭或降级 R6-ISSUE-001。","1) 部署后 /ready 正常；2) 公网 bundle findings=0；3) live smoke readiness PASS；4) 公网移动视觉专项通过；5) 真机确认前 R6-ISSUE-001 仍 open/PAUSED。","流程级验证：bash deploy/trialrun/deploy.sh；LIVE_SMOKE_BASE_URL=https://oa.hyinda.com bash scripts/qa/run-live-smoke-readiness.sh；E2E_MODE=live 运行移动视觉专项；人工真机确认 iPhone 12 / iOS 14.1 / 企业微信和 Redmi K60 企业微信。",bash|playwright|manual,DOING,TODO,TODO,deploy/trialrun/*|docs/trialrun/*.md,["WCM6-6"],WCM6-7 in progress：本地 typecheck/build/WCM6 专项和移动回归已通过；待提交、部署公网、复检 /ready/bundle/live smoke/PDF OCR/企微个人应用消息，并等待 iPhone 12 / iOS 14.1 / 企业微信与 Redmi K60 真机确认。默认不覆盖远端 .env；真机通过前不启动 R6-3。