48 lines
1.7 KiB
Dart
48 lines
1.7 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
|
||
import '../../../providers/bill_provider.dart';
|
||
import '../../../utils/amount_util.dart';
|
||
|
||
/// 首页仪表盘上「记账」卡片的摘要：当前查看月份的收入 / 支出 / 结余。
|
||
///
|
||
/// 故意和账单首页共用 `monthAnchorProvider`，而不是自己取 `DateTime.now()`：
|
||
/// · 两边看到的永远是同一个月，不会出现「卡片写 9 月、点进去是 8 月」
|
||
/// · provider 已经是现成的，不会多打一次接口
|
||
/// 所以标签用「N月」而不是「本月」。
|
||
class BillModuleSummary extends ConsumerWidget {
|
||
const BillModuleSummary({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final anchor = ref.watch(monthAnchorProvider);
|
||
final stats = ref.watch(monthlyStatisticsProvider(anchor)).value;
|
||
|
||
return Row(
|
||
children: [
|
||
Expanded(
|
||
child: _item('${anchor.month}月支出', stats?.totalExpense, const Color(0xFFFA3534)),
|
||
),
|
||
Expanded(
|
||
child: _item('结余', stats?.balance, const Color(0xFF5D4037)),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _item(String label, double? amount, Color color) {
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(label, style: const TextStyle(fontSize: 11, color: Color(0xFF8D6E63))),
|
||
const SizedBox(height: 3),
|
||
Text(
|
||
// 统计还没回来时显示占位，避免卡片高度跳动
|
||
amount == null ? '--' : '¥${formatAmount(amount)}',
|
||
style: TextStyle(fontSize: 14.5, fontWeight: FontWeight.bold, color: color),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|