sion/monisuo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
sion
2026-03-27 20:40:51 +08:00
parent af0a879a17
commit a1cec2bc34
130 changed files with 756 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
flutter_monisuo/lib/ui/pages/asset/asset_page.dart
View File

@@ -10,6 +10,7 @@ import '../../shared/ui_constants.dart';
import '../../components/glass_panel.dart';
import '../../components/neon_glow.dart';
import '../orders/fund_orders_page.dart';
import 'transfer_page.dart';
/// 资产页面 - Material Design 3 风格
class AssetPage extends StatefulWidget {
@@ -314,7 +315,7 @@ class _FundAccountCard extends StatelessWidget {
text: '划转',
type: NeonButtonType.outline,
icon: Icons.swap_horiz,
onPressed: () => _showTransferDialog(context),
onPressed: () => _navigateToTransfer(context),
height: 44,
showGlow: false,
),
@@ -1084,170 +1085,14 @@ void _showWithdrawDialog(BuildContext context, String? balance) {
);
}
void _showTransferDialog(BuildContext context) {
final controller = TextEditingController();
final formKey = GlobalKey<ShadFormState>();
int direction = 1;
final colorScheme = Theme.of(context).colorScheme;
showShadDialog(
context: context,
builder: (ctx) => StatefulBuilder(
builder: (ctx, setState) => Dialog(
backgroundColor: Colors.transparent,
child: GlassPanel(
borderRadius: BorderRadius.circular(AppRadius.xxl),
padding: EdgeInsets.all(AppSpacing.lg),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'划转',
style: GoogleFonts.spaceGrotesk(
fontSize: 20,
fontWeight: FontWeight.bold,
color: colorScheme.onSurface,
),
),
SizedBox(height: AppSpacing.lg),
Row(
children: [
Expanded(
child: _DirectionButton(
label: '资金→交易',
isSelected: direction == 1,
onTap: () => setState(() => direction = 1),
),
),
SizedBox(width: AppSpacing.sm),
Expanded(
child: _DirectionButton(
label: '交易→资金',
isSelected: direction == 2,
onTap: () => setState(() => direction = 2),
),
),
],
),
SizedBox(height: AppSpacing.lg),
ShadForm(
key: formKey,
child: ShadInputFormField(
id: 'amount',
controller: controller,
label: const Text('划转金额'),
placeholder: const Text('请输入划转金额(USDT)'),
keyboardType: const TextInputType.numberWithOptions(decimal: true),
validator: Validators.amount,
),
),
SizedBox(height: AppSpacing.lg),
Row(
children: [
Expanded(
child: NeonButton(
text: '取消',
type: NeonButtonType.outline,
onPressed: () => Navigator.of(ctx).pop(),
height: 44,
showGlow: false,
),
),
SizedBox(width: AppSpacing.sm),
Expanded(
child: NeonButton(
text: '确认',
type: NeonButtonType.primary,
onPressed: () async {
if (formKey.currentState!.saveAndValidate()) {
Navigator.of(ctx).pop();
final response = await context.read<AssetProvider>().transfer(
direction: direction,
amount: controller.text,
);
if (context.mounted) {
_showResultDialog(
context,
response.success ? '划转成功' : '划转失败',
response.message,
);
}
}
},
height: 44,
showGlow: true,
),
),
],
),
],
),
),
),
),
void _navigateToTransfer(BuildContext context) async {
final result = await Navigator.push<bool>(
context,
MaterialPageRoute(builder: (_) => const TransferPage()),
);
}
class _DirectionButton extends StatelessWidget {
final String label;
final bool isSelected;
final VoidCallback onTap;
const _DirectionButton({
required this.label,
required this.isSelected,
required this.onTap,
});
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
return GestureDetector(
onTap: onTap,
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: EdgeInsets.symmetric(vertical: AppSpacing.sm + AppSpacing.xs),
decoration: BoxDecoration(
color: isSelected
? colorScheme.primary.withOpacity(0.15)
: colorScheme.surfaceContainerHigh,
borderRadius: BorderRadius.circular(AppRadius.md),
border: isSelected
? Border.all(
color: colorScheme.primary.withOpacity(0.3),
)
: null,
),
child: Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (isSelected)
Icon(
LucideIcons.check,
size: 14,
color: colorScheme.primary,
)
else
SizedBox(width: 14),
SizedBox(width: AppSpacing.xs),
Text(
label,
style: TextStyle(
color: isSelected
? colorScheme.primary
: colorScheme.onSurfaceVariant,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
fontSize: 12,
),
),
],
),
),
),
);
// 如果划转成功，刷新数据
if (result == true && context.mounted) {
context.read<AssetProvider>().refreshAll(force: true);
}
}

628
flutter_monisuo/lib/ui/pages/asset/transfer_page.dart Normal file
View File

@@ -0,0 +1,628 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import 'package:provider/provider.dart';
import 'package:google_fonts/google_fonts.dart';
import '../../../core/theme/app_color_scheme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../providers/asset_provider.dart';
import '../../../data/models/account_models.dart';
import '../../shared/ui_constants.dart';
import '../../components/glass_panel.dart';
import '../../components/neon_glow.dart';
/// 划转页面 - 资金账户与交易账户互相划转
class TransferPage extends StatefulWidget {
const TransferPage({super.key});
@override
State<TransferPage> createState() => _TransferPageState();
}
class _TransferPageState extends State<TransferPage> {
final _amountController = TextEditingController();
final _formKey = GlobalKey<ShadFormState>();
int _direction = 1; // 1: 资金→交易, 2: 交易→资金
bool _isLoading = false;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) {
context.read<AssetProvider>().refreshAll(force: true);
});
}
@override
void dispose() {
_amountController.dispose();
super.dispose();
}
/// 获取资金账户余额
String get _fundBalance {
final provider = context.read<AssetProvider>();
return provider.fundAccount?.balance ?? provider.overview?.fundBalance ?? '0.00';
}
/// 获取交易账户 USDT 余额
String get _tradeUsdtBalance {
final provider = context.read<AssetProvider>();
final usdtHolding = provider.tradeAccounts.firstWhere(
(t) => t.coinCode.toUpperCase() == 'USDT',
orElse: () => AccountTrade(
id: 0,
userId: 0,
coinCode: 'USDT',
quantity: '0',
avgPrice: '1',
totalCost: '0',
currentValue: '0',
profit: '0',
profitRate: 0,
),
);
return usdtHolding.quantity;
}
/// 获取当前可用余额（根据方向）
String get _availableBalance {
return _direction == 1 ? _fundBalance : _tradeUsdtBalance;
}
/// 执行划转
Future<void> _doTransfer() async {
if (!_formKey.currentState!.saveAndValidate()) return;
final amount = _amountController.text;
final available = double.tryParse(_availableBalance) ?? 0;
final transferAmount = double.tryParse(amount) ?? 0;
if (transferAmount <= 0) {
_showSnackBar('请输入有效的划转金额');
return;
}
if (transferAmount > available) {
_showSnackBar('余额不足');
return;
}
setState(() => _isLoading = true);
try {
final response = await context.read<AssetProvider>().transfer(
direction: _direction,
amount: amount,
);
if (mounted) {
if (response.success) {
_amountController.clear();
_showSnackBar('划转成功');
Navigator.of(context).pop(true); // 返回成功标记
} else {
_showSnackBar(response.message ?? '划转失败');
}
}
} finally {
if (mounted) {
setState(() => _isLoading = false);
}
}
}
void _showSnackBar(String message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(message)),
);
}
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final isDark = Theme.of(context).brightness == Brightness.dark;
return Scaffold(
backgroundColor: colorScheme.background,
appBar: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
leading: IconButton(
icon: Icon(Icons.arrow_back, color: colorScheme.onSurface),
onPressed: () => Navigator.of(context).pop(),
),
title: Text(
'资金划转',
style: GoogleFonts.spaceGrotesk(
fontSize: 18,
fontWeight: FontWeight.bold,
color: colorScheme.onSurface,
),
),
centerTitle: true,
),
body: Consumer<AssetProvider>(
builder: (context, provider, _) {
return SingleChildScrollView(
padding: AppSpacing.pagePadding,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 说明卡片
_buildInfoCard(colorScheme),
SizedBox(height: AppSpacing.lg),
// 划转方向选择
_buildDirectionSelector(colorScheme),
SizedBox(height: AppSpacing.lg),
// 账户余额显示
_buildBalanceCards(provider, colorScheme, isDark),
SizedBox(height: AppSpacing.lg),
// 金额输入
_buildAmountInput(colorScheme),
SizedBox(height: AppSpacing.xl),
// 确认按钮
_buildSubmitButton(colorScheme),
SizedBox(height: AppSpacing.lg),
// 提示信息
_buildTips(colorScheme),
],
),
);
},
),
);
}
/// 说明卡片
Widget _buildInfoCard(ColorScheme colorScheme) {
return Container(
padding: EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(AppRadius.md),
border: Border.all(
color: colorScheme.primary.withOpacity(0.2),
),
),
child: Row(
children: [
Icon(
LucideIcons.info,
size: 18,
color: colorScheme.primary,
),
SizedBox(width: AppSpacing.sm),
Expanded(
child: Text(
_direction == 1
? '资金账户 → 交易账户：相当于用资金账户的钱购买 USDT'
: '交易账户 → 资金账户：相当于卖掉 USDT 换回资金',
style: TextStyle(
fontSize: 12,
color: colorScheme.onSurfaceVariant,
),
),
),
],
),
);
}
/// 划转方向选择器
Widget _buildDirectionSelector(ColorScheme colorScheme) {
return GlassPanel(
padding: EdgeInsets.all(AppSpacing.md),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'划转方向',
style: GoogleFonts.spaceGrotesk(
fontSize: 14,
fontWeight: FontWeight.w600,
color: colorScheme.onSurface,
),
),
SizedBox(height: AppSpacing.md),
Row(
children: [
Expanded(
child: _DirectionCard(
title: '资金账户',
subtitle: '交易账户',
icon: LucideIcons.arrowRight,
isSelected: _direction == 1,
onTap: () => setState(() => _direction = 1),
),
),
SizedBox(width: AppSpacing.sm),
Expanded(
child: _DirectionCard(
title: '交易账户',
subtitle: '资金账户',
icon: LucideIcons.arrowRight,
isSelected: _direction == 2,
onTap: () => setState(() => _direction = 2),
),
),
],
),
if (_direction == 2) ...[
SizedBox(height: AppSpacing.sm),
Container(
padding: EdgeInsets.all(AppSpacing.sm),
decoration: BoxDecoration(
color: AppColorScheme.warning.withOpacity(0.1),
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: Row(
children: [
Icon(
LucideIcons.alertTriangle,
size: 14,
color: AppColorScheme.warning,
),
SizedBox(width: AppSpacing.xs),
Expanded(
child: Text(
'仅支持 USDT 资产划转到资金账户',
style: TextStyle(
fontSize: 11,
color: AppColorScheme.warning,
),
),
),
],
),
),
],
],
),
);
}
/// 账户余额卡片
Widget _buildBalanceCards(AssetProvider provider, ColorScheme colorScheme, bool isDark) {
final fundBalance = provider.fundAccount?.balance ?? provider.overview?.fundBalance ?? '0.00';
final tradeUsdtBalance = _tradeUsdtBalance;
return Row(
children: [
Expanded(
child: _BalanceCard(
title: '资金账户',
balance: fundBalance,
isActive: _direction == 1,
colorScheme: colorScheme,
),
),
SizedBox(width: AppSpacing.sm),
// 中间的转换图标
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: colorScheme.primary.withOpacity(0.1),
shape: BoxShape.circle,
),
child: Icon(
_direction == 1 ? LucideIcons.arrowRight : LucideIcons.arrowLeft,
color: colorScheme.primary,
size: 18,
),
),
SizedBox(width: AppSpacing.sm),
Expanded(
child: _BalanceCard(
title: '交易账户(USDT)',
balance: tradeUsdtBalance,
isActive: _direction == 2,
colorScheme: colorScheme,
),
),
],
);
}
/// 金额输入
Widget _buildAmountInput(ColorScheme colorScheme) {
final available = _availableBalance;
return GlassPanel(
padding: EdgeInsets.all(AppSpacing.md),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'划转金额',
style: GoogleFonts.spaceGrotesk(
fontSize: 14,
fontWeight: FontWeight.w600,
color: colorScheme.onSurface,
),
),
GestureDetector(
onTap: () {
_amountController.text = available;
},
child: Container(
padding: EdgeInsets.symmetric(
horizontal: AppSpacing.sm,
vertical: AppSpacing.xs,
),
decoration: BoxDecoration(
color: colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: Text(
'全部',
style: TextStyle(
fontSize: 12,
color: colorScheme.primary,
fontWeight: FontWeight.w600,
),
),
),
),
],
),
SizedBox(height: AppSpacing.sm),
Text(
'可用: $available USDT',
style: TextStyle(
fontSize: 12,
color: colorScheme.onSurfaceVariant,
),
),
SizedBox(height: AppSpacing.md),
ShadForm(
key: _formKey,
child: ShadInputFormField(
id: 'amount',
controller: _amountController,
placeholder: const Text('请输入划转金额'),
keyboardType: const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
validator: (value) {
if (value == null || value.isEmpty) {
return '请输入划转金额';
}
final amount = double.tryParse(value);
if (amount == null || amount <= 0) {
return '请输入有效金额';
}
final available = double.tryParse(_availableBalance) ?? 0;
if (amount > available) {
return '余额不足';
}
return null;
},
),
),
],
),
);
}
/// 提交按钮
Widget _buildSubmitButton(ColorScheme colorScheme) {
return SizedBox(
width: double.infinity,
child: NeonButton(
text: _isLoading ? '处理中...' : '确认划转',
type: NeonButtonType.primary,
onPressed: _isLoading ? null : _doTransfer,
height: 52,
showGlow: true,
),
);
}
/// 提示信息
Widget _buildTips(ColorScheme colorScheme) {
return Container(
padding: EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: colorScheme.surfaceContainerHighest,
borderRadius: BorderRadius.circular(AppRadius.md),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'划转说明',
style: GoogleFonts.spaceGrotesk(
fontSize: 12,
fontWeight: FontWeight.w600,
color: colorScheme.onSurfaceVariant,
),
),
SizedBox(height: AppSpacing.sm),
_buildTipItem('资金账户用于充提，交易账户用于买卖币种', colorScheme),
_buildTipItem('划转操作即时到账，不可撤销', colorScheme),
_buildTipItem('交易账户只有 USDT 可直接划转到资金账户', colorScheme),
_buildTipItem('其他币种需先卖出换成 USDT 后才能划转', colorScheme),
],
),
);
}
Widget _buildTipItem(String text, ColorScheme colorScheme) {
return Padding(
padding: EdgeInsets.only(bottom: AppSpacing.xs),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: 4,
height: 4,
margin: EdgeInsets.only(top: 6, right: AppSpacing.sm),
decoration: BoxDecoration(
color: colorScheme.onSurfaceVariant,
shape: BoxShape.circle,
),
),
Expanded(
child: Text(
text,
style: TextStyle(
fontSize: 11,
color: colorScheme.onSurfaceVariant,
),
),
),
],
),
);
}
}
/// 方向选择卡片
class _DirectionCard extends StatelessWidget {
final String title;
final String subtitle;
final IconData icon;
final bool isSelected;
final VoidCallback onTap;
const _DirectionCard({
required this.title,
required this.subtitle,
required this.icon,
required this.isSelected,
required this.onTap,
});
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
return GestureDetector(
onTap: onTap,
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: isSelected
? colorScheme.primary.withOpacity(0.15)
: colorScheme.surfaceContainerHigh,
borderRadius: BorderRadius.circular(AppRadius.md),
border: isSelected
? Border.all(color: colorScheme.primary.withOpacity(0.5))
: null,
),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
title,
style: TextStyle(
fontSize: 11,
color: colorScheme.onSurfaceVariant,
),
),
SizedBox(width: AppSpacing.xs),
Icon(
icon,
size: 12,
color: colorScheme.onSurfaceVariant,
),
SizedBox(width: AppSpacing.xs),
Text(
subtitle,
style: TextStyle(
fontSize: 11,
color: isSelected ? colorScheme.primary : colorScheme.onSurfaceVariant,
fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
),
),
],
),
if (isSelected) ...[
SizedBox(height: AppSpacing.xs),
Icon(
LucideIcons.check,
size: 14,
color: colorScheme.primary,
),
],
],
),
),
);
}
}
/// 余额卡片
class _BalanceCard extends StatelessWidget {
final String title;
final String balance;
final bool isActive;
final ColorScheme colorScheme;
const _BalanceCard({
required this.title,
required this.balance,
required this.isActive,
required this.colorScheme,
});
@override
Widget build(BuildContext context) {
return AnimatedContainer(
duration: const Duration(milliseconds: 200),
padding: EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: isActive
? colorScheme.primary.withOpacity(0.1)
: colorScheme.surfaceContainerHigh,
borderRadius: BorderRadius.circular(AppRadius.md),
border: isActive
? Border.all(color: colorScheme.primary.withOpacity(0.3))
: null,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 10,
color: colorScheme.onSurfaceVariant,
),
),
SizedBox(height: AppSpacing.xs),
Text(
balance,
style: GoogleFonts.spaceGrotesk(
fontSize: 16,
fontWeight: FontWeight.bold,
color: isActive ? colorScheme.primary : colorScheme.onSurface,
),
),
Text(
'USDT',
style: TextStyle(
fontSize: 10,
color: colorScheme.onSurfaceVariant,
),
),
],
),
);
}
}