Files
jiu/client/lib/widgets/status_badge.dart
T
wangjia 76ab19ea47 feat(client): 初版 Flutter UI 框架,仿照参考截图实现
- 蓝色顶栏(#1565C0)+ 深蓝侧边栏(#0D47A1),含折叠/展开
- 底部状态栏:门店编号、登录用户、登录时间、实时时钟、版本号
- 登录页:居中卡片,支持密码显示/隐藏
- 入库单列表:筛选/搜索/日期选择/分页,三个 Tab(入库单/查询/审核)
- 新建入库单:基本信息 + 商品明细动态增删,实时计算合计金额
- 出库单列表:同入库单风格
- 库存查询:4 张统计卡片 + 颜色高亮缺货/预警行,库存预警 Tab
- 往来单位、财务、商品、系统设置(用户/仓库/编号规则/系统参数)
- 使用 Riverpod 状态管理 + go_router 路由 + Dio HTTP

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-04 12:51:41 +08:00

61 lines
1.5 KiB
Dart

import 'package:flutter/material.dart';
import '../core/theme/app_theme.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;
const StatusBadge(this.status, {super.key});
@override
Widget build(BuildContext context) {
final Color bg;
final Color fg;
switch (status) {
case OrderStatus.draft:
bg = const Color(0xFFF5F5F5);
fg = AppTheme.textSecondary;
break;
case OrderStatus.pending:
bg = const Color(0xFFFFF3E0);
fg = AppTheme.accent;
break;
case OrderStatus.approved:
bg = const Color(0xFFE8F5E9);
fg = AppTheme.success;
break;
case OrderStatus.rejected:
bg = const Color(0xFFFFEBEE);
fg = AppTheme.danger;
break;
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
decoration: BoxDecoration(
color: bg,
borderRadius: BorderRadius.circular(3),
),
child: Text(
status.label,
style: TextStyle(
color: fg, fontSize: 12, fontWeight: FontWeight.w500),
),
);
}
}