410 lines
15 KiB
Dart
410 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:shadcn_ui/shadcn_ui.dart';
|
|
import '../../../core/theme/app_color_scheme.dart';
|
|
import '../../../core/theme/app_spacing.dart';
|
|
import '../../../core/theme/app_theme.dart';
|
|
import '../../../core/theme/app_theme_extension.dart';
|
|
import '../../../core/utils/toast_utils.dart';
|
|
import '../../../providers/asset_provider.dart';
|
|
import '../../shared/ui_constants.dart';
|
|
|
|
/// 提現頁面 — 獨立頁面，替代彈窗
|
|
class WithdrawPage extends StatefulWidget {
|
|
final String? balance;
|
|
|
|
const WithdrawPage({super.key, this.balance});
|
|
|
|
@override
|
|
State<WithdrawPage> createState() => _WithdrawPageState();
|
|
}
|
|
|
|
class _WithdrawPageState extends State<WithdrawPage> {
|
|
final _amountController = TextEditingController();
|
|
final _addressController = TextEditingController();
|
|
final _contactController = TextEditingController();
|
|
final _formKey = GlobalKey<ShadFormState>();
|
|
bool _isSubmitting = false;
|
|
|
|
final _feeNotifier = ValueNotifier<String>('提現將扣除 10% 手續費');
|
|
final _networksNotifier = ValueNotifier<List<String>>([]);
|
|
final _selectedNetworkNotifier = ValueNotifier<String?>(null);
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_amountController.addListener(_onAmountChanged);
|
|
_loadNetworks();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_amountController.dispose();
|
|
_addressController.dispose();
|
|
_contactController.dispose();
|
|
_feeNotifier.dispose();
|
|
_networksNotifier.dispose();
|
|
_selectedNetworkNotifier.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _onAmountChanged() {
|
|
final amount = double.tryParse(_amountController.text) ?? 0;
|
|
if (amount > 0) {
|
|
final fee = amount * 0.1;
|
|
final receivable = amount - fee;
|
|
_feeNotifier.value =
|
|
'手續費(10%): -${fee.toStringAsFixed(2)} USDT\n應收款: ${receivable.toStringAsFixed(2)} USDT';
|
|
} else {
|
|
_feeNotifier.value = '提現將扣除 10% 手續費';
|
|
}
|
|
}
|
|
|
|
void _loadNetworks() {
|
|
context.read<AssetProvider>().getWalletNetworks().then((list) {
|
|
if (mounted) {
|
|
_networksNotifier.value = list;
|
|
if (list.isNotEmpty) {
|
|
_selectedNetworkNotifier.value = list.first;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
Future<void> _submitWithdraw() async {
|
|
if (!_formKey.currentState!.saveAndValidate()) return;
|
|
if (_isSubmitting) return;
|
|
|
|
setState(() => _isSubmitting = true);
|
|
try {
|
|
final response = await context.read<AssetProvider>().withdraw(
|
|
amount: _amountController.text,
|
|
withdrawAddress: _addressController.text,
|
|
withdrawContact:
|
|
_contactController.text.isNotEmpty ? _contactController.text : null,
|
|
network: _selectedNetworkNotifier.value,
|
|
);
|
|
if (!mounted) return;
|
|
|
|
if (response.success) {
|
|
ToastUtils.showSuccess('申請成功，請等待管理員審批');
|
|
Navigator.of(context).pop(true);
|
|
} else {
|
|
ToastUtils.showError(response.message ?? '申請失敗');
|
|
}
|
|
} catch (e) {
|
|
if (mounted) ToastUtils.showError('申請失敗: $e');
|
|
} finally {
|
|
if (mounted) setState(() => _isSubmitting = false);
|
|
}
|
|
}
|
|
|
|
// ============================================
|
|
// 構建 UI
|
|
// ============================================
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colorScheme = context.colors;
|
|
|
|
return Scaffold(
|
|
backgroundColor: colorScheme.background,
|
|
appBar: AppBar(
|
|
leading: IconButton(
|
|
icon: const Icon(LucideIcons.arrowLeft, size: 20),
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
),
|
|
title: Text(
|
|
'提現',
|
|
style: AppTextStyles.headlineLarge(context).copyWith(
|
|
color: colorScheme.onSurface,
|
|
),
|
|
),
|
|
backgroundColor: colorScheme.background,
|
|
elevation: 0,
|
|
scrolledUnderElevation: 0,
|
|
centerTitle: true,
|
|
),
|
|
body: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(AppSpacing.lg),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 餘額顯示
|
|
if (widget.balance != null) ...[
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(AppSpacing.md),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.surfaceContainer,
|
|
borderRadius: BorderRadius.circular(AppRadius.lg),
|
|
border: Border.all(
|
|
color: colorScheme.outlineVariant.withValues(alpha: 0.3),
|
|
),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'可用餘額',
|
|
style: AppTextStyles.bodyMedium(context).copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
Text(
|
|
'${widget.balance} USDT',
|
|
style: AppTextStyles.headlineMedium(context).copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
color: context.appColors.up,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.lg),
|
|
],
|
|
|
|
// 表單
|
|
ShadForm(
|
|
key: _formKey,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 提現金額
|
|
Text(
|
|
'提現金額',
|
|
style: AppTextStyles.bodyLarge(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
ShadInputFormField(
|
|
id: 'amount',
|
|
controller: _amountController,
|
|
placeholder: const Text('請輸入提現金額 (USDT)'),
|
|
keyboardType:
|
|
const TextInputType.numberWithOptions(decimal: true),
|
|
validator: Validators.amount,
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
|
|
// 手續費提示
|
|
ValueListenableBuilder<String>(
|
|
valueListenable: _feeNotifier,
|
|
builder: (_, feeText, __) {
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: AppSpacing.md,
|
|
vertical: AppSpacing.sm,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: colorScheme.surfaceContainer,
|
|
borderRadius: BorderRadius.circular(AppRadius.md),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Icon(Icons.info_outline,
|
|
size: 14, color: colorScheme.onSurfaceVariant),
|
|
const SizedBox(width: AppSpacing.xs),
|
|
Expanded(
|
|
child: Text(
|
|
feeText,
|
|
style: AppTextStyles.bodySmall(context).copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(height: AppSpacing.lg),
|
|
|
|
// 提現網絡
|
|
ValueListenableBuilder<List<String>>(
|
|
valueListenable: _networksNotifier,
|
|
builder: (_, networks, __) {
|
|
if (networks.isEmpty) return const SizedBox.shrink();
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'提現網絡',
|
|
style: AppTextStyles.bodyLarge(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
ValueListenableBuilder<String?>(
|
|
valueListenable: _selectedNetworkNotifier,
|
|
builder: (_, selected, __) {
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
child: ShadSelect<String>(
|
|
placeholder: const Text('選擇提現網絡'),
|
|
initialValue: selected,
|
|
selectedOptionBuilder: (context, val) =>
|
|
Text(val),
|
|
onChanged: (value) {
|
|
if (value != null) {
|
|
_selectedNetworkNotifier.value = value;
|
|
}
|
|
},
|
|
options: networks
|
|
.map((n) =>
|
|
ShadOption(value: n, child: Text(n)))
|
|
.toList(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(height: AppSpacing.lg),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
|
|
// 目標地址
|
|
Text(
|
|
'目標地址',
|
|
style: AppTextStyles.bodyLarge(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
ShadInputFormField(
|
|
id: 'address',
|
|
controller: _addressController,
|
|
placeholder: const Text('請輸入提現地址'),
|
|
validator: (v) => Validators.required(v, '提現地址'),
|
|
),
|
|
const SizedBox(height: AppSpacing.lg),
|
|
|
|
// 聯繫方式
|
|
Text(
|
|
'聯繫方式（可選）',
|
|
style: AppTextStyles.bodyLarge(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
ShadInputFormField(
|
|
id: 'contact',
|
|
controller: _contactController,
|
|
placeholder: const Text('方便客服與您聯繫'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.xl),
|
|
|
|
// 安全提示
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(AppSpacing.md),
|
|
decoration: BoxDecoration(
|
|
color: AppColorScheme.warning.withValues(alpha: 0.08),
|
|
borderRadius: BorderRadius.circular(AppRadius.md),
|
|
border: Border.all(
|
|
color: AppColorScheme.warning.withValues(alpha: 0.15),
|
|
),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(Icons.shield_outlined,
|
|
size: 16, color: AppColorScheme.warning),
|
|
const SizedBox(width: AppSpacing.xs),
|
|
Text(
|
|
'安全提示',
|
|
style: AppTextStyles.labelLarge(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColorScheme.warning,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: AppSpacing.sm),
|
|
Text(
|
|
'• 請仔細核對提現地址，地址錯誤將導致資產無法找回\n'
|
|
'• 提現申請提交後需等待管理員審批\n'
|
|
'• 提現將扣除 10% 手續費',
|
|
style: AppTextStyles.bodySmall(context).copyWith(
|
|
color: colorScheme.onSurfaceVariant,
|
|
height: 1.6,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.xl),
|
|
|
|
// 提交按鈕
|
|
SizedBox(
|
|
width: double.infinity,
|
|
height: 50,
|
|
child: ElevatedButton(
|
|
onPressed: _isSubmitting ? null : _submitWithdraw,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: colorScheme.primary,
|
|
foregroundColor: colorScheme.onPrimary,
|
|
disabledBackgroundColor:
|
|
colorScheme.primary.withValues(alpha: 0.5),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(AppRadius.lg),
|
|
),
|
|
elevation: 0,
|
|
),
|
|
child: _isSubmitting
|
|
? const SizedBox(
|
|
width: 20,
|
|
height: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
color: Colors.white,
|
|
),
|
|
)
|
|
: Text(
|
|
'提交申請',
|
|
style: AppTextStyles.headlineMedium(context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
color: colorScheme.onPrimary,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: AppSpacing.lg),
|
|
|
|
// 底部安全保障
|
|
Center(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
Icons.verified_user_outlined,
|
|
size: 14,
|
|
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
|
|
),
|
|
const SizedBox(width: AppSpacing.xs),
|
|
Text(
|
|
'資金安全由平台全程保障',
|
|
style: AppTextStyles.bodySmall(context).copyWith(
|
|
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|