Aqroid/Aq-Accounting-Flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Aqroid
2026-09-21 17:37:53 +08:00
commit 67d4dd5b7c
141 changed files with 8558 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/pages/mine/mine_page.dart
+524
View File
@@ -0,0 +1,524 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../core/network/api_exception.dart';
import '../../core/network/auth_redirect.dart';
import '../../models/account.dart';
import '../../models/budget.dart';
import '../../providers/account_provider.dart';
import '../../providers/auth_provider.dart';
import '../../providers/budget_provider.dart';
import '../../utils/amount_input_formatter.dart';
import '../../utils/amount_util.dart';
import '../../utils/toast.dart';
import '../../widgets/state_views.dart';
/// 「我的」页面
///
/// 账户余额可手动修改；总收入 / 总支出由账单汇总得出，只读；
/// 本月预算可设置与随时修改（按月生效）。
class MinePage extends ConsumerWidget {
const MinePage({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final user = ref.watch(authProvider).user;
final accountAsync = ref.watch(accountProvider);
final budgetAsync = ref.watch(budgetProvider);
return Scaffold(
body: Container(
width: double.infinity,
height: double.infinity,
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFFFFE5CC), Color(0xFFFFD4A8), Color(0xFFFFC08A)],
),
),
child: SafeArea(
child: RefreshIndicator(
color: const Color(0xFFC8956E),
onRefresh: () => _onRefresh(ref),
child: ListView(
physics: const AlwaysScrollableScrollPhysics(),
padding: const EdgeInsets.all(16),
children: [
_userCard(user?.nickname ?? '用户', user?.username ?? '-'),
const SizedBox(height: 14),
_accountCard(context, ref, accountAsync),
const SizedBox(height: 14),
_budgetCard(context, ref, budgetAsync),
const SizedBox(height: 24),
_logoutButton(context),
const SizedBox(height: 90),
],
),
),
),
),
);
}
Future<void> _onRefresh(WidgetRef ref) async {
ref.invalidate(accountProvider);
ref.invalidate(budgetProvider);
await Future.wait<void>([
_silent(ref.read(accountProvider.future)),
_silent(ref.read(budgetProvider.future)),
]);
}
Future<void> _silent(Future<Object?> future) =>
future.then<void>((_) {}, onError: (_, _) {});
// ---------------- 用户信息 ----------------
Widget _userCard(String nickname, String username) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 24),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
gradient: const LinearGradient(
colors: [Color(0xFFC8956E), Color(0xFFF5D59E), Color(0xFFFFD700)],
),
border: Border.all(color: const Color(0xFF5D4037), width: 1.5),
boxShadow: [
BoxShadow(
color: const Color(0xFF5D4037).withValues(alpha: 0.2),
blurRadius: 12,
offset: const Offset(0, 5),
),
],
),
child: Row(
children: [
Container(
width: 60,
height: 60,
decoration: const BoxDecoration(shape: BoxShape.circle, color: Colors.white),
alignment: Alignment.center,
child: const Text('👤', style: TextStyle(fontSize: 30)),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
nickname.isEmpty ? '用户' : nickname,
style: const TextStyle(
fontSize: 19,
fontWeight: FontWeight.bold,
color: Color(0xFF5D4037),
),
),
const SizedBox(height: 4),
Text(
'账号：$username',
style: const TextStyle(fontSize: 13, color: Color(0xFF6D4C41)),
),
],
),
),
],
),
);
}
// ---------------- 账户卡 ----------------
Widget _accountCard(BuildContext context, WidgetRef ref, AsyncValue<AccountInfo> accountAsync) {
return Container(
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
),
child: accountAsync.when(
loading: () => const LoadingView(tip: '账户加载中...', padding: EdgeInsets.all(20)),
error: (e, _) => ErrorView(
message: asApiException(e).message,
onRetry: () => ref.invalidate(accountProvider),
),
data: (account) => _accountContent(context, ref, account),
),
);
}
Widget _accountContent(BuildContext context, WidgetRef ref, AccountInfo account) {
final negative = account.balance < 0;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Text(
'账户余额',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Color(0xFF5D4037)),
),
const Spacer(),
_editButton(
label: '修改',
onPressed: () => _editBalance(context, ref, account),
),
],
),
const SizedBox(height: 6),
Text(
'¥${formatAmount(account.balance)}',
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.bold,
color: negative ? const Color(0xFFFA3534) : const Color(0xFF5D4037),
),
),
const SizedBox(height: 16),
const Divider(height: 1, color: Color(0xFFF5EEE4)),
const SizedBox(height: 14),
Row(
children: [
_readOnlyStat('总收入', account.totalIncome, const Color(0xFF19BE6B)),
Container(width: 1, height: 26, color: const Color(0xFFF0E6D8)),
_readOnlyStat('总支出', account.totalExpense, const Color(0xFFFA3534)),
],
),
],
);
}
/// 只读统计项：来自账单汇总，不可修改（用锁图标提示）
Widget _readOnlyStat(String label, double amount, Color color) {
return Expanded(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(label, style: const TextStyle(fontSize: 12.5, color: Color(0xFF8D6E63))),
const SizedBox(width: 4),
const Icon(Icons.lock_outline, size: 11, color: Color(0xFFBCAAA4)),
],
),
const SizedBox(height: 6),
Text(
'¥${formatAmount(amount)}',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: color),
),
],
),
);
}
// ---------------- 预算卡 ----------------
Widget _budgetCard(BuildContext context, WidgetRef ref, AsyncValue<BudgetInfo> budgetAsync) {
return Container(
padding: const EdgeInsets.all(18),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
),
child: budgetAsync.when(
loading: () => const LoadingView(tip: '预算加载中...', padding: EdgeInsets.all(20)),
error: (e, _) => ErrorView(
message: asApiException(e).message,
onRetry: () => ref.invalidate(budgetProvider),
),
data: (budget) => _budgetContent(context, ref, budget),
),
);
}
Widget _budgetContent(BuildContext context, WidgetRef ref, BudgetInfo budget) {
final hasBudget = budget.hasBudget;
final over = budget.isOverBudget;
final ratio = budget.usedRatio;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Text(
'本月预算',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: Color(0xFF5D4037)),
),
const SizedBox(width: 6),
if (!hasBudget)
const Text(
'（未设置）',
style: TextStyle(fontSize: 12, color: Color(0xFFBCAAA4)),
),
const Spacer(),
_editButton(
label: hasBudget ? '修改' : '设置',
onPressed: () => _editBudget(context, ref, budget),
),
],
),
const SizedBox(height: 10),
Row(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Text(
'¥${formatAmount(budget.amount)}',
style: const TextStyle(
fontSize: 26,
fontWeight: FontWeight.bold,
color: Color(0xFF5D4037),
),
),
const SizedBox(width: 8),
if (hasBudget)
Text(
over ? '已超支' : '每月生效，可随时修改',
style: TextStyle(
fontSize: 12,
color: over ? const Color(0xFFE53935) : const Color(0xFFBCAAA4),
),
),
],
),
if (hasBudget) ...[
const SizedBox(height: 14),
ClipRRect(
borderRadius: BorderRadius.circular(5),
child: Stack(
children: [
Container(height: 8, color: const Color(0xFFF5EEE4)),
FractionallySizedBox(
widthFactor: ratio,
child: Container(
height: 8,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: over
? const [Color(0xFFE53935), Color(0xFFFF8A80)]
: const [Color(0xFFC8956E), Color(0xFFFFD700)],
),
),
),
),
],
),
),
const SizedBox(height: 8),
Row(
children: [
Text(
'已用 ${(ratio * 100).round()}%',
style: const TextStyle(fontSize: 12, color: Color(0xFF8D6E63)),
),
const Spacer(),
Text(
'剩余 ¥${formatAmount(budget.remainingAmount)}',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: budget.remainingAmount < 0
? const Color(0xFFE53935)
: const Color(0xFF19BE6B),
),
),
],
),
const SizedBox(height: 14),
Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
gradient: const LinearGradient(colors: [Color(0x33C8956E), Color(0x33FFD700)]),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: const Color(0xFFC8956E)),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text('💰 日均可用 ', style: TextStyle(fontSize: 13, color: Color(0xFF6D4C41))),
Text(
'¥${formatAmount(budget.remainingDaily)}',
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.bold,
color: Color(0xFF5D4037),
),
),
],
),
),
],
],
);
}
Widget _editButton({required String label, required VoidCallback onPressed}) {
return TextButton.icon(
onPressed: onPressed,
icon: const Icon(Icons.edit_outlined, size: 16),
label: Text(label, style: const TextStyle(fontSize: 13)),
style: TextButton.styleFrom(
foregroundColor: const Color(0xFFC8956E),
padding: const EdgeInsets.symmetric(horizontal: 8),
minimumSize: Size.zero,
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
),
);
}
// ---------------- 修改余额 ----------------
Future<void> _editBalance(BuildContext context, WidgetRef ref, AccountInfo account) async {
final input = await _showAmountDialog(
context: context,
title: '修改账户余额',
initialValue: account.balance,
hint: '请输入当前账户余额',
note: '修改后的余额将作为新的基准，之后记账会在其基础上增减。',
allowNegative: true, // 余额可能为负
);
if (input == null) return;
try {
await ref.read(accountProvider.notifier).setBalance(input);
if (context.mounted) showToast(context, '✅ 余额已更新');
} on ApiException catch (e) {
if (context.mounted) showToast(context, e.message, error: true);
} catch (_) {
if (context.mounted) showToast(context, '余额更新失败，请重试', error: true);
}
}
// ---------------- 修改预算 ----------------
Future<void> _editBudget(BuildContext context, WidgetRef ref, BudgetInfo budget) async {
final input = await _showAmountDialog(
context: context,
title: budget.hasBudget ? '修改本月预算' : '设置本月预算',
initialValue: budget.amount,
hint: '请输入预算金额',
note: '预算按月生效，可随时修改；本月账单支出会累计到「已用」。',
);
if (input == null) return;
try {
await ref.read(budgetProvider.notifier).setMonthBudget(input);
if (context.mounted) showToast(context, '✅ 预算已保存');
} on ApiException catch (e) {
if (context.mounted) showToast(context, e.message, error: true);
} catch (_) {
if (context.mounted) showToast(context, '预算保存失败，请重试', error: true);
}
}
/// 金额输入弹窗（修改余额 / 修改预算 共用）
///
/// [allowNegative] 仅余额编辑开启——余额可能为负，预算与记账金额不会。
Future<double?> _showAmountDialog({
required BuildContext context,
required String title,
required double initialValue,
required String hint,
required String note,
bool allowNegative = false,
}) async {
final controller = TextEditingController(text: initialValue.toStringAsFixed(2));
// 预填内容默认全选，输入即替换，省去手动清空
controller.selection = TextSelection(
baseOffset: 0,
extentOffset: controller.text.length,
);
try {
return await showDialog<double>(
context: context,
builder: (dialogContext) => AlertDialog(
title: Text(title),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TextField(
controller: controller,
autofocus: true,
keyboardType: const TextInputType.numberWithOptions(
decimal: true,
signed: true,
),
inputFormatters: [AmountInputFormatter(allowNegative: allowNegative)],
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Color(0xFF5D4037),
),
decoration: InputDecoration(
hintText: hint,
prefixText: '¥ ',
prefixStyle: const TextStyle(
fontSize: 18,
color: Color(0xFFC8956E),
fontWeight: FontWeight.bold,
),
),
),
const SizedBox(height: 12),
Text(note, style: const TextStyle(fontSize: 12, color: Color(0xFF8D6E63))),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: const Text('取消', style: TextStyle(color: Color(0xFF8D6E63))),
),
TextButton(
onPressed: () =>
Navigator.pop(dialogContext, double.tryParse(controller.text)),
child: const Text('保存', style: TextStyle(color: Color(0xFFC8956E))),
),
],
),
);
} finally {
controller.dispose();
}
}
// ---------------- 退出登录 ----------------
Widget _logoutButton(BuildContext context) {
return SizedBox(
width: double.infinity,
height: 48,
child: OutlinedButton(
style: OutlinedButton.styleFrom(
backgroundColor: Colors.white,
foregroundColor: const Color(0xFFD32F2F),
side: const BorderSide(color: Color(0xFFE0C9A6)),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
),
onPressed: () => _confirmLogout(context),
child: const Text('退出登录', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
),
);
}
Future<void> _confirmLogout(BuildContext context) async {
final confirmed = await showDialog<bool>(
context: context,
builder: (dialogContext) => AlertDialog(
title: const Text('提示'),
content: const Text('确定要退出登录吗？'),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext, false),
child: const Text('取消', style: TextStyle(color: Color(0xFF8D6E63))),
),
TextButton(
onPressed: () => Navigator.pop(dialogContext, true),
child: const Text('确定退出', style: TextStyle(color: Color(0xFFD32F2F))),
),
],
),
);
if (confirmed != true) return;
await logoutAndGoLogin();
}
}