134 lines
4.5 KiB
Dart
134 lines
4.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../../models/bill.dart';
|
|
import '../../../utils/amount_util.dart';
|
|
import '../../../utils/bill_grouping.dart';
|
|
import '../../../utils/date_util.dart';
|
|
import '../../../widgets/cute_icon.dart';
|
|
|
|
/// 单日分组卡：组头（日期 + 分开的支出/收入小计）+ 账单条目
|
|
class BillGroupCard extends StatelessWidget {
|
|
const BillGroupCard({super.key, required this.group, required this.onTapBill});
|
|
|
|
final BillDayGroup group;
|
|
final ValueChanged<Bill> onTapBill;
|
|
|
|
static const _expenseColor = Color(0xFFFA3534);
|
|
static const _incomeColor = Color(0xFF19BE6B);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(14, 12, 14, 8),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
formatGroupDate(group.date),
|
|
style: const TextStyle(
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.bold,
|
|
color: Color(0xFF5D4037),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
// 原版把当日收入与支出直接相加（无意义），这里分开展示
|
|
if (group.expenseTotal > 0)
|
|
Text(
|
|
'支 ¥${formatAmount(group.expenseTotal)}',
|
|
style: const TextStyle(fontSize: 12, color: _expenseColor),
|
|
),
|
|
if (group.expenseTotal > 0 && group.incomeTotal > 0)
|
|
const SizedBox(width: 10),
|
|
if (group.incomeTotal > 0)
|
|
Text(
|
|
'收 ¥${formatAmount(group.incomeTotal)}',
|
|
style: const TextStyle(fontSize: 12, color: _incomeColor),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Divider(height: 1, color: Color(0xFFF5EEE4)),
|
|
for (var i = 0; i < group.bills.length; i++) ...[
|
|
_BillTile(bill: group.bills[i], onTap: () => onTapBill(group.bills[i])),
|
|
if (i != group.bills.length - 1)
|
|
const Divider(height: 1, indent: 56, color: Color(0xFFF5EEE4)),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _BillTile extends StatelessWidget {
|
|
const _BillTile({required this.bill, required this.onTap});
|
|
|
|
final Bill bill;
|
|
final VoidCallback onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// 金额正负与颜色按 type 判断（后端 amount 恒为正数，不能用金额正负判色）
|
|
final color = bill.isExpense ? BillGroupCard._expenseColor : BillGroupCard._incomeColor;
|
|
|
|
return InkWell(
|
|
onTap: onTap,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 38,
|
|
height: 38,
|
|
decoration: const BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: Color(0xFFFBEEDD),
|
|
),
|
|
alignment: Alignment.center,
|
|
child: CuteIcon(bill.categoryIcon, size: 21),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
bill.categoryName,
|
|
style: const TextStyle(
|
|
fontSize: 14.5,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF5D4037),
|
|
),
|
|
),
|
|
if (bill.description.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 2),
|
|
child: Text(
|
|
bill.description,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(fontSize: 12, color: Color(0xFFBCAAA4)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
formatSignedAmount(bill.absAmount, isExpense: bill.isExpense),
|
|
style: TextStyle(fontSize: 15, fontWeight: FontWeight.bold, color: color),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|