495 lines
17 KiB
Dart
495 lines
17 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
||
import 'package:provider/provider.dart';
|
||
import '../../../core/theme/app_theme.dart';
|
||
import '../../../core/theme/app_color_scheme.dart';
|
||
import '../../../core/theme/app_theme_extension.dart';
|
||
import '../../../core/theme/app_spacing.dart';
|
||
import '../../../data/models/account_models.dart';
|
||
import '../../../data/services/bonus_service.dart';
|
||
import '../../../providers/asset_provider.dart';
|
||
|
||
/// 賬單頁面 — 代幣盈虧賬單 + 新人福利賬單 + 推廣福利賬單
|
||
class BillsPage extends StatefulWidget {
|
||
const BillsPage({super.key});
|
||
|
||
@override
|
||
State<BillsPage> createState() => _BillsPageState();
|
||
}
|
||
|
||
class _BillsPageState extends State<BillsPage> with SingleTickerProviderStateMixin {
|
||
late TabController _tabController;
|
||
List<AccountTrade> _holdings = [];
|
||
List<Map<String, dynamic>> _welfareRecords = [];
|
||
bool _isLoading = true;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_tabController = TabController(length: 3, vsync: this);
|
||
WidgetsBinding.instance.addPostFrameCallback((_) => _loadData());
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_tabController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
Future<void> _loadData() async {
|
||
setState(() => _isLoading = true);
|
||
try {
|
||
final provider = context.read<AssetProvider>();
|
||
final bonusService = context.read<BonusService>();
|
||
|
||
// 並行加載持倉和福利記錄
|
||
await provider.loadTradeAccount(force: true);
|
||
final welfareResponse = await bonusService.getWelfareStatus();
|
||
|
||
if (mounted) {
|
||
setState(() {
|
||
_holdings = provider.holdings;
|
||
if (welfareResponse.success && welfareResponse.data != null) {
|
||
_welfareRecords = _parseWelfareRecords(welfareResponse.data!);
|
||
}
|
||
_isLoading = false;
|
||
});
|
||
}
|
||
} catch (_) {
|
||
if (mounted) {
|
||
setState(() {
|
||
_holdings = context.read<AssetProvider>().holdings;
|
||
_isLoading = false;
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
List<Map<String, dynamic>> _parseWelfareRecords(Map<String, dynamic> data) {
|
||
final records = <Map<String, dynamic>>[];
|
||
|
||
// 新人福利
|
||
final newUser = data['newUserBonus'] as Map<String, dynamic>?;
|
||
if (newUser != null) {
|
||
final claimed = newUser['claimed'] as bool? ?? false;
|
||
final eligible = newUser['eligible'] as bool? ?? false;
|
||
// 狀態: 1=已領取, 0=可領取(待領取), 2=不可用(未解鎖)
|
||
final int status;
|
||
if (claimed) {
|
||
status = 1;
|
||
} else if (eligible) {
|
||
status = 0;
|
||
} else {
|
||
status = 2;
|
||
}
|
||
records.add({
|
||
'type': 'new_user',
|
||
'title': '新人福利',
|
||
'amount': newUser['amount']?.toString() ?? '100.00',
|
||
'status': status,
|
||
'time': newUser['claimTime'] ?? newUser['createTime'],
|
||
});
|
||
}
|
||
|
||
// 推廣福利列表
|
||
final referralRewards = data['referralRewards'] as List<dynamic>? ?? [];
|
||
for (var r in referralRewards) {
|
||
final map = r as Map<String, dynamic>;
|
||
final username = map['username'] as String? ?? '用戶';
|
||
final milestones = map['milestones'] as List<dynamic>? ?? [];
|
||
final claimableCount = map['claimableCount'] as int? ?? 0;
|
||
|
||
// 每個 milestone 生成一條記錄
|
||
for (var m in milestones) {
|
||
final ms = m as Map<String, dynamic>;
|
||
final earned = ms['earned'] as bool? ?? false;
|
||
final claimable = ms['claimable'] as bool? ?? false;
|
||
final milestoneVal = ms['milestone'] as int? ?? 1;
|
||
|
||
final int status;
|
||
if (earned) {
|
||
status = 1; // 已領取
|
||
} else if (claimable) {
|
||
status = 0; // 可領取
|
||
} else {
|
||
status = 2; // 未達標
|
||
}
|
||
records.add({
|
||
'type': 'referral',
|
||
'title': '推廣福利 - $username (${milestoneVal}000)',
|
||
'amount': '100.00',
|
||
'status': status,
|
||
'time': ms['claimTime'] ?? ms['createTime'],
|
||
});
|
||
}
|
||
|
||
// 如果沒有 milestone 但有 claimableCount，也生成記錄
|
||
if (milestones.isEmpty && claimableCount > 0) {
|
||
records.add({
|
||
'type': 'referral',
|
||
'title': '推廣福利 - $username',
|
||
'amount': '${claimableCount * 100}',
|
||
'status': 0,
|
||
'time': null,
|
||
});
|
||
}
|
||
}
|
||
return records;
|
||
}
|
||
|
||
bool get _isDark => Theme.of(context).brightness == Brightness.dark;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
|
||
return Scaffold(
|
||
backgroundColor: _isDark ? AppColorScheme.darkBackground : AppColorScheme.lightBackground,
|
||
appBar: AppBar(
|
||
leading: IconButton(
|
||
icon: const Icon(LucideIcons.arrowLeft, size: 20),
|
||
onPressed: () => Navigator.of(context).pop(),
|
||
),
|
||
title: Text('我的賬單', style: AppTextStyles.headlineLarge(context)),
|
||
backgroundColor: _isDark ? AppColorScheme.darkBackground : AppColorScheme.lightBackground,
|
||
elevation: 0,
|
||
scrolledUnderElevation: 0,
|
||
centerTitle: true,
|
||
bottom: TabBar(
|
||
controller: _tabController,
|
||
labelColor: colorScheme.primary,
|
||
unselectedLabelColor: colorScheme.onSurfaceVariant,
|
||
indicatorColor: colorScheme.primary,
|
||
labelStyle: AppTextStyles.headlineMedium(context).copyWith(fontWeight: FontWeight.w600),
|
||
unselectedLabelStyle: AppTextStyles.headlineMedium(context),
|
||
tabs: const [
|
||
Tab(text: '代幣盈虧'),
|
||
Tab(text: '新人福利'),
|
||
Tab(text: '推廣福利'),
|
||
],
|
||
),
|
||
),
|
||
body: _isLoading
|
||
? const Center(child: CircularProgressIndicator())
|
||
: TabBarView(
|
||
controller: _tabController,
|
||
children: [
|
||
_buildCoinProfitTab(),
|
||
_buildWelfareTab('new_user'),
|
||
_buildWelfareTab('referral'),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ============================================
|
||
// 代幣盈虧賬單
|
||
// ============================================
|
||
Widget _buildCoinProfitTab() {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
|
||
if (_holdings.isEmpty) {
|
||
return _buildEmptyState(LucideIcons.wallet, '暫無持倉記錄');
|
||
}
|
||
|
||
// 彙總統計
|
||
double totalCost = 0;
|
||
double totalValue = 0;
|
||
double totalProfit = 0;
|
||
for (var h in _holdings) {
|
||
totalCost += double.tryParse(h.totalCost) ?? 0;
|
||
totalValue += double.tryParse(h.currentValue) ?? 0;
|
||
totalProfit += double.tryParse(h.profit) ?? 0;
|
||
}
|
||
final profitRate = totalCost > 0 ? (totalProfit / totalCost * 100) : 0.0;
|
||
final isProfit = totalProfit >= 0;
|
||
final profitColor = isProfit ? context.appColors.up : context.appColors.down;
|
||
|
||
return RefreshIndicator(
|
||
onRefresh: _loadData,
|
||
child: ListView(
|
||
padding: const EdgeInsets.all(AppSpacing.md),
|
||
children: [
|
||
// 彙總卡片
|
||
Container(
|
||
padding: const EdgeInsets.all(AppSpacing.lg),
|
||
decoration: BoxDecoration(
|
||
color: _isDark ? AppColorScheme.darkSurfaceContainer : AppColorScheme.lightSurfaceLowest,
|
||
borderRadius: BorderRadius.circular(AppRadius.xl),
|
||
border: Border.all(
|
||
color: _isDark
|
||
? AppColorScheme.darkOutlineVariant.withValues(alpha: 0.15)
|
||
: AppColorScheme.lightOutlineVariant.withValues(alpha: 0.5),
|
||
),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
Text('總盈虧 (USDT)', style: AppTextStyles.bodyMedium(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
)),
|
||
const SizedBox(height: AppSpacing.xs),
|
||
Text(
|
||
'${isProfit ? '+' : ''}${totalProfit.toStringAsFixed(2)}',
|
||
style: AppTextStyles.displaySmall(context).copyWith(
|
||
fontWeight: FontWeight.bold,
|
||
color: profitColor,
|
||
),
|
||
),
|
||
const SizedBox(height: AppSpacing.sm),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
_buildSummaryItem('總成本', totalCost.toStringAsFixed(2)),
|
||
Container(width: 1, height: 16, color: colorScheme.outlineVariant.withValues(alpha: 0.3)),
|
||
_buildSummaryItem('總市值', totalValue.toStringAsFixed(2)),
|
||
Container(width: 1, height: 16, color: colorScheme.outlineVariant.withValues(alpha: 0.3)),
|
||
_buildSummaryItem('收益率', '${profitRate >= 0 ? '+' : ''}${profitRate.toStringAsFixed(2)}%'),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: AppSpacing.md),
|
||
|
||
// 各幣種盈虧明細
|
||
..._holdings.map((h) => _buildCoinProfitCard(h)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildSummaryItem(String label, String value) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.md),
|
||
child: Column(
|
||
children: [
|
||
Text(label, style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
)),
|
||
const SizedBox(height: 2),
|
||
Text(value, style: AppTextStyles.labelMedium(context).copyWith(
|
||
fontWeight: FontWeight.w600,
|
||
)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCoinProfitCard(AccountTrade h) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
final profit = double.tryParse(h.profit) ?? 0;
|
||
final isProfit = profit >= 0;
|
||
final profitColor = isProfit ? context.appColors.up : context.appColors.down;
|
||
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: AppSpacing.sm),
|
||
padding: const EdgeInsets.all(AppSpacing.md),
|
||
decoration: BoxDecoration(
|
||
color: _isDark ? AppColorScheme.darkSurfaceContainer : AppColorScheme.lightSurfaceLowest,
|
||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||
border: Border.all(
|
||
color: _isDark
|
||
? AppColorScheme.darkOutlineVariant.withValues(alpha: 0.15)
|
||
: AppColorScheme.lightOutlineVariant.withValues(alpha: 0.5),
|
||
),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
// 幣名 + 盈虧金額
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
CircleAvatar(
|
||
radius: 16,
|
||
backgroundColor: colorScheme.primary.withValues(alpha: 0.1),
|
||
child: Text(
|
||
h.coinCode.substring(0, 1),
|
||
style: AppTextStyles.labelLarge(context).copyWith(
|
||
color: colorScheme.primary,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: AppSpacing.sm),
|
||
Text(h.coinCode, style: AppTextStyles.headlineMedium(context).copyWith(
|
||
fontWeight: FontWeight.bold,
|
||
)),
|
||
const SizedBox(width: AppSpacing.xs),
|
||
Text('x ${double.tryParse(h.quantity)?.toStringAsFixed(4) ?? h.quantity}',
|
||
style: AppTextStyles.bodySmall(context).copyWith(color: colorScheme.onSurfaceVariant),
|
||
),
|
||
],
|
||
),
|
||
Text(
|
||
'${isProfit ? '+' : ''}${profit.toStringAsFixed(2)} USDT',
|
||
style: AppTextStyles.headlineMedium(context).copyWith(
|
||
color: profitColor,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: AppSpacing.sm),
|
||
// 明細行
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text('均價: ${h.avgPrice}', style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
)),
|
||
Text('市值: ${h.currentValue} USDT', style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
)),
|
||
Text(h.formattedProfitRate, style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: profitColor,
|
||
fontWeight: FontWeight.w600,
|
||
)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ============================================
|
||
// 福利賬單
|
||
// ============================================
|
||
Widget _buildWelfareTab(String type) {
|
||
final records = _welfareRecords
|
||
.where((r) => r['type'] == type && r['status'] == 1)
|
||
.toList();
|
||
|
||
if (records.isEmpty) {
|
||
return _buildEmptyState(
|
||
LucideIcons.gift,
|
||
type == 'new_user' ? '暫無新人福利記錄' : '暫無推廣福利記錄',
|
||
);
|
||
}
|
||
|
||
return RefreshIndicator(
|
||
onRefresh: _loadData,
|
||
child: ListView.builder(
|
||
padding: const EdgeInsets.all(AppSpacing.md),
|
||
itemCount: records.length,
|
||
itemBuilder: (context, index) => _buildWelfareCard(records[index]),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildWelfareCard(Map<String, dynamic> record) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
final amount = double.tryParse(record['amount']?.toString() ?? '0') ?? 0;
|
||
final status = record['status'] as int? ?? 0;
|
||
|
||
// status: 0=待領取, 1=已領取, 2=未達標
|
||
String statusText;
|
||
Color statusColor;
|
||
switch (status) {
|
||
case 1:
|
||
statusText = '已領取';
|
||
statusColor = context.appColors.up;
|
||
break;
|
||
case 2:
|
||
statusText = '未達標';
|
||
statusColor = colorScheme.onSurfaceVariant;
|
||
break;
|
||
default:
|
||
statusText = '待領取';
|
||
statusColor = AppColorScheme.warning;
|
||
}
|
||
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: AppSpacing.sm),
|
||
padding: const EdgeInsets.all(AppSpacing.md),
|
||
decoration: BoxDecoration(
|
||
color: _isDark ? AppColorScheme.darkSurfaceContainer : AppColorScheme.lightSurfaceLowest,
|
||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||
border: Border.all(
|
||
color: _isDark
|
||
? AppColorScheme.darkOutlineVariant.withValues(alpha: 0.15)
|
||
: AppColorScheme.lightOutlineVariant.withValues(alpha: 0.5),
|
||
),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(record['title'] ?? '', style: AppTextStyles.headlineMedium(context).copyWith(
|
||
fontWeight: FontWeight.bold,
|
||
)),
|
||
const SizedBox(height: AppSpacing.xs),
|
||
if (record['time'] != null)
|
||
Text(
|
||
_formatTime(record['time']),
|
||
style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: [
|
||
Text(
|
||
'+${amount.toStringAsFixed(2)} USDT',
|
||
style: AppTextStyles.headlineMedium(context).copyWith(
|
||
color: context.appColors.up,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
const SizedBox(height: 2),
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: AppSpacing.sm, vertical: 2),
|
||
decoration: BoxDecoration(
|
||
color: statusColor.withValues(alpha: 0.1),
|
||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||
),
|
||
child: Text(statusText, style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: statusColor,
|
||
fontWeight: FontWeight.w600,
|
||
fontSize: 11,
|
||
)),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ============================================
|
||
// 通用組件
|
||
// ============================================
|
||
Widget _buildEmptyState(IconData icon, String text) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(icon, size: 64, color: colorScheme.onSurfaceVariant.withValues(alpha: 0.4)),
|
||
const SizedBox(height: AppSpacing.md),
|
||
Text(text, style: AppTextStyles.headlineMedium(context).copyWith(
|
||
color: colorScheme.onSurfaceVariant,
|
||
)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
String _formatTime(dynamic time) {
|
||
if (time == null) return '-';
|
||
if (time is DateTime) {
|
||
return '${time.year}-${time.month.toString().padLeft(2, '0')}-${time.day.toString().padLeft(2, '0')} '
|
||
'${time.hour.toString().padLeft(2, '0')}:${time.minute.toString().padLeft(2, '0')}';
|
||
}
|
||
return time.toString();
|
||
}
|
||
}
|