移动端全屏落地实现计划 已执行 · 2026-07-04

m-* 原型 → Flutter 实现:底部 tab + 我的 hub + 底部 sheet 交互范式。执行真相源为 plan .md(checkbox 版),本页为阅读版。
背景:移动原型体系(19 个 m-*.html)设计评审通过后整体落成 Flutter。核心差距是 Flutter 窄屏原为「桌面响应式复用」(Drawer 汉堡导航、右滑抽屉详情、弹窗筛选),移动愿景是「底部 5 tab + 我的 hub、一切弹层走底部 sheet、2×2 可点 KPI + 搜索行 + 图标徽章卡片流」。桌面形态全程零改动,所有改动走 context.isMobile 分支。

已拍板边界(不做):移动端无建单入口(m-stock-in/m-stock-out 建单表单屏不落地);移动端无打印动作;通知中心为二期(后端无通知模块,m-notifications 两屏跳过);登录/注册已自适应不入包。

执行模式

Stage 0 共享基建由主会话串行完成(router / shell / widgets 属冻结区),随后 4 个 flutter-coder agent 并行跑 4 个文件不相交的屏工作包,最后主会话合流验收。

Stage 0 · 基建(commit be9afcf

Stage 1 · 四个并行工作包

对照原型要点commit
P1 单据域入库列表 / 出库列表m-stock-in-list / m-stock-out-listKPI 2×2 可点筛选、MSearchRow、状态/详搜 sheet(字段与桌面同集)、图标徽章卡片流、确认进价/售价 sheet 化、窄屏无建单无打印、成本利润权限隐藏保持ff7b419
P2 库存+财务域库存列表 / 库存盘点 / 财务m-inventory / m-inventory-check / m-finance库存 KPI 2×2+详搜 sheet;盘点卡片流+详情 sheet(按原型桩粒度);财务 KPI 2×2+三分段卡片流+收付款图标徽章dde87a3
P3 经营数据域往来单位 / 基础数据 / 商品详情m-partners / m-products类型 chips+图标徽章卡片流;五分段横滚+字典 sheet 表单;商品详情单列化+图片横滚防溢出4287f5a
P4 系统域系统设置 / 用户管理 / 设备管理 / 关于我们m-settings / m-users / m-devices / m-about设置窄屏 hub 化(门店信息/编号规则/默认仓库 sheet);用户卡片流+详情 sheet+FAB;设备会话/外设卡流+强制下线+添加设备 sheet+无打印模板;关于 hero+hub 链接+时间线+反馈 sheet9445042

统一约束:只改本包屏文件 + 新建本包 golden;禁改 widgets/ core/ router/ shell;桌面(!isMobile)零改动;颜色全走 token;窄屏隐藏建单/打印入口。

Stage 2 · 合流验收(全部通过)

验证方式

执行真相源:~/.claude/plans/purrfect-tumbling-salamander.md(checkbox 版)。相关:design/CONTRACT.md「移动愿景原型」小节、CLAUDE.md「设计真相源分层」。