feat(client): 库存/出入库移动卡片与详情 sheet 逐一对齐原型结构

- 新增 MCard(原型 .m-card 双栏:mc-main 标题+副行 mono | mc-right 徽章行+
  金额 mono | › | mc-foot ⓘ脚注)+ DsIconBadge(.badge.ico 22px 纯图标)/
  DsTextIconBadge(.badge.bi 图标+文字) + statusToneOf 状态词配色表——
  替换原 MobileListCard「标签:值」布局与各屏本地 _icoBadge/_statusColors
- 出入库卡:单号 + 供应商/客户·N 项 + 状态/退单/待定价图标徽章 + 合计金额 +
  日期·经手人·审核 脚注;库存卡:品名 + 编码·规格 + 状态徽章 + 数量(缺货红/
  预警黄);移动卡不再有行内操作(对齐原型,操作统一在详情 sheet;打标签=
  打印,移动端裁剪)
- DsTable 窄屏卡片流去外层大卡容器(卡直接铺页面底色,对齐原型 m-scroll)——
  往来/基础数据等全部卡片流屏同步受益
- 出入库详情窄屏改 sheet 专属布局(原型 openOrder):drow 字段行 + 明细
  pe-card(头行 图标+「明细 · N 项」+ 行=品名+系列·×数量 | 金额/待定价徽章)+
  合计 drow + 等分按钮行(无组标签);桌面右滑抽屉布局不变
- 相关移动 golden 全量重生成(出入库/库存/往来/基础数据 ×3 主题),
  桌面 golden 零漂移;283 测试全绿

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-07-04 19:30:40 +08:00
parent 145bf06ff8
commit 980e38e020
39 changed files with 509 additions and 263 deletions
@@ -33,9 +33,8 @@ import '../../widgets/ds/ds_kpi.dart';
import '../../widgets/ds/ds_table.dart';
import '../../widgets/ds/m_kpi_grid.dart';
import '../../widgets/ds/m_search_row.dart';
import '../../widgets/ds/m_card.dart';
import '../../widgets/ds/m_sheet.dart';
import '../../widgets/ds/status_icon_map.dart';
import '../../widgets/mobile_list_card.dart';
import '../../widgets/status_badge.dart';
import '../../widgets/searchable_option_field.dart';
import '../../widgets/combo_search_field.dart';
@@ -607,34 +606,7 @@ class _StockOutListScreenState extends ConsumerState<StockOutListScreen> {
}
/// 状态词 → (前景, 软底):镜像原型 .badge.b-*,全走 token。
(Color, Color) _statusColors(String label) {
final t = context.tokens;
return switch (label) {
'待审核' => (t.warn, t.warnBg),
'已审核' => (t.success, t.successBg),
'已拒绝' => (t.danger, t.dangerBg),
'部分退单' => (t.warn, t.warnBg),
'已退单' => (t.danger, t.dangerBg),
'待定价' => (t.warn, t.warnBg),
_ => (t.muted, t.infoSoft), // 草稿
};
}
/// 原型 .badge.ico:纯图标小徽章(卡片右上态标 / 状态 sheet 选项行)。
Widget _icoBadge(String label) {
final (fg, bg) = _statusColors(label);
return Container(
height: 22,
width: 26,
alignment: Alignment.center,
decoration: BoxDecoration(
color: bg,
borderRadius: BorderRadius.circular(AppDims.rPill),
),
child: Icon(statusIcon(label), size: 12, color: fg),
);
}
/// 原型 .m-kpi 2×2:近30天笔数/金额 + 可点筛选的待审核/草稿(再点取消)。
Widget _buildMobileKpis(int total) {
final StockSummary? summary =
@@ -761,7 +733,7 @@ class _StockOutListScreenState extends ConsumerState<StockOutListScreen> {
),
child: Row(children: [
if (_statusOptions[i].$2 != '全部') ...[
_icoBadge(_statusOptions[i].$2),
DsIconBadge(_statusOptions[i].$2),
const SizedBox(width: 10),
],
Text(_statusOptions[i].$2,
@@ -998,39 +970,29 @@ class _StockOutListScreenState extends ConsumerState<StockOutListScreen> {
// ── 窄屏卡片 ─────────────────────────────────────────────────
/// 出库单:窄屏卡片(原型 .m-card:图标徽章 + › 箭头;操作统一收进详情 sheet)。
/// 出库单:窄屏卡片(原型 .m-card 双栏:单号+客户·N 项 | 图标徽章+金额 | ›;
/// mc-foot = 日期 · 经手人 · 审核)。
Widget _orderCard(BuildContext context, StockOutOrder o) {
final hasPending = o.items.any((it) => it.salePrice <= 0);
return MobileListCard(
final foot = [
if (o.orderDate != null) o.orderDate!.substring(0, 10),
if (o.operatorName != null) '经手人 ${o.operatorName}',
if (o.reviewerName != null) '审核 ${o.reviewerName}',
].join(' · ');
return MCard(
onTap: () => _showDetail(context, o.id),
title: Text(o.orderNo,
style: const TextStyle(
fontFamily: AppFonts.mono,
fontFamilyFallback: AppFonts.monoFallback,
fontSize: 14)),
trailing: Row(mainAxisSize: MainAxisSize.min, children: [
_icoBadge(_apiStatusToEnum(o.status).label),
if (o.returnState == 'partial') ...[
const SizedBox(width: 5),
_icoBadge('部分退单'),
] else if (o.returnState == 'full') ...[
const SizedBox(width: 5),
_icoBadge('已退单'),
],
if (hasPending) ...[
const SizedBox(width: 5),
_icoBadge('待定价'),
],
const SizedBox(width: 6),
Icon(LucideIcons.chevronRight, size: 18, color: context.tokens.faint),
]),
fields: [
MobileCardField('客户', o.partnerName ?? '-'),
MobileCardField('仓库', o.warehouseName ?? '-'),
MobileCardField('金额',
o.saleTotal != null ? '¥${o.saleTotal!.toStringAsFixed(2)}' : '-'),
MobileCardField('出库时间', o.orderDate?.substring(0, 10) ?? '-'),
nm: o.orderNo,
sub: '${o.partnerName ?? ''} · ${o.items.length}',
badges: [
DsIconBadge(_apiStatusToEnum(o.status).label),
if (o.returnState == 'partial')
const DsIconBadge('部分退单')
else if (o.returnState == 'full')
const DsIconBadge('已退单'),
if (hasPending) const DsIconBadge('待定价'),
],
amt: o.saleTotal != null ? _money.format(o.saleTotal) : '',
foot: foot.isEmpty ? null : foot,
);
}