wangsli/hyb-oa
1
0
派生 0
代码 工单 合并请求 工作流 5 软件包 项目 发布 百科 活动

R89 A6-A7 移动触控与回归补齐

浏览代码
这个提交包含在：
wangsli
2026-05-05 19:52:04 +08:00
父节点 ee64909811
当前提交 99ad4c6aa6
共修改 6 个文件，包含 546 行新增和 31 行删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件
issues/2026-05-05_17-35-00-r89-mobile-login-ux.csv
+4 -4
查看文件
@@ -2,7 +2,7 @@
"A1","R89 执行合同与体验基线冻结","建立登录极简化与移动端可用性改造合同，冻结本轮原则：企业微信优先、移动端任务优先、管理员低频入口后置、不引入新 UI 框架。","CSV 通过校验；A2-A7 依赖清晰；明确本轮不改业务权限模型、不做 Prisma 迁移、不替换设计系统。","命令：python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-05_17-35-00-r89-mobile-login-ux.csv。业务：确认本轮覆盖登录→移动首页→移动导航→核心移动流程→回归证据。","manual","DONE","DONE","DONE","issues/2026-05-05_17-35-00-r89-mobile-login-ux.csv","[]","回滚路径：删除本 CSV；实现阶段每个子项独立提交。2026-05-05：CSV 已写入并通过 validate_issues_csv.py 校验。"
"A2","登录页极简化","重构 AuthLayout 与 LoginPage，把登录页从说明型页面改为操作型页面；企业微信内只突出进入工作台，账号密码作为回退；普通浏览器只突出账号密码登录。","企业微信 WebView 中首屏只出现品牌、主按钮、必要错误提示和账号密码回退；普通浏览器首屏只出现账号密码表单和次级企微入口；不再默认展示企微配置状态和大段说明。","命令：cd client && npm run typecheck && npm run build。业务：PC 打开 /login 可账号密码登录；企业微信场景点击主按钮进入企微 OAuth；未绑定/失败时错误提示能指导下一步。","manual|tsc|vite","DONE","DONE","DONE","client/src/layouts/AuthLayout.tsx|client/src/pages/LoginPage.tsx|client/src/lib/wecomEntry.ts","[""A1""]","回滚路径：还原 AuthLayout/LoginPage 改动；风险低，仅影响入口文案与布局。2026-05-05：登录页已极简化，桌面显示账号密码+企微次级入口，企微 WebView 显示单一进入工作台主按钮；typecheck/build 与 focused wecom E2E 通过。"
"A3","企业微信与手机默认进入移动工作台","将手机/企业微信登录后的默认落点从桌面 Portal 调整为 /mobile；PC 仍默认 /portal；保留 redirect 参数的安全校验。","企业微信应用主页或登录按钮默认 returnTo=/mobile；手机访问 /portal 时可引导到 /mobile；PC 登录不受影响。","命令：cd client && npm run typecheck && npm run build。业务：手机企微进入后落在移动首页；PC 浏览器登录后仍进入 /portal；手工确认企微后台应用主页需改为 https://oa.hyinda.com/api/auth/wecom/login?returnTo=%2Fmobile。","manual|tsc|vite","DONE","DONE","DONE","client/src/pages/LoginPage.tsx|client/src/router/guards.tsx|client/src/layouts/AppShellLayout.tsx|client/src/lib/runtimeContext.ts","[""A2""]","回滚路径：恢复默认 returnTo=/portal；注意需同步企业微信后台应用主页。2026-05-05：新增移动工作台偏好判断；企微/小屏默认 /mobile，PC 默认 /portal；Playwright 辅助检查确认企微登录 URL 使用 returnTo=/mobile。"
"A4","移动端导航可靠性修复","修复手机端菜单点不开和桌面菜单压缩到手机的问题；移动端优先使用底部导航和更多页，普通桌面菜单抽屉只作为兜底。","/mobile 下不依赖桌面侧边菜单；底部导航点击稳定；我的/更多页能进入低频模块；非 /mobile 小屏页面的菜单按钮可打开且可关闭。","命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下依次点击首页、审批、报销或票据、我的/更多，均能跳转；菜单抽屉不被遮罩或安全区挡住。","manual|tsc|vite","TODO","TODO","TODO","client/src/layouts/AppShellLayout.tsx|client/src/components/navigation/Topbar.tsx|client/src/components/mobile/MobileBottomNav.tsx|client/src/features/mobile/navigation.ts|client/src/pages/MobileMePage.tsx|client/src/router/index.tsx","[""A3""]","回滚路径：恢复原 Topbar/Dialog 与 MobileBottomNav；风险中等，涉及全局壳布局。"
"A5","移动工作台信息架构重排","把移动首页改为今日任务优先：待审批、待补票/待提交报销、最近通知、快捷动作；弱化桌面 Portal 的模块展示方式。","移动首页首屏能回答今天要处理什么；快捷入口包含发起报销、上传发票、审批待办；管理员入口不出现在普通员工首屏。","命令：cd client && npm run typecheck && npm run build。业务：员工登录 /mobile 后 3 秒内能看到待办与快捷操作；经理能看到审批待办；无权限入口不展示或降级。","manual|tsc|vite","TODO","TODO","TODO","client/src/pages/MobilePortalPage.tsx|client/src/api/portal.ts|client/src/api/workflow.ts|client/src/api/invoicePool.ts","[""A4""]","回滚路径：恢复 MobilePortalPage 原布局；优先复用现有 API，避免新增后端接口。"
"A6","移动端核心流程触控优化","对审批、发票上传、我的页面做小屏触控收口，避免按钮太小、卡片过密、操作入口被底部导航遮挡。","审批详情主操作在手机上可见可点；发票拍照/上传入口清晰；我的页能找到个人设置、绑定企业微信、退出登录和更多模块。","命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下完成审批查看→同意/拒绝入口可达；进入票据上传；进入个人设置和退出登录。","manual|tsc|vite","TODO","TODO","TODO","client/src/pages/MobileApprovalsPage.tsx|client/src/pages/MobileCapturePage.tsx|client/src/pages/MobileMePage.tsx|client/src/components/mobile/MobileBottomNav.tsx","[""A5""]","回滚路径：恢复相关页面布局；不改变审批 API 和业务状态机。"
"A7","移动端 Playwright 回归补齐","新增或扩展 Playwright 移动视口回归，覆盖登录页极简、移动导航、移动首页、审批入口、发票上传入口和我的页。","CI/本地可复现移动端关键路径；至少覆盖 iPhone/Android 尺寸各一组；报告回填 manual trialrun artifacts。","命令：cd client && npm run test:e2e -- --grep mobile 或指定新增 spec；cd client && npm run typecheck && npm run build。业务：自动化能发现菜单点不开、底部导航不可达、登录页主要入口缺失等问题。","playwright|tsc|vite","TODO","TODO","TODO","client/tests/e2e/*mobile*.spec.ts|artifacts/r70/manual-trialrun-checklist.md|artifacts/r70/manual-trialrun-report.md","[""A6""]","回滚路径：移除新增测试与报告回填；若线上企微 OAuth 不能全自动完成，则只自动验证跳转 URL 与本地登录后移动页。"
"A4","移动端导航可靠性修复","修复手机端菜单点不开和桌面菜单压缩到手机的问题；移动端优先使用底部导航和更多页，普通桌面菜单抽屉只作为兜底。","/mobile 下不依赖桌面侧边菜单；底部导航点击稳定；我的/更多页能进入低频模块；非 /mobile 小屏页面的菜单按钮可打开且可关闭。","命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下依次点击首页、审批、报销或票据、我的/更多，均能跳转；菜单抽屉不被遮罩或安全区挡住。","manual|tsc|vite","DONE","DONE","DONE","client/src/layouts/AppShellLayout.tsx|client/src/components/navigation/Topbar.tsx|client/src/components/mobile/MobileBottomNav.tsx|client/src/features/mobile/navigation.ts|client/src/pages/MobileMePage.tsx|client/src/router/index.tsx","[""A3""]","回滚路径：恢复原 Topbar/Dialog 与 MobileBottomNav；风险中等，涉及全局壳布局。2026-05-05：/mobile 手机端隐藏桌面 Topbar，底部导航补测试标识；Topbar DialogContent 固定左侧抽屉定位；Playwright Pixel 5 小屏非移动路由菜单打开/关闭通过。"
"A5","移动工作台信息架构重排","把移动首页改为今日任务优先：待审批、待补票/待提交报销、最近通知、快捷动作；弱化桌面 Portal 的模块展示方式。","移动首页首屏能回答今天要处理什么；快捷入口包含发起报销、上传发票、审批待办；管理员入口不出现在普通员工首屏。","命令：cd client && npm run typecheck && npm run build。业务：员工登录 /mobile 后 3 秒内能看到待办与快捷操作；经理能看到审批待办；无权限入口不展示或降级。","manual|tsc|vite","DONE","DONE","DONE","client/src/pages/MobilePortalPage.tsx|client/src/api/portal.ts|client/src/api/workflow.ts|client/src/api/invoicePool.ts","[""A4""]","回滚路径：恢复 MobilePortalPage 原布局；优先复用现有 API，避免新增后端接口。2026-05-05：移动首页首屏新增今日重点、审批待办、未读通知和发起报销/上传票据/处理审批入口；低频入口下沉到我的页；iPhone Playwright 路径通过。"
"A6","移动端核心流程触控优化","对审批、发票上传、我的页面做小屏触控收口，避免按钮太小、卡片过密、操作入口被底部导航遮挡。","审批详情主操作在手机上可见可点；发票拍照/上传入口清晰；我的页能找到个人设置、绑定企业微信、退出登录和更多模块。","命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下完成审批查看→同意/拒绝入口可达；进入票据上传；进入个人设置和退出登录。","manual|tsc|vite","DONE","DONE","DONE","client/src/pages/MobileApprovalsPage.tsx|client/src/pages/MobileCapturePage.tsx|client/src/pages/MobileMePage.tsx|client/src/components/mobile/MobileBottomNav.tsx","[""A5""]","回滚路径：恢复相关页面布局；不改变审批 API 和业务状态机。2026-05-05：审批任务点选后手机端滚到详情，审批/驳回/退回按钮改为大触控目标；票据上传改为大选择区和全宽主按钮；我的页补个人设置、档案、更多入口和退出登录。"
"A7","移动端 Playwright 回归补齐","新增或扩展 Playwright 移动视口回归，覆盖登录页极简、移动导航、移动首页、审批入口、发票上传入口和我的页。","CI/本地可复现移动端关键路径；至少覆盖 iPhone/Android 尺寸各一组；报告回填 manual trialrun artifacts。","命令：cd client && npm run test:e2e -- --grep mobile 或指定新增 spec；cd client && npm run typecheck && npm run build。业务：自动化能发现菜单点不开、底部导航不可达、登录页主要入口缺失等问题。","playwright|tsc|vite","DONE","DONE","DONE","client/tests/e2e/*mobile*.spec.ts|artifacts/r70/manual-trialrun-checklist.md|artifacts/r70/manual-trialrun-report.md","[""A6""]","回滚路径：移除新增测试与报告回填；若线上企微 OAuth 不能全自动完成，则只自动验证跳转 URL 与本地登录后移动页。2026-05-05：新增 client/tests/e2e/r89-mobile-login-navigation.spec.ts，覆盖企业微信移动入口、iPhone 移动核心路径、Pixel 5 小屏菜单兜底；3 passed；typecheck/build 通过，build 仍有既有 circular chunk 警告。"
1 ID Title Description Acceptance Test_Method Tools Dev_Status Review1_Status Regression_Status Files Dependencies Notes
2 A1 R89 执行合同与体验基线冻结 建立登录极简化与移动端可用性改造合同，冻结本轮原则：企业微信优先、移动端任务优先、管理员低频入口后置、不引入新 UI 框架。 CSV 通过校验；A2-A7 依赖清晰；明确本轮不改业务权限模型、不做 Prisma 迁移、不替换设计系统。 命令：python3 /home/shunli/.codex/skills/plan/scripts/validate_issues_csv.py issues/2026-05-05_17-35-00-r89-mobile-login-ux.csv。业务：确认本轮覆盖登录→移动首页→移动导航→核心移动流程→回归证据。 manual DONE DONE DONE issues/2026-05-05_17-35-00-r89-mobile-login-ux.csv [] 回滚路径：删除本 CSV；实现阶段每个子项独立提交。2026-05-05：CSV 已写入并通过 validate_issues_csv.py 校验。
3 A2 登录页极简化 重构 AuthLayout 与 LoginPage，把登录页从说明型页面改为操作型页面；企业微信内只突出进入工作台，账号密码作为回退；普通浏览器只突出账号密码登录。 企业微信 WebView 中首屏只出现品牌、主按钮、必要错误提示和账号密码回退；普通浏览器首屏只出现账号密码表单和次级企微入口；不再默认展示企微配置状态和大段说明。 命令：cd client && npm run typecheck && npm run build。业务：PC 打开 /login 可账号密码登录；企业微信场景点击主按钮进入企微 OAuth；未绑定/失败时错误提示能指导下一步。 manual|tsc|vite DONE DONE DONE client/src/layouts/AuthLayout.tsx|client/src/pages/LoginPage.tsx|client/src/lib/wecomEntry.ts ["A1"] 回滚路径：还原 AuthLayout/LoginPage 改动；风险低，仅影响入口文案与布局。2026-05-05：登录页已极简化，桌面显示账号密码+企微次级入口，企微 WebView 显示单一进入工作台主按钮；typecheck/build 与 focused wecom E2E 通过。
4 A3 企业微信与手机默认进入移动工作台 将手机/企业微信登录后的默认落点从桌面 Portal 调整为 /mobile；PC 仍默认 /portal；保留 redirect 参数的安全校验。 企业微信应用主页或登录按钮默认 returnTo=/mobile；手机访问 /portal 时可引导到 /mobile；PC 登录不受影响。 命令：cd client && npm run typecheck && npm run build。业务：手机企微进入后落在移动首页；PC 浏览器登录后仍进入 /portal；手工确认企微后台应用主页需改为 https://oa.hyinda.com/api/auth/wecom/login?returnTo=%2Fmobile。 manual|tsc|vite DONE DONE DONE client/src/pages/LoginPage.tsx|client/src/router/guards.tsx|client/src/layouts/AppShellLayout.tsx|client/src/lib/runtimeContext.ts ["A2"] 回滚路径：恢复默认 returnTo=/portal；注意需同步企业微信后台应用主页。2026-05-05：新增移动工作台偏好判断；企微/小屏默认 /mobile，PC 默认 /portal；Playwright 辅助检查确认企微登录 URL 使用 returnTo=/mobile。
5 A4 移动端导航可靠性修复 修复手机端菜单点不开和桌面菜单压缩到手机的问题；移动端优先使用底部导航和更多页，普通桌面菜单抽屉只作为兜底。 /mobile 下不依赖桌面侧边菜单；底部导航点击稳定；我的/更多页能进入低频模块；非 /mobile 小屏页面的菜单按钮可打开且可关闭。 命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下依次点击首页、审批、报销或票据、我的/更多，均能跳转；菜单抽屉不被遮罩或安全区挡住。 manual|tsc|vite TODO DONE TODO DONE TODO DONE client/src/layouts/AppShellLayout.tsx|client/src/components/navigation/Topbar.tsx|client/src/components/mobile/MobileBottomNav.tsx|client/src/features/mobile/navigation.ts|client/src/pages/MobileMePage.tsx|client/src/router/index.tsx ["A3"] 回滚路径：恢复原 Topbar/Dialog 与 MobileBottomNav；风险中等，涉及全局壳布局。 回滚路径：恢复原 Topbar/Dialog 与 MobileBottomNav；风险中等，涉及全局壳布局。2026-05-05：/mobile 手机端隐藏桌面 Topbar，底部导航补测试标识；Topbar DialogContent 固定左侧抽屉定位；Playwright Pixel 5 小屏非移动路由菜单打开/关闭通过。
6 A5 移动工作台信息架构重排 把移动首页改为今日任务优先：待审批、待补票/待提交报销、最近通知、快捷动作；弱化桌面 Portal 的模块展示方式。 移动首页首屏能回答今天要处理什么；快捷入口包含发起报销、上传发票、审批待办；管理员入口不出现在普通员工首屏。 命令：cd client && npm run typecheck && npm run build。业务：员工登录 /mobile 后 3 秒内能看到待办与快捷操作；经理能看到审批待办；无权限入口不展示或降级。 manual|tsc|vite TODO DONE TODO DONE TODO DONE client/src/pages/MobilePortalPage.tsx|client/src/api/portal.ts|client/src/api/workflow.ts|client/src/api/invoicePool.ts ["A4"] 回滚路径：恢复 MobilePortalPage 原布局；优先复用现有 API，避免新增后端接口。 回滚路径：恢复 MobilePortalPage 原布局；优先复用现有 API，避免新增后端接口。2026-05-05：移动首页首屏新增今日重点、审批待办、未读通知和发起报销/上传票据/处理审批入口；低频入口下沉到我的页；iPhone Playwright 路径通过。
7 A6 移动端核心流程触控优化 对审批、发票上传、我的页面做小屏触控收口，避免按钮太小、卡片过密、操作入口被底部导航遮挡。 审批详情主操作在手机上可见可点；发票拍照/上传入口清晰；我的页能找到个人设置、绑定企业微信、退出登录和更多模块。 命令：cd client && npm run typecheck && npm run build。业务：手机宽度 390px 下完成审批查看→同意/拒绝入口可达；进入票据上传；进入个人设置和退出登录。 manual|tsc|vite TODO DONE TODO DONE TODO DONE client/src/pages/MobileApprovalsPage.tsx|client/src/pages/MobileCapturePage.tsx|client/src/pages/MobileMePage.tsx|client/src/components/mobile/MobileBottomNav.tsx ["A5"] 回滚路径：恢复相关页面布局；不改变审批 API 和业务状态机。 回滚路径：恢复相关页面布局；不改变审批 API 和业务状态机。2026-05-05：审批任务点选后手机端滚到详情，审批/驳回/退回按钮改为大触控目标；票据上传改为大选择区和全宽主按钮；我的页补个人设置、档案、更多入口和退出登录。
8 A7 移动端 Playwright 回归补齐 新增或扩展 Playwright 移动视口回归，覆盖登录页极简、移动导航、移动首页、审批入口、发票上传入口和我的页。 CI/本地可复现移动端关键路径；至少覆盖 iPhone/Android 尺寸各一组；报告回填 manual trialrun artifacts。 命令：cd client && npm run test:e2e -- --grep mobile 或指定新增 spec；cd client && npm run typecheck && npm run build。业务：自动化能发现菜单点不开、底部导航不可达、登录页主要入口缺失等问题。 playwright|tsc|vite TODO DONE TODO DONE TODO DONE client/tests/e2e/*mobile*.spec.ts|artifacts/r70/manual-trialrun-checklist.md|artifacts/r70/manual-trialrun-report.md ["A6"] 回滚路径：移除新增测试与报告回填；若线上企微 OAuth 不能全自动完成，则只自动验证跳转 URL 与本地登录后移动页。 回滚路径：移除新增测试与报告回填；若线上企微 OAuth 不能全自动完成，则只自动验证跳转 URL 与本地登录后移动页。2026-05-05：新增 client/tests/e2e/r89-mobile-login-navigation.spec.ts，覆盖企业微信移动入口、iPhone 移动核心路径、Pixel 5 小屏菜单兜底；3 passed；typecheck/build 通过，build 仍有既有 circular chunk 警告。