be9afcf68d
对齐移动原型体系(m-*.html)的 Stage 0 共享基建,桌面形态零改动: - 导航:router 新增 branch 9(/me 我的 + /me/license 授权屏);窄屏 tab 根 (库存/入库/出库/财务/我的)出底部 MTabBar,二级屏隐藏 tabbar + 顶栏返回箭头 (PopScope 拦系统返回键防退 app);窄屏 Drawer/汉堡删除;窄屏顶栏对齐 m-top (标题 + 主题/通知铃/头像→我的) - sheet:showMSheet(grip/标题/86vh/键盘避让)+ showAdaptiveSheet;六个共享 弹层呈现函数加窄屏 sheet 分支(订单/往来/财务往来/商品编辑抽屉 + 退单/登记收支 dialog 的 asSheet 形态) - 徽章:DsBadge/StatusPill/StatusBadge 加图标变体(默认圆点零漂移)+ status_icon_map 转录原型 BADGE_ICON 28 词 - 组件:MKpiGrid(2×2 可点 KPI)/ MSearchRow(搜索+状态钮+详搜钮)/ MHubGroup(hub 入口组)/ showThemeSheet(主题外观 sheet) - 授权:_LicensePanel/_SettingsCard 抽取为公共 LicensePanel/SettingsCard, 窄屏授权跳转 /me/license - golden:app_shell_mobile + me 各三主题(390×844@2x);全量 259 测试绿, check_ds_code / check-l1-sync 闸过 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
48 lines
1.4 KiB
Dart
48 lines
1.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../core/theme/context_tokens.dart';
|
|
import 'ds/status_icon_map.dart';
|
|
import 'kpi_card.dart';
|
|
|
|
enum OrderStatus { draft, pending, approved, rejected }
|
|
|
|
extension OrderStatusLabel on OrderStatus {
|
|
String get label {
|
|
switch (this) {
|
|
case OrderStatus.draft:
|
|
return '草稿';
|
|
case OrderStatus.pending:
|
|
return '待审核';
|
|
case OrderStatus.approved:
|
|
return '已审核';
|
|
case OrderStatus.rejected:
|
|
return '已拒绝';
|
|
}
|
|
}
|
|
}
|
|
|
|
class StatusBadge extends StatelessWidget {
|
|
final OrderStatus status;
|
|
|
|
/// true → 图标徽章变体(icons.js BADGE_ICON 映射,移动端调用点显式启用);
|
|
/// 默认 false 保持圆点(桌面存量 golden 零漂移)。
|
|
final bool withIcon;
|
|
const StatusBadge(this.status, {super.key, this.withIcon = false});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final t = context.tokens;
|
|
// 还原原型 .badge.b-*:圆点 + 软底,色全走 token。
|
|
final (Color fg, Color bg) = switch (status) {
|
|
OrderStatus.draft => (t.muted, t.infoSoft),
|
|
OrderStatus.pending => (t.warn, t.warnBg),
|
|
OrderStatus.approved => (t.success, t.successBg),
|
|
OrderStatus.rejected => (t.danger, t.dangerBg),
|
|
};
|
|
return StatusPill(
|
|
label: status.label,
|
|
color: fg,
|
|
background: bg,
|
|
icon: withIcon ? statusIcon(status.label) : null);
|
|
}
|
|
}
|