555 lines
17 KiB
Dart
555 lines
17 KiB
Dart
import 'dart:io';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:flutter_svg/flutter_svg.dart';
|
||
import '../../../../core/di/injection_container.dart';
|
||
|
||
/// 挖矿状态枚举
|
||
enum MiningStatus {
|
||
pending, // 待开启
|
||
mining, // 挖矿中
|
||
paused, // 已暂停
|
||
}
|
||
|
||
/// 矿机页面 - 显示挖矿状态和控制
|
||
/// 展示用户序列号、社区信息和挖矿开关
|
||
class MiningPage extends ConsumerStatefulWidget {
|
||
const MiningPage({super.key});
|
||
|
||
@override
|
||
ConsumerState<MiningPage> createState() => _MiningPageState();
|
||
}
|
||
|
||
class _MiningPageState extends ConsumerState<MiningPage> {
|
||
// 当前挖矿状态
|
||
MiningStatus _miningStatus = MiningStatus.pending;
|
||
|
||
// 用户数据（从存储加载）
|
||
String _serialNumber = '--';
|
||
String? _avatarSvg;
|
||
String? _avatarUrl;
|
||
String? _localAvatarPath; // 本地头像文件路径
|
||
|
||
// 授权数据（从 authorization-service 获取）
|
||
String _community = '--';
|
||
String _province = '--';
|
||
String _city = '--';
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
// 先同步检查本地头像，再异步加载其他数据
|
||
_checkLocalAvatarSync();
|
||
_loadUserData();
|
||
_loadAuthorizationData();
|
||
}
|
||
|
||
/// 同步检查本地头像文件（在 build 之前快速获取）
|
||
void _checkLocalAvatarSync() {
|
||
WidgetsBinding.instance.addPostFrameCallback((_) async {
|
||
final accountService = ref.read(accountServiceProvider);
|
||
final localPath = await accountService.getLocalAvatarPath();
|
||
if (mounted && localPath != null && _localAvatarPath == null) {
|
||
setState(() {
|
||
_localAvatarPath = localPath;
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 加载用户数据
|
||
Future<void> _loadUserData() async {
|
||
final accountService = ref.read(accountServiceProvider);
|
||
|
||
// 并行加载所有数据
|
||
final results = await Future.wait([
|
||
accountService.getUserSerialNum(),
|
||
accountService.getAvatarSvg(),
|
||
accountService.getAvatarUrl(),
|
||
accountService.getLocalAvatarPath(),
|
||
]);
|
||
|
||
final serialNum = results[0] as int?;
|
||
final avatarSvg = results[1] as String?;
|
||
final avatarUrl = results[2] as String?;
|
||
final localAvatarPath = results[3] as String?;
|
||
|
||
if (mounted) {
|
||
setState(() {
|
||
_serialNumber = serialNum?.toString() ?? '--';
|
||
_avatarSvg = avatarSvg;
|
||
_avatarUrl = avatarUrl;
|
||
_localAvatarPath = localAvatarPath;
|
||
});
|
||
|
||
// 如果有远程URL但没有本地缓存，后台下载并缓存
|
||
if (avatarUrl != null && avatarUrl.isNotEmpty && localAvatarPath == null) {
|
||
_downloadAndCacheAvatar(avatarUrl);
|
||
}
|
||
}
|
||
}
|
||
|
||
/// 后台下载并缓存头像
|
||
Future<void> _downloadAndCacheAvatar(String url) async {
|
||
final accountService = ref.read(accountServiceProvider);
|
||
final localPath = await accountService.downloadAndCacheAvatar(url);
|
||
if (mounted && localPath != null) {
|
||
setState(() {
|
||
_localAvatarPath = localPath;
|
||
});
|
||
}
|
||
}
|
||
|
||
/// 加载授权数据（社区、省、市）
|
||
Future<void> _loadAuthorizationData() async {
|
||
try {
|
||
debugPrint('[MiningPage] 开始加载授权数据...');
|
||
final authorizationService = ref.read(authorizationServiceProvider);
|
||
final summary = await authorizationService.getMyAuthorizationSummary();
|
||
|
||
if (mounted) {
|
||
setState(() {
|
||
_community = summary.communityName ?? '--';
|
||
_city = summary.cityCompanyName ?? '--';
|
||
_province = summary.provinceCompanyName ?? '--';
|
||
});
|
||
debugPrint('[MiningPage] 授权数据加载成功:');
|
||
debugPrint('[MiningPage] 社区: $_community');
|
||
debugPrint('[MiningPage] 市公司: $_city');
|
||
debugPrint('[MiningPage] 省公司: $_province');
|
||
}
|
||
} catch (e, stackTrace) {
|
||
debugPrint('[MiningPage] 加载授权数据失败: $e');
|
||
debugPrint('[MiningPage] 堆栈: $stackTrace');
|
||
// 失败时保持默认值 '--'
|
||
}
|
||
}
|
||
|
||
/// 显示帮助信息
|
||
void _showHelpInfo() {
|
||
showDialog(
|
||
context: context,
|
||
builder: (context) => AlertDialog(
|
||
title: const Text('矿机说明'),
|
||
content: const Text('矿机是您参与挖矿的核心工具。\n\n'
|
||
'开启挖矿后，您将开始获得收益。\n\n'
|
||
'收益与您的算力和团队规模相关。'),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(context),
|
||
child: const Text('知道了'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 切换挖矿状态
|
||
void _toggleMining() {
|
||
setState(() {
|
||
if (_miningStatus == MiningStatus.pending) {
|
||
_miningStatus = MiningStatus.mining;
|
||
} else if (_miningStatus == MiningStatus.mining) {
|
||
_miningStatus = MiningStatus.paused;
|
||
} else {
|
||
_miningStatus = MiningStatus.mining;
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 获取状态文本
|
||
String _getStatusText() {
|
||
switch (_miningStatus) {
|
||
case MiningStatus.pending:
|
||
return '挖矿待开启';
|
||
case MiningStatus.mining:
|
||
return '挖矿中';
|
||
case MiningStatus.paused:
|
||
return '挖矿已暂停';
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: Colors.white,
|
||
body: Container(
|
||
width: double.infinity,
|
||
height: double.infinity,
|
||
decoration: const BoxDecoration(
|
||
gradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [
|
||
Color(0xFFFFF5E6),
|
||
Color(0xFFFFE4B5),
|
||
],
|
||
),
|
||
),
|
||
child: SafeArea(
|
||
child: Column(
|
||
children: [
|
||
// 顶部标题栏
|
||
_buildAppBar(),
|
||
// 用户信息区域
|
||
_buildUserInfo(),
|
||
const SizedBox(height: 24),
|
||
// 挖矿状态区域
|
||
Expanded(
|
||
child: _buildMiningStatusArea(),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建顶部标题栏
|
||
Widget _buildAppBar() {
|
||
return Container(
|
||
height: 56,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Row(
|
||
children: [
|
||
// 占位
|
||
const SizedBox(width: 48),
|
||
// 标题
|
||
const Expanded(
|
||
child: Text(
|
||
'矿机',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontFamily: 'Inter',
|
||
fontWeight: FontWeight.w700,
|
||
height: 1.25,
|
||
letterSpacing: -0.27,
|
||
color: Color(0xFF5D4037),
|
||
),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
// 帮助按钮
|
||
GestureDetector(
|
||
onTap: _showHelpInfo,
|
||
child: Container(
|
||
width: 48,
|
||
height: 48,
|
||
alignment: Alignment.center,
|
||
child: Container(
|
||
width: 24,
|
||
height: 24,
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
border: Border.all(
|
||
color: const Color(0xFF8B5A2B),
|
||
width: 2,
|
||
),
|
||
),
|
||
child: const Center(
|
||
child: Text(
|
||
'i',
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: Color(0xFF8B5A2B),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建用户信息区域
|
||
Widget _buildUserInfo() {
|
||
// 构建省市显示文本
|
||
String locationText = '';
|
||
if (_province != '--' && _city != '--') {
|
||
locationText = '$_province · $_city';
|
||
} else if (_province != '--') {
|
||
locationText = _province;
|
||
} else if (_city != '--') {
|
||
locationText = _city;
|
||
}
|
||
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Row(
|
||
children: [
|
||
// 头像
|
||
Container(
|
||
width: 80,
|
||
height: 80,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(40),
|
||
color: const Color(0xFFFFF5E6),
|
||
),
|
||
child: ClipRRect(
|
||
borderRadius: BorderRadius.circular(40),
|
||
child: _buildAvatarContent(),
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
// 用户信息
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
'序列号$_serialNumber',
|
||
style: const TextStyle(
|
||
fontSize: 20,
|
||
fontFamily: 'Inter',
|
||
fontWeight: FontWeight.w700,
|
||
height: 1.25,
|
||
letterSpacing: -0.3,
|
||
color: Color(0xFF5D4037),
|
||
),
|
||
),
|
||
const SizedBox(height: 4),
|
||
Text(
|
||
'社区: $_community${locationText.isNotEmpty ? ' / $locationText' : ''}',
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontFamily: 'Inter',
|
||
height: 1.5,
|
||
color: Color(0xFF8B5A2B),
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建挖矿状态区域
|
||
Widget _buildMiningStatusArea() {
|
||
return Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Container(
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(
|
||
color: const Color(0x66FFFFFF),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
// 挖矿开关按钮
|
||
GestureDetector(
|
||
onTap: _toggleMining,
|
||
child: Container(
|
||
width: 100,
|
||
height: 100,
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
color: _miningStatus == MiningStatus.mining
|
||
? const Color(0xFFD4AF37)
|
||
: Colors.transparent,
|
||
border: Border.all(
|
||
color: _miningStatus == MiningStatus.mining
|
||
? const Color(0xFFD4AF37)
|
||
: const Color(0xFFD4AF37).withOpacity(0.5),
|
||
width: 3,
|
||
),
|
||
),
|
||
child: Icon(
|
||
Icons.power_settings_new,
|
||
size: 48,
|
||
color: _miningStatus == MiningStatus.mining
|
||
? Colors.white
|
||
: const Color(0xFFD4AF37).withOpacity(0.5),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
// 状态文本
|
||
Text(
|
||
_getStatusText(),
|
||
style: const TextStyle(
|
||
fontSize: 18,
|
||
fontFamily: 'Inter',
|
||
fontWeight: FontWeight.w500,
|
||
height: 1.56,
|
||
color: Color(0xFF8B5A2B),
|
||
),
|
||
),
|
||
// 挖矿中显示额外信息
|
||
if (_miningStatus == MiningStatus.mining) ...[
|
||
const SizedBox(height: 24),
|
||
_buildMiningStats(),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建挖矿统计信息
|
||
Widget _buildMiningStats() {
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
margin: const EdgeInsets.symmetric(horizontal: 16),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0x33D4AF37),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
_buildStatRow('个人算力', '100 H/s'),
|
||
const SizedBox(height: 8),
|
||
_buildStatRow('团队算力', '1,000 H/s'),
|
||
const SizedBox(height: 8),
|
||
_buildStatRow('今日收益', '0.00 DST'),
|
||
const SizedBox(height: 8),
|
||
_buildStatRow('累计收益', '0.00 DST'),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建统计行
|
||
Widget _buildStatRow(String label, String value) {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text(
|
||
label,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontFamily: 'Inter',
|
||
height: 1.5,
|
||
color: Color(0xFF8B5A2B),
|
||
),
|
||
),
|
||
Text(
|
||
value,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontFamily: 'Inter',
|
||
fontWeight: FontWeight.w600,
|
||
height: 1.5,
|
||
color: Color(0xFF5D4037),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 构建头像内容（优先本地文件，其次网络URL，最后SVG）
|
||
Widget _buildAvatarContent() {
|
||
// 1. 优先显示本地缓存的头像文件
|
||
if (_localAvatarPath != null && _localAvatarPath!.isNotEmpty) {
|
||
final file = File(_localAvatarPath!);
|
||
// 同步检查文件是否存在
|
||
if (file.existsSync()) {
|
||
return Image.file(
|
||
file,
|
||
width: 80,
|
||
height: 80,
|
||
fit: BoxFit.cover,
|
||
gaplessPlayback: true, // 防止图片切换时闪烁
|
||
errorBuilder: (context, error, stackTrace) {
|
||
// 本地文件加载失败，尝试网络URL
|
||
return _buildNetworkOrSvgAvatar();
|
||
},
|
||
);
|
||
}
|
||
}
|
||
|
||
// 2. 没有本地缓存，尝试网络URL或SVG
|
||
return _buildNetworkOrSvgAvatar();
|
||
}
|
||
|
||
/// 构建网络URL或SVG头像
|
||
Widget _buildNetworkOrSvgAvatar() {
|
||
// 尝试显示网络图片URL
|
||
if (_avatarUrl != null && _avatarUrl!.isNotEmpty) {
|
||
return Image.network(
|
||
_avatarUrl!,
|
||
width: 80,
|
||
height: 80,
|
||
fit: BoxFit.cover,
|
||
loadingBuilder: (context, child, loadingProgress) {
|
||
if (loadingProgress == null) return child;
|
||
return const Center(
|
||
child: SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(Color(0xFFD4AF37)),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
errorBuilder: (context, error, stackTrace) {
|
||
// 加载失败时显示SVG或默认头像
|
||
return _buildSvgOrDefaultAvatar();
|
||
},
|
||
);
|
||
}
|
||
|
||
// 显示SVG或默认头像
|
||
return _buildSvgOrDefaultAvatar();
|
||
}
|
||
|
||
/// 构建SVG或默认头像
|
||
/// 注意：_avatarSvg 可能存储的是 URL（用户上传的图片）或 SVG 字符串（随机生成的头像）
|
||
Widget _buildSvgOrDefaultAvatar() {
|
||
if (_avatarSvg != null && _avatarSvg!.isNotEmpty) {
|
||
// 检测是否是 URL（用户上传的头像图片）
|
||
if (_avatarSvg!.startsWith('http://') || _avatarSvg!.startsWith('https://')) {
|
||
return Image.network(
|
||
_avatarSvg!,
|
||
width: 80,
|
||
height: 80,
|
||
fit: BoxFit.cover,
|
||
loadingBuilder: (context, child, loadingProgress) {
|
||
if (loadingProgress == null) return child;
|
||
return const Center(
|
||
child: SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: CircularProgressIndicator(
|
||
strokeWidth: 2,
|
||
valueColor: AlwaysStoppedAnimation<Color>(Color(0xFFD4AF37)),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
errorBuilder: (context, error, stackTrace) {
|
||
return const Icon(
|
||
Icons.person,
|
||
size: 40,
|
||
color: Color(0xFF8B5A2B),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
// 检测是否是 SVG 字符串（随机生成的 SVG 头像）
|
||
if (_avatarSvg!.contains('<svg') || _avatarSvg!.startsWith('<?xml')) {
|
||
return SvgPicture.string(
|
||
_avatarSvg!,
|
||
width: 80,
|
||
height: 80,
|
||
fit: BoxFit.cover,
|
||
);
|
||
}
|
||
}
|
||
return const Icon(
|
||
Icons.person,
|
||
size: 40,
|
||
color: Color(0xFF8B5A2B),
|
||
);
|
||
}
|
||
}
|