|
@@ -0,0 +1,379 @@
|
|
|
|
|
+import 'package:flutter/material.dart';
|
|
|
|
|
+import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
|
+import 'package:go_router/go_router.dart';
|
|
|
|
|
+import 'package:intl/intl.dart';
|
|
|
|
|
+
|
|
|
|
|
+import '../../../core/l10n/app_localizations.dart';
|
|
|
|
|
+import '../../../core/theme/app_colors.dart';
|
|
|
|
|
+import '../../../core/utils/staking_node_level.dart';
|
|
|
|
|
+import '../../../data/models/finance/staking_team_overview.dart';
|
|
|
|
|
+import '../../../providers/auth_provider.dart';
|
|
|
|
|
+import '../../../providers/staking_team_provider.dart';
|
|
|
|
|
+
|
|
|
|
|
+bool _isDark(BuildContext context) =>
|
|
|
|
|
+ Theme.of(context).brightness == Brightness.dark;
|
|
|
|
|
+
|
|
|
|
|
+Color _pageBg(BuildContext context) =>
|
|
|
|
|
+ _isDark(context) ? AppColors.darkBg : Theme.of(context).colorScheme.surface;
|
|
|
|
|
+
|
|
|
|
|
+Color _primaryText(BuildContext context) =>
|
|
|
|
|
+ _isDark(context) ? Colors.white : Theme.of(context).colorScheme.onSurface;
|
|
|
|
|
+
|
|
|
|
|
+Color _secondaryText(BuildContext context) => _primaryText(context).withAlpha(160);
|
|
|
|
|
+
|
|
|
|
|
+String _fmtNum(num value, {int maxFrac = 2}) {
|
|
|
|
|
+ if (!value.isFinite) {
|
|
|
|
|
+ return '0';
|
|
|
|
|
+ }
|
|
|
|
|
+ return NumberFormat('#,##0.${'#' * maxFrac}', 'en_US').format(value);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/// 我的团队页(对齐 Web `StakingTeamView.vue`)
|
|
|
|
|
+class StakingTeamScreen extends ConsumerStatefulWidget {
|
|
|
|
|
+ const StakingTeamScreen({super.key});
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ ConsumerState<StakingTeamScreen> createState() => _StakingTeamScreenState();
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _StakingTeamScreenState extends ConsumerState<StakingTeamScreen> {
|
|
|
|
|
+ @override
|
|
|
|
|
+ void initState() {
|
|
|
|
|
+ super.initState();
|
|
|
|
|
+ Future.microtask(() {
|
|
|
|
|
+ if (!ref.read(isLoggedInProvider)) {
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ ref.read(stakingTeamProvider.notifier).init();
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context) {
|
|
|
|
|
+ final l10n = AppLocalizations.of(context)!;
|
|
|
|
|
+ final isLoggedIn = ref.watch(isLoggedInProvider);
|
|
|
|
|
+ final state = ref.watch(stakingTeamProvider);
|
|
|
|
|
+
|
|
|
|
|
+ if (!isLoggedIn) {
|
|
|
|
|
+ return Scaffold(
|
|
|
|
|
+ backgroundColor: _pageBg(context),
|
|
|
|
|
+ appBar: _buildAppBar(context, l10n),
|
|
|
|
|
+ body: Center(
|
|
|
|
|
+ child: TextButton(
|
|
|
|
|
+ onPressed: () => context.push(
|
|
|
|
|
+ '/login?redirect=${Uri.encodeComponent('/finance/team')}',
|
|
|
|
|
+ ),
|
|
|
|
|
+ child: Text(l10n.login),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ return Scaffold(
|
|
|
|
|
+ backgroundColor: _pageBg(context),
|
|
|
|
|
+ appBar: _buildAppBar(context, l10n),
|
|
|
|
|
+ body: state.isLoading
|
|
|
|
|
+ ? const Center(child: CircularProgressIndicator())
|
|
|
|
|
+ : state.errorMessage != null && state.overview == null
|
|
|
|
|
+ ? _ErrorBody(
|
|
|
|
|
+ message: state.errorMessage!,
|
|
|
|
|
+ onRetry: () =>
|
|
|
|
|
+ ref.read(stakingTeamProvider.notifier).init(),
|
|
|
|
|
+ )
|
|
|
|
|
+ : _TeamBody(state: state),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ PreferredSizeWidget _buildAppBar(
|
|
|
|
|
+ BuildContext context,
|
|
|
|
|
+ AppLocalizations l10n,
|
|
|
|
|
+ ) {
|
|
|
|
|
+ return AppBar(
|
|
|
|
|
+ backgroundColor: Colors.transparent,
|
|
|
|
|
+ foregroundColor: _primaryText(context),
|
|
|
|
|
+ elevation: 0,
|
|
|
|
|
+ centerTitle: true,
|
|
|
|
|
+ leading: IconButton(
|
|
|
|
|
+ icon: const Icon(Icons.arrow_back_ios_new, size: 20),
|
|
|
|
|
+ onPressed: () {
|
|
|
|
|
+ if (context.canPop()) {
|
|
|
|
|
+ context.pop();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ context.go('/finance/ido');
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ ),
|
|
|
|
|
+ title: Text(
|
|
|
|
|
+ l10n.financeMyTeam,
|
|
|
|
|
+ style: TextStyle(
|
|
|
|
|
+ color: _primaryText(context),
|
|
|
|
|
+ fontSize: 18,
|
|
|
|
|
+ fontWeight: FontWeight.w600,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _ErrorBody extends StatelessWidget {
|
|
|
|
|
+ const _ErrorBody({required this.message, required this.onRetry});
|
|
|
|
|
+
|
|
|
|
|
+ final String message;
|
|
|
|
|
+ final VoidCallback onRetry;
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context) {
|
|
|
|
|
+ final l10n = AppLocalizations.of(context)!;
|
|
|
|
|
+ return Center(
|
|
|
|
|
+ child: Padding(
|
|
|
|
|
+ padding: const EdgeInsets.all(24),
|
|
|
|
|
+ child: Column(
|
|
|
|
|
+ mainAxisSize: MainAxisSize.min,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ Text(
|
|
|
|
|
+ message,
|
|
|
|
|
+ textAlign: TextAlign.center,
|
|
|
|
|
+ style: TextStyle(color: _secondaryText(context)),
|
|
|
|
|
+ ),
|
|
|
|
|
+ const SizedBox(height: 16),
|
|
|
|
|
+ OutlinedButton(
|
|
|
|
|
+ onPressed: onRetry,
|
|
|
|
|
+ style: OutlinedButton.styleFrom(
|
|
|
|
|
+ foregroundColor: AppColors.brand,
|
|
|
|
|
+ side: const BorderSide(color: AppColors.brand),
|
|
|
|
|
+ ),
|
|
|
|
|
+ child: Text(l10n.retry),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _TeamBody extends ConsumerWidget {
|
|
|
|
|
+ const _TeamBody({required this.state});
|
|
|
|
|
+
|
|
|
|
|
+ final StakingTeamState state;
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context, WidgetRef ref) {
|
|
|
|
|
+ final l10n = AppLocalizations.of(context)!;
|
|
|
|
|
+ final overview = state.overview ?? const StakingTeamOverview();
|
|
|
|
|
+ final statCards = [
|
|
|
|
|
+ (l10n.financeDirectNumLabel, _fmtNum(overview.directNum, maxFrac: 0)),
|
|
|
|
|
+ (l10n.financeTeamNumLabel, _fmtNum(overview.teamNum, maxFrac: 0)),
|
|
|
|
|
+ (l10n.financeTeamPerformanceLabel, _fmtNum(overview.teamPerformance)),
|
|
|
|
|
+ (l10n.financeTotalRevenueLabel, _fmtNum(overview.totalRevenue)),
|
|
|
|
|
+ ];
|
|
|
|
|
+
|
|
|
|
|
+ return ListView(
|
|
|
|
|
+ padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
|
|
|
|
|
+ children: [
|
|
|
|
|
+ _NodeBanner(
|
|
|
|
|
+ label: l10n.financeCurrentNodeLevel,
|
|
|
|
|
+ value: stakingNodeLevelLabel(l10n, overview.nodeLevel),
|
|
|
|
|
+ ),
|
|
|
|
|
+ const SizedBox(height: 12),
|
|
|
|
|
+ GridView.count(
|
|
|
|
|
+ crossAxisCount: 2,
|
|
|
|
|
+ shrinkWrap: true,
|
|
|
|
|
+ physics: const NeverScrollableScrollPhysics(),
|
|
|
|
|
+ mainAxisSpacing: 12,
|
|
|
|
|
+ crossAxisSpacing: 12,
|
|
|
|
|
+ childAspectRatio: 1.35,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ for (final card in statCards)
|
|
|
|
|
+ _StatCard(label: card.$1, value: card.$2),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ const SizedBox(height: 24),
|
|
|
|
|
+ Text(
|
|
|
|
|
+ l10n.financeDirectListTitle,
|
|
|
|
|
+ style: TextStyle(
|
|
|
|
|
+ color: _primaryText(context),
|
|
|
|
|
+ fontSize: 18,
|
|
|
|
|
+ fontWeight: FontWeight.w600,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ const SizedBox(height: 12),
|
|
|
|
|
+ if (state.directList.isEmpty && !state.isLoadingMore)
|
|
|
|
|
+ Padding(
|
|
|
|
|
+ padding: const EdgeInsets.symmetric(vertical: 32),
|
|
|
|
|
+ child: Center(
|
|
|
|
|
+ child: Text(
|
|
|
|
|
+ l10n.noData,
|
|
|
|
|
+ style: TextStyle(
|
|
|
|
|
+ color: _secondaryText(context),
|
|
|
|
|
+ fontSize: 14,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ )
|
|
|
|
|
+ else
|
|
|
|
|
+ _DirectTable(members: state.directList),
|
|
|
|
|
+ if (state.hasMore) ...[
|
|
|
|
|
+ const SizedBox(height: 16),
|
|
|
|
|
+ Center(
|
|
|
|
|
+ child: OutlinedButton(
|
|
|
|
|
+ onPressed: state.isLoadingMore
|
|
|
|
|
+ ? null
|
|
|
|
|
+ : () => ref.read(stakingTeamProvider.notifier).loadMore(),
|
|
|
|
|
+ style: OutlinedButton.styleFrom(
|
|
|
|
|
+ foregroundColor: _secondaryText(context),
|
|
|
|
|
+ side: BorderSide(color: _primaryText(context).withAlpha(40)),
|
|
|
|
|
+ shape: const StadiumBorder(),
|
|
|
|
|
+ ),
|
|
|
|
|
+ child: state.isLoadingMore
|
|
|
|
|
+ ? const SizedBox(
|
|
|
|
|
+ width: 18,
|
|
|
|
|
+ height: 18,
|
|
|
|
|
+ child: CircularProgressIndicator(strokeWidth: 2),
|
|
|
|
|
+ )
|
|
|
|
|
+ : Text(l10n.financeTeamLoadMore),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ],
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _NodeBanner extends StatelessWidget {
|
|
|
|
|
+ const _NodeBanner({required this.label, required this.value});
|
|
|
|
|
+
|
|
|
|
|
+ final String label;
|
|
|
|
|
+ final String value;
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context) {
|
|
|
|
|
+ return Container(
|
|
|
|
|
+ width: double.infinity,
|
|
|
|
|
+ padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 18),
|
|
|
|
|
+ decoration: BoxDecoration(
|
|
|
|
|
+ borderRadius: BorderRadius.circular(12),
|
|
|
|
|
+ gradient: const LinearGradient(
|
|
|
|
|
+ colors: [Color(0xFFC9A227), Color(0xFFE8C547), Color(0xFFC9A227)],
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ child: Row(
|
|
|
|
|
+ children: [
|
|
|
|
|
+ Expanded(
|
|
|
|
|
+ child: Text(
|
|
|
|
|
+ label,
|
|
|
|
|
+ style: const TextStyle(
|
|
|
|
|
+ color: Color(0xFF1A1408),
|
|
|
|
|
+ fontSize: 15,
|
|
|
|
|
+ fontWeight: FontWeight.w500,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ Text(
|
|
|
|
|
+ value,
|
|
|
|
|
+ style: const TextStyle(
|
|
|
|
|
+ color: Color(0xFF1A1408),
|
|
|
|
|
+ fontSize: 16,
|
|
|
|
|
+ fontWeight: FontWeight.w700,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _StatCard extends StatelessWidget {
|
|
|
|
|
+ const _StatCard({required this.label, required this.value});
|
|
|
|
|
+
|
|
|
|
|
+ final String label;
|
|
|
|
|
+ final String value;
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context) {
|
|
|
|
|
+ final bg = _isDark(context)
|
|
|
|
|
+ ? AppColors.darkBgSecondary
|
|
|
|
|
+ : Theme.of(context).colorScheme.surfaceContainerHighest;
|
|
|
|
|
+ return Container(
|
|
|
|
|
+ padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 16),
|
|
|
|
|
+ decoration: BoxDecoration(
|
|
|
|
|
+ color: bg,
|
|
|
|
|
+ borderRadius: BorderRadius.circular(12),
|
|
|
|
|
+ ),
|
|
|
|
|
+ child: Column(
|
|
|
|
|
+ mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
+ children: [
|
|
|
|
|
+ Text(
|
|
|
|
|
+ value,
|
|
|
|
|
+ style: const TextStyle(
|
|
|
|
|
+ color: AppColors.brand,
|
|
|
|
|
+ fontSize: 22,
|
|
|
|
|
+ fontWeight: FontWeight.w700,
|
|
|
|
|
+ fontFeatures: [FontFeature.tabularFigures()],
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ const SizedBox(height: 8),
|
|
|
|
|
+ Text(
|
|
|
|
|
+ label,
|
|
|
|
|
+ textAlign: TextAlign.center,
|
|
|
|
|
+ style: TextStyle(
|
|
|
|
|
+ color: _secondaryText(context),
|
|
|
|
|
+ fontSize: 13,
|
|
|
|
|
+ height: 1.35,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+class _DirectTable extends StatelessWidget {
|
|
|
|
|
+ const _DirectTable({required this.members});
|
|
|
|
|
+
|
|
|
|
|
+ final List<StakingDirectMember> members;
|
|
|
|
|
+
|
|
|
|
|
+ @override
|
|
|
|
|
+ Widget build(BuildContext context) {
|
|
|
|
|
+ final l10n = AppLocalizations.of(context)!;
|
|
|
|
|
+ return SingleChildScrollView(
|
|
|
|
|
+ scrollDirection: Axis.horizontal,
|
|
|
|
|
+ child: DataTable(
|
|
|
|
|
+ headingTextStyle: TextStyle(
|
|
|
|
|
+ color: _secondaryText(context),
|
|
|
|
|
+ fontSize: 12,
|
|
|
|
|
+ fontWeight: FontWeight.w400,
|
|
|
|
|
+ ),
|
|
|
|
|
+ dataTextStyle: TextStyle(
|
|
|
|
|
+ color: _primaryText(context),
|
|
|
|
|
+ fontSize: 13,
|
|
|
|
|
+ ),
|
|
|
|
|
+ columns: [
|
|
|
|
|
+ DataColumn(label: Text(l10n.financeDirectAddress)),
|
|
|
|
|
+ DataColumn(label: Text(l10n.financeLevelCol)),
|
|
|
|
|
+ DataColumn(label: Text(l10n.financeBuyAmountCol)),
|
|
|
|
|
+ DataColumn(label: Text(l10n.financeMyRewardCol)),
|
|
|
|
|
+ ],
|
|
|
|
|
+ rows: [
|
|
|
|
|
+ for (final row in members)
|
|
|
|
|
+ DataRow(
|
|
|
|
|
+ cells: [
|
|
|
|
|
+ DataCell(
|
|
|
|
|
+ SizedBox(
|
|
|
|
|
+ width: 120,
|
|
|
|
|
+ child: Text(
|
|
|
|
|
+ row.directAddress.isEmpty ? '—' : row.directAddress,
|
|
|
|
|
+ maxLines: 1,
|
|
|
|
|
+ overflow: TextOverflow.ellipsis,
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ ),
|
|
|
|
|
+ DataCell(Text(stakingNodeLevelLabel(l10n, row.level))),
|
|
|
|
|
+ DataCell(Text(_fmtNum(row.buyAmount))),
|
|
|
|
|
+ DataCell(Text(_fmtNum(row.reward))),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ ],
|
|
|
|
|
+ ),
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+}
|