feat(client): 设置/用户/设备/关于窄屏对齐移动原型(hub 形态/卡片流/sheet/无打印)

- 系统设置窄屏改 hub 三组(门店/偏好/数据):门店信息/编号规则/默认仓库走
  底部 sheet,主题外观接 showThemeSheet,?tab= 深链窄屏忽略;桌面 subnav 不动
- 用户管理窄屏:m-section + 头像卡片流 + 角色图标徽章 + FAB 新增;
  点卡开详情 sheet(drow + 重置密码/启停/编辑),表单复用为 sheet 形态
- 设备管理窄屏:会话卡流(本机标注/在线图标徽章)+ 外设卡流(mc-foot 脚注),
  「+ 添加设备」在区块标题行右侧(m-pill 选择 sheet),打印模板窄屏不渲染
- 关于我们窄屏:品牌 hero + hub 链接组 + 产品信息 drow 卡 + 时间线 pill 标签
  + 意见反馈 sheet(类型 pill/描述/联系方式);授权信息不显示(已迁 /me/license)
- golden:四屏窄屏基准独立成 *_mobile_golden_test.dart(390×844 @2x 三主题),
  桌面 golden 零漂移

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-07-04 12:19:15 +08:00
parent dde87a32b6
commit 9445042cb4
24 changed files with 1975 additions and 311 deletions
+1 -10
View File
@@ -8,13 +8,13 @@ import 'package:jiu_client/models/user.dart';
import 'package:jiu_client/providers/user_provider.dart';
import 'package:jiu_client/screens/settings/users_screen.dart';
import '../support/golden_harness.dart';
import '../support/shell_harness.dart';
/// design-distill 阶段4:用户管理独立页 golden × 三主题(回归闸 + 保真基准)。
/// 数据照抄原型 screens/users.html 的 USERS5 人,四级角色),
/// 相对时间(今天/昨天)用可注入时钟 appClock 冻结在 2026-07-13 09:30
/// node tools/fidelity.mjs users
/// 窄屏卡片流另见 users_mobile_golden_test.dart。
/// 更新基准:flutter test --update-goldens test/golden/users_golden_test.dart
// 原型 USERS 5 行;最近登录 今天09:12 / 今天08:50 / 昨天18:40 / 06-19 / 06-10
@@ -83,13 +83,4 @@ void main() {
overrides: _overrides,
logical: const Size(1280, 900),
);
// 移动:窄屏卡片流
goldenAcrossThemes(
'users 整屏(移动)',
goldenPrefix: 'users_mobile',
child: () => const Scaffold(body: UsersScreen()),
overrides: _overrides,
logical: const Size(390, 1400),
);
}