571 lines
20 KiB
Dart
571 lines
20 KiB
Dart
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';
|
|
import '../note/note_list_page.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: 14),
|
|
_notesEntry(context),
|
|
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,
|
|
),
|
|
);
|
|
}
|
|
|
|
// ---------------- 笔记入口 ----------------
|
|
Widget _notesEntry(BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: () => Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (_) => const NoteListPage()),
|
|
),
|
|
child: Container(
|
|
padding: const EdgeInsets.fromLTRB(18, 16, 14, 16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Text('📝', style: TextStyle(fontSize: 24)),
|
|
const SizedBox(width: 14),
|
|
const Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'我的笔记',
|
|
style: TextStyle(
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF5D4037),
|
|
),
|
|
),
|
|
SizedBox(height: 3),
|
|
Text(
|
|
'管理 Markdown 文档，随时查看和记录',
|
|
style: TextStyle(fontSize: 12.5, color: Color(0xFF8D6E63)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Icon(Icons.chevron_right, color: Color(0xFFBCAAA4)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// ---------------- 修改余额 ----------------
|
|
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();
|
|
}
|
|
}
|