UI更新

2026-09-23 15:33:59 +08:00
parent e4cdfbc42f
commit a83cda63f5
24 changed files with 874 additions and 81 deletions
@@ -0,0 +1,132 @@
+import 'package:flutter/material.dart';
+
+import '../../../models/bill.dart';
+import '../../../utils/amount_util.dart';
+import '../../../utils/bill_grouping.dart';
+import '../../../utils/date_util.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: Text(bill.categoryIcon, style: const TextStyle(fontSize: 19)),
+            ),
+            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),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}