1854 lines
57 KiB
Dart
1854 lines
57 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import '../../../core/utils/responsive_utils.dart';
|
|||
|
|
import '../../../shared/widgets/custom_app_bar.dart';
|
|||
|
|
import '../../../shared/widgets/loading_widget.dart';
|
|||
|
|
|
|||
|
|
class StudyPlanScreen extends ConsumerStatefulWidget {
|
|||
|
|
const StudyPlanScreen({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
ConsumerState<StudyPlanScreen> createState() => _StudyPlanScreenState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _StudyPlanScreenState extends ConsumerState<StudyPlanScreen>
|
|||
|
|
with TickerProviderStateMixin {
|
|||
|
|
late TabController _tabController;
|
|||
|
|
bool _isLoading = false;
|
|||
|
|
|
|||
|
|
List<StudyPlan> _studyPlans = [];
|
|||
|
|
StudyPlan? _currentPlan;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_tabController = TabController(length: 3, vsync: this);
|
|||
|
|
_loadStudyPlans();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_tabController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final isMobile = ResponsiveUtils.isMobile(context);
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: CustomAppBar(
|
|||
|
|
title: '学习计划',
|
|||
|
|
actions: [
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(Icons.add),
|
|||
|
|
onPressed: _showCreatePlanDialog,
|
|||
|
|
),
|
|||
|
|
PopupMenuButton<String>(
|
|||
|
|
icon: const Icon(Icons.more_vert),
|
|||
|
|
onSelected: _handleMenuAction,
|
|||
|
|
itemBuilder: (context) => [
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'templates',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.library_books),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('计划模板'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'statistics',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.analytics),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('学习统计'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'settings',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.settings),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('设置'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
body: Column(
|
|||
|
|
children: [
|
|||
|
|
_buildTabBar(context, isMobile),
|
|||
|
|
Expanded(
|
|||
|
|
child: TabBarView(
|
|||
|
|
controller: _tabController,
|
|||
|
|
children: [
|
|||
|
|
_buildCurrentPlanTab(context, isMobile),
|
|||
|
|
_buildAllPlansTab(context, isMobile),
|
|||
|
|
_buildProgressTab(context, isMobile),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
floatingActionButton: FloatingActionButton(
|
|||
|
|
onPressed: _showCreatePlanDialog,
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
child: const Icon(Icons.add, color: Colors.white),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildTabBar(BuildContext context, bool isMobile) {
|
|||
|
|
return Container(
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
border: Border(
|
|||
|
|
bottom: BorderSide(color: Colors.grey.shade200),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: TabBar(
|
|||
|
|
controller: _tabController,
|
|||
|
|
labelColor: Colors.blue,
|
|||
|
|
unselectedLabelColor: Colors.grey,
|
|||
|
|
indicatorColor: Colors.blue,
|
|||
|
|
tabs: const [
|
|||
|
|
Tab(
|
|||
|
|
icon: Icon(Icons.today),
|
|||
|
|
text: '当前计划',
|
|||
|
|
),
|
|||
|
|
Tab(
|
|||
|
|
icon: Icon(Icons.list),
|
|||
|
|
text: '所有计划',
|
|||
|
|
),
|
|||
|
|
Tab(
|
|||
|
|
icon: Icon(Icons.trending_up),
|
|||
|
|
text: '学习进度',
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildCurrentPlanTab(BuildContext context, bool isMobile) {
|
|||
|
|
if (_isLoading) {
|
|||
|
|
return const LoadingWidget();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (_currentPlan == null) {
|
|||
|
|
return _buildNoPlanState(context, isMobile);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 24.0),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
_buildCurrentPlanHeader(context, _currentPlan!, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildTodayTasks(context, _currentPlan!, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildWeeklyProgress(context, _currentPlan!, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildQuickActions(context, isMobile),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildAllPlansTab(BuildContext context, bool isMobile) {
|
|||
|
|
if (_isLoading) {
|
|||
|
|
return const LoadingWidget();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (_studyPlans.isEmpty) {
|
|||
|
|
return _buildEmptyPlansState(context, isMobile);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return ListView.builder(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 24.0),
|
|||
|
|
itemCount: _studyPlans.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final plan = _studyPlans[index];
|
|||
|
|
return _buildPlanCard(context, plan, isMobile);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildProgressTab(BuildContext context, bool isMobile) {
|
|||
|
|
if (_isLoading) {
|
|||
|
|
return const LoadingWidget();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return SingleChildScrollView(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 24.0),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
_buildOverallProgress(context, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildWeeklyChart(context, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildMonthlyStats(context, isMobile),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
_buildAchievements(context, isMobile),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildCurrentPlanHeader(BuildContext context, StudyPlan plan, bool isMobile) {
|
|||
|
|
final progress = plan.completedTasks / plan.totalTasks;
|
|||
|
|
|
|||
|
|
return Card(
|
|||
|
|
elevation: 4,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(16),
|
|||
|
|
),
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 20.0 : 24.0),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
gradient: LinearGradient(
|
|||
|
|
colors: [Colors.blue.shade400, Colors.blue.shade600],
|
|||
|
|
begin: Alignment.topLeft,
|
|||
|
|
end: Alignment.bottomRight,
|
|||
|
|
),
|
|||
|
|
borderRadius: BorderRadius.circular(16),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
plan.title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: isMobile ? 20 : 24,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
plan.description,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white.withOpacity(0.9),
|
|||
|
|
fontSize: isMobile ? 14 : 16,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(12),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white.withOpacity(0.2),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Icon(
|
|||
|
|
_getPlanTypeIcon(plan.type),
|
|||
|
|
color: Colors.white,
|
|||
|
|
size: isMobile ? 28 : 32,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 20),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'总体进度',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white.withOpacity(0.9),
|
|||
|
|
fontSize: isMobile ? 14 : 16,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
LinearProgressIndicator(
|
|||
|
|
value: progress,
|
|||
|
|
backgroundColor: Colors.white.withOpacity(0.3),
|
|||
|
|
valueColor: const AlwaysStoppedAnimation<Color>(Colors.white),
|
|||
|
|
minHeight: 6,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
'${(progress * 100).toInt()}% (${plan.completedTasks}/${plan.totalTasks})',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 20),
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'剩余天数',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white.withOpacity(0.9),
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
'${plan.endDate.difference(DateTime.now()).inDays}',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: isMobile ? 24 : 28,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildTodayTasks(BuildContext context, StudyPlan plan, bool isMobile) {
|
|||
|
|
final todayTasks = plan.tasks.where((task) {
|
|||
|
|
final today = DateTime.now();
|
|||
|
|
return task.dueDate.year == today.year &&
|
|||
|
|
task.dueDate.month == today.month &&
|
|||
|
|
task.dueDate.day == today.day;
|
|||
|
|
}).toList();
|
|||
|
|
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.today,
|
|||
|
|
color: Colors.blue[700],
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Text(
|
|||
|
|
'今日任务',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const Spacer(),
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.blue.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(20),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'${todayTasks.where((t) => t.isCompleted).length}/${todayTasks.length}',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: Colors.blue[700],
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
if (todayTasks.isEmpty)
|
|||
|
|
Container(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 20.0 : 24.0),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.green.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
border: Border.all(color: Colors.green.withOpacity(0.3)),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.check_circle,
|
|||
|
|
color: Colors.green[600],
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
'今日无任务，您可以休息或提前学习明天的内容',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 14 : 16,
|
|||
|
|
color: Colors.green[700],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
else
|
|||
|
|
...todayTasks.map((task) => _buildTaskCard(context, task, isMobile)),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildTaskCard(BuildContext context, StudyTask task, bool isMobile) {
|
|||
|
|
return Container(
|
|||
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|||
|
|
child: Card(
|
|||
|
|
elevation: 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: InkWell(
|
|||
|
|
onTap: () => _toggleTaskCompletion(task),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 20.0),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
width: 24,
|
|||
|
|
height: 24,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
color: task.isCompleted ? Colors.green : Colors.transparent,
|
|||
|
|
border: Border.all(
|
|||
|
|
color: task.isCompleted ? Colors.green : Colors.grey[400]!,
|
|||
|
|
width: 2,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: task.isCompleted
|
|||
|
|
? const Icon(
|
|||
|
|
Icons.check,
|
|||
|
|
color: Colors.white,
|
|||
|
|
size: 16,
|
|||
|
|
)
|
|||
|
|
: null,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 16),
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
task.title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
fontWeight: FontWeight.w600,
|
|||
|
|
color: task.isCompleted ? Colors.grey[500] : Colors.grey[800],
|
|||
|
|
decoration: task.isCompleted ? TextDecoration.lineThrough : null,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (task.description.isNotEmpty) ...[
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
task.description,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 14 : 16,
|
|||
|
|
color: task.isCompleted ? Colors.grey[400] : Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
_buildTaskTypeChip(task.type, isMobile),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
if (task.estimatedMinutes > 0)
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.orange.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.access_time,
|
|||
|
|
size: 12,
|
|||
|
|
color: Colors.orange[700],
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 4),
|
|||
|
|
Text(
|
|||
|
|
'${task.estimatedMinutes}分钟',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: Colors.orange[700],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (!task.isCompleted)
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(Icons.play_arrow),
|
|||
|
|
onPressed: () => _startTask(task),
|
|||
|
|
color: Colors.blue,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildTaskTypeChip(TaskType type, bool isMobile) {
|
|||
|
|
Color color;
|
|||
|
|
String text;
|
|||
|
|
IconData icon;
|
|||
|
|
|
|||
|
|
switch (type) {
|
|||
|
|
case TaskType.vocabulary:
|
|||
|
|
color = Colors.blue;
|
|||
|
|
text = '词汇';
|
|||
|
|
icon = Icons.book;
|
|||
|
|
break;
|
|||
|
|
case TaskType.reading:
|
|||
|
|
color = Colors.green;
|
|||
|
|
text = '阅读';
|
|||
|
|
icon = Icons.article;
|
|||
|
|
break;
|
|||
|
|
case TaskType.listening:
|
|||
|
|
color = Colors.purple;
|
|||
|
|
text = '听力';
|
|||
|
|
icon = Icons.headphones;
|
|||
|
|
break;
|
|||
|
|
case TaskType.speaking:
|
|||
|
|
color = Colors.orange;
|
|||
|
|
text = '口语';
|
|||
|
|
icon = Icons.mic;
|
|||
|
|
break;
|
|||
|
|
case TaskType.writing:
|
|||
|
|
color = Colors.red;
|
|||
|
|
text = '写作';
|
|||
|
|
icon = Icons.edit;
|
|||
|
|
break;
|
|||
|
|
case TaskType.review:
|
|||
|
|
color = Colors.teal;
|
|||
|
|
text = '复习';
|
|||
|
|
icon = Icons.refresh;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: color.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
Icon(icon, size: 12, color: color),
|
|||
|
|
const SizedBox(width: 4),
|
|||
|
|
Text(
|
|||
|
|
text,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: color,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildWeeklyProgress(BuildContext context, StudyPlan plan, bool isMobile) {
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.calendar_view_week,
|
|||
|
|
color: Colors.blue[700],
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Text(
|
|||
|
|
'本周进度',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Card(
|
|||
|
|
elevation: 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 20.0),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|||
|
|
children: List.generate(7, (index) {
|
|||
|
|
final date = DateTime.now().subtract(Duration(days: 6 - index));
|
|||
|
|
final dayName = ['一', '二', '三', '四', '五', '六', '日'][date.weekday - 1];
|
|||
|
|
final isToday = date.day == DateTime.now().day;
|
|||
|
|
final hasTask = plan.tasks.any((task) =>
|
|||
|
|
task.dueDate.year == date.year &&
|
|||
|
|
task.dueDate.month == date.month &&
|
|||
|
|
task.dueDate.day == date.day);
|
|||
|
|
final isCompleted = hasTask && plan.tasks
|
|||
|
|
.where((task) =>
|
|||
|
|
task.dueDate.year == date.year &&
|
|||
|
|
task.dueDate.month == date.month &&
|
|||
|
|
task.dueDate.day == date.day)
|
|||
|
|
.every((task) => task.isCompleted);
|
|||
|
|
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
dayName,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: isToday ? Colors.blue : Colors.grey[600],
|
|||
|
|
fontWeight: isToday ? FontWeight.bold : FontWeight.normal,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Container(
|
|||
|
|
width: 32,
|
|||
|
|
height: 32,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
color: isCompleted
|
|||
|
|
? Colors.green
|
|||
|
|
: hasTask
|
|||
|
|
? Colors.orange.withOpacity(0.3)
|
|||
|
|
: Colors.grey.withOpacity(0.2),
|
|||
|
|
border: isToday
|
|||
|
|
? Border.all(color: Colors.blue, width: 2)
|
|||
|
|
: null,
|
|||
|
|
),
|
|||
|
|
child: Center(
|
|||
|
|
child: isCompleted
|
|||
|
|
? const Icon(
|
|||
|
|
Icons.check,
|
|||
|
|
color: Colors.white,
|
|||
|
|
size: 16,
|
|||
|
|
)
|
|||
|
|
: hasTask
|
|||
|
|
? Icon(
|
|||
|
|
Icons.circle,
|
|||
|
|
color: Colors.orange,
|
|||
|
|
size: 8,
|
|||
|
|
)
|
|||
|
|
: null,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
'${date.day}',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 10,
|
|||
|
|
color: Colors.grey[500],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildQuickActions(BuildContext context, bool isMobile) {
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'快速操作',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
GridView.count(
|
|||
|
|
shrinkWrap: true,
|
|||
|
|
physics: const NeverScrollableScrollPhysics(),
|
|||
|
|
crossAxisCount: isMobile ? 2 : 4,
|
|||
|
|
mainAxisSpacing: 12,
|
|||
|
|
crossAxisSpacing: 12,
|
|||
|
|
childAspectRatio: isMobile ? 1.2 : 1.0,
|
|||
|
|
children: [
|
|||
|
|
_buildQuickActionCard(
|
|||
|
|
context,
|
|||
|
|
'开始学习',
|
|||
|
|
Icons.play_arrow,
|
|||
|
|
Colors.green,
|
|||
|
|
() => _startStudySession(),
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
_buildQuickActionCard(
|
|||
|
|
context,
|
|||
|
|
'复习单词',
|
|||
|
|
Icons.refresh,
|
|||
|
|
Colors.blue,
|
|||
|
|
() => _startReview(),
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
_buildQuickActionCard(
|
|||
|
|
context,
|
|||
|
|
'查看统计',
|
|||
|
|
Icons.analytics,
|
|||
|
|
Colors.purple,
|
|||
|
|
() => _showStatistics(),
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
_buildQuickActionCard(
|
|||
|
|
context,
|
|||
|
|
'调整计划',
|
|||
|
|
Icons.edit,
|
|||
|
|
Colors.orange,
|
|||
|
|
() => _editCurrentPlan(),
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildQuickActionCard(
|
|||
|
|
BuildContext context,
|
|||
|
|
String title,
|
|||
|
|
IconData icon,
|
|||
|
|
Color color,
|
|||
|
|
VoidCallback onTap,
|
|||
|
|
bool isMobile,
|
|||
|
|
) {
|
|||
|
|
return Card(
|
|||
|
|
elevation: 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: InkWell(
|
|||
|
|
onTap: onTap,
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 12.0 : 16.0),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(12),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: color.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Icon(
|
|||
|
|
icon,
|
|||
|
|
color: color,
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
fontWeight: FontWeight.w600,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildPlanCard(BuildContext context, StudyPlan plan, bool isMobile) {
|
|||
|
|
final progress = plan.completedTasks / plan.totalTasks;
|
|||
|
|
final isActive = plan == _currentPlan;
|
|||
|
|
|
|||
|
|
return Container(
|
|||
|
|
margin: const EdgeInsets.only(bottom: 16),
|
|||
|
|
child: Card(
|
|||
|
|
elevation: isActive ? 4 : 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
side: isActive
|
|||
|
|
? BorderSide(color: Colors.blue, width: 2)
|
|||
|
|
: BorderSide.none,
|
|||
|
|
),
|
|||
|
|
child: InkWell(
|
|||
|
|
onTap: () => _selectPlan(plan),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 20.0),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(8),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: _getPlanTypeColor(plan.type).withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
),
|
|||
|
|
child: Icon(
|
|||
|
|
_getPlanTypeIcon(plan.type),
|
|||
|
|
color: _getPlanTypeColor(plan.type),
|
|||
|
|
size: isMobile ? 20 : 24,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
plan.title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (isActive)
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
horizontal: 8,
|
|||
|
|
vertical: 4,
|
|||
|
|
),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.blue,
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: const Text(
|
|||
|
|
'当前',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: 10,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
plan.description,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 14 : 16,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
maxLines: 2,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
PopupMenuButton<String>(
|
|||
|
|
icon: Icon(
|
|||
|
|
Icons.more_vert,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
onSelected: (value) => _handlePlanAction(value, plan),
|
|||
|
|
itemBuilder: (context) => [
|
|||
|
|
if (!isActive)
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'activate',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.play_arrow, size: 18),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('设为当前'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'edit',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.edit, size: 18),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('编辑'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'duplicate',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.copy, size: 18),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('复制'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const PopupMenuItem(
|
|||
|
|
value: 'delete',
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(Icons.delete, size: 18, color: Colors.red),
|
|||
|
|
SizedBox(width: 8),
|
|||
|
|
Text('删除', style: TextStyle(color: Colors.red)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'进度',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
LinearProgressIndicator(
|
|||
|
|
value: progress,
|
|||
|
|
backgroundColor: Colors.grey[300],
|
|||
|
|
valueColor: AlwaysStoppedAnimation<Color>(
|
|||
|
|
_getPlanTypeColor(plan.type),
|
|||
|
|
),
|
|||
|
|
minHeight: 4,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
'${(progress * 100).toInt()}% (${plan.completedTasks}/${plan.totalTasks})',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 16),
|
|||
|
|
Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'剩余',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
'${plan.endDate.difference(DateTime.now()).inDays}天',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildOverallProgress(BuildContext context, bool isMobile) {
|
|||
|
|
return Card(
|
|||
|
|
elevation: 4,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(16),
|
|||
|
|
),
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 20.0 : 24.0),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
gradient: LinearGradient(
|
|||
|
|
colors: [Colors.purple.shade400, Colors.purple.shade600],
|
|||
|
|
begin: Alignment.topLeft,
|
|||
|
|
end: Alignment.bottomRight,
|
|||
|
|
),
|
|||
|
|
borderRadius: BorderRadius.circular(16),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.trending_up,
|
|||
|
|
color: Colors.white,
|
|||
|
|
size: isMobile ? 28 : 32,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
'学习统计',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: isMobile ? 20 : 24,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 20),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildStatItem('连续学习', '7天', Icons.local_fire_department, isMobile),
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildStatItem('总学习时长', '45小时', Icons.access_time, isMobile),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildStatItem('掌握单词', '328个', Icons.book, isMobile),
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildStatItem('完成任务', '156个', Icons.check_circle, isMobile),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildStatItem(String label, String value, IconData icon, bool isMobile) {
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
icon,
|
|||
|
|
color: Colors.white.withOpacity(0.8),
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
value,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Colors.white.withOpacity(0.8),
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildWeeklyChart(BuildContext context, bool isMobile) {
|
|||
|
|
return Card(
|
|||
|
|
elevation: 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 20.0),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'本周学习时长',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 20),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 200,
|
|||
|
|
child: Center(
|
|||
|
|
child: Text(
|
|||
|
|
'图表组件开发中...',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
color: Colors.grey[500],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildMonthlyStats(BuildContext context, bool isMobile) {
|
|||
|
|
return Card(
|
|||
|
|
elevation: 2,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 16.0 : 20.0),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'月度统计',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildMonthlyStatCard(
|
|||
|
|
'学习天数',
|
|||
|
|
'23/30',
|
|||
|
|
Icons.calendar_today,
|
|||
|
|
Colors.blue,
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildMonthlyStatCard(
|
|||
|
|
'平均时长',
|
|||
|
|
'1.8小时',
|
|||
|
|
Icons.access_time,
|
|||
|
|
Colors.green,
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildMonthlyStatCard(
|
|||
|
|
'新学单词',
|
|||
|
|
'156个',
|
|||
|
|
Icons.add_circle,
|
|||
|
|
Colors.orange,
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: _buildMonthlyStatCard(
|
|||
|
|
'复习次数',
|
|||
|
|
'89次',
|
|||
|
|
Icons.refresh,
|
|||
|
|
Colors.purple,
|
|||
|
|
isMobile,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildMonthlyStatCard(
|
|||
|
|
String label,
|
|||
|
|
String value,
|
|||
|
|
IconData icon,
|
|||
|
|
Color color,
|
|||
|
|
bool isMobile,
|
|||
|
|
) {
|
|||
|
|
return Container(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 12.0 : 16.0),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: color.withOpacity(0.1),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
icon,
|
|||
|
|
color: color,
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
value,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: color,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildAchievements(BuildContext context, bool isMobile) {
|
|||
|
|
final achievements = [
|
|||
|
|
Achievement(
|
|||
|
|
title: '连续学习7天',
|
|||
|
|
description: '坚持每天学习，养成良好习惯',
|
|||
|
|
icon: Icons.local_fire_department,
|
|||
|
|
color: Colors.red,
|
|||
|
|
isUnlocked: true,
|
|||
|
|
),
|
|||
|
|
Achievement(
|
|||
|
|
title: '掌握100个单词',
|
|||
|
|
description: '词汇量达到新的里程碑',
|
|||
|
|
icon: Icons.book,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
isUnlocked: true,
|
|||
|
|
),
|
|||
|
|
Achievement(
|
|||
|
|
title: '学习时长达到50小时',
|
|||
|
|
description: '累计学习时间的重要节点',
|
|||
|
|
icon: Icons.access_time,
|
|||
|
|
color: Colors.green,
|
|||
|
|
isUnlocked: false,
|
|||
|
|
),
|
|||
|
|
Achievement(
|
|||
|
|
title: '完成第一个学习计划',
|
|||
|
|
description: '成功完成制定的学习目标',
|
|||
|
|
icon: Icons.emoji_events,
|
|||
|
|
color: Colors.orange,
|
|||
|
|
isUnlocked: false,
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
'成就徽章',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 18 : 20,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[800],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
GridView.builder(
|
|||
|
|
shrinkWrap: true,
|
|||
|
|
physics: const NeverScrollableScrollPhysics(),
|
|||
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|||
|
|
crossAxisCount: isMobile ? 2 : 4,
|
|||
|
|
mainAxisSpacing: 12,
|
|||
|
|
crossAxisSpacing: 12,
|
|||
|
|
childAspectRatio: 1.0,
|
|||
|
|
),
|
|||
|
|
itemCount: achievements.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final achievement = achievements[index];
|
|||
|
|
return _buildAchievementCard(context, achievement, isMobile);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildAchievementCard(BuildContext context, Achievement achievement, bool isMobile) {
|
|||
|
|
return Card(
|
|||
|
|
elevation: achievement.isUnlocked ? 4 : 1,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 12.0 : 16.0),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
color: achievement.isUnlocked
|
|||
|
|
? achievement.color.withOpacity(0.1)
|
|||
|
|
: Colors.grey.withOpacity(0.05),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(12),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
color: achievement.isUnlocked
|
|||
|
|
? achievement.color
|
|||
|
|
: Colors.grey.withOpacity(0.3),
|
|||
|
|
),
|
|||
|
|
child: Icon(
|
|||
|
|
achievement.icon,
|
|||
|
|
color: achievement.isUnlocked ? Colors.white : Colors.grey,
|
|||
|
|
size: isMobile ? 24 : 28,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
achievement.title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 12 : 14,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: achievement.isUnlocked
|
|||
|
|
? Colors.grey[800]
|
|||
|
|
: Colors.grey[500],
|
|||
|
|
),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
maxLines: 2,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
achievement.description,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 10,
|
|||
|
|
color: achievement.isUnlocked
|
|||
|
|
? Colors.grey[600]
|
|||
|
|
: Colors.grey[400],
|
|||
|
|
),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
maxLines: 2,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildNoPlanState(BuildContext context, bool isMobile) {
|
|||
|
|
return Center(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 32.0 : 48.0),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.assignment,
|
|||
|
|
size: isMobile ? 80 : 100,
|
|||
|
|
color: Colors.grey[400],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
Text(
|
|||
|
|
'暂无学习计划',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 20 : 24,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
Text(
|
|||
|
|
'创建您的第一个学习计划，开始高效学习之旅',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
color: Colors.grey[500],
|
|||
|
|
),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 32),
|
|||
|
|
ElevatedButton.icon(
|
|||
|
|
onPressed: _showCreatePlanDialog,
|
|||
|
|
icon: const Icon(Icons.add),
|
|||
|
|
label: const Text('创建计划'),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
foregroundColor: Colors.white,
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: isMobile ? 24 : 32,
|
|||
|
|
vertical: isMobile ? 12 : 16,
|
|||
|
|
),
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(25),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildEmptyPlansState(BuildContext context, bool isMobile) {
|
|||
|
|
return Center(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(isMobile ? 32.0 : 48.0),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.list_alt,
|
|||
|
|
size: isMobile ? 80 : 100,
|
|||
|
|
color: Colors.grey[400],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 24),
|
|||
|
|
Text(
|
|||
|
|
'暂无学习计划',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 20 : 24,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.grey[600],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
Text(
|
|||
|
|
'创建学习计划，制定个性化的学习目标',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: isMobile ? 16 : 18,
|
|||
|
|
color: Colors.grey[500],
|
|||
|
|
),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 32),
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
ElevatedButton.icon(
|
|||
|
|
onPressed: _showCreatePlanDialog,
|
|||
|
|
icon: const Icon(Icons.add),
|
|||
|
|
label: const Text('创建计划'),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
foregroundColor: Colors.white,
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: isMobile ? 20 : 24,
|
|||
|
|
vertical: isMobile ? 12 : 16,
|
|||
|
|
),
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(25),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 16),
|
|||
|
|
OutlinedButton.icon(
|
|||
|
|
onPressed: _showPlanTemplates,
|
|||
|
|
icon: const Icon(Icons.library_books),
|
|||
|
|
label: const Text('使用模板'),
|
|||
|
|
style: OutlinedButton.styleFrom(
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: isMobile ? 20 : 24,
|
|||
|
|
vertical: isMobile ? 12 : 16,
|
|||
|
|
),
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(25),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadStudyPlans() async {
|
|||
|
|
setState(() {
|
|||
|
|
_isLoading = true;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 模拟加载数据
|
|||
|
|
await Future.delayed(const Duration(milliseconds: 800));
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
_studyPlans = _generateMockPlans();
|
|||
|
|
_currentPlan = _studyPlans.isNotEmpty ? _studyPlans.first : null;
|
|||
|
|
_isLoading = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<StudyPlan> _generateMockPlans() {
|
|||
|
|
final now = DateTime.now();
|
|||
|
|
return [
|
|||
|
|
StudyPlan(
|
|||
|
|
id: '1',
|
|||
|
|
title: '30天词汇突破计划',
|
|||
|
|
description: '每天学习20个新单词，复习已学单词',
|
|||
|
|
type: PlanType.vocabulary,
|
|||
|
|
startDate: now.subtract(const Duration(days: 7)),
|
|||
|
|
endDate: now.add(const Duration(days: 23)),
|
|||
|
|
tasks: _generateMockTasks(),
|
|||
|
|
totalTasks: 30,
|
|||
|
|
completedTasks: 7,
|
|||
|
|
isActive: true,
|
|||
|
|
),
|
|||
|
|
StudyPlan(
|
|||
|
|
id: '2',
|
|||
|
|
title: '雅思备考计划',
|
|||
|
|
description: '全面提升听说读写能力，目标7分',
|
|||
|
|
type: PlanType.exam,
|
|||
|
|
startDate: now.add(const Duration(days: 1)),
|
|||
|
|
endDate: now.add(const Duration(days: 90)),
|
|||
|
|
tasks: [],
|
|||
|
|
totalTasks: 90,
|
|||
|
|
completedTasks: 0,
|
|||
|
|
isActive: false,
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<StudyTask> _generateMockTasks() {
|
|||
|
|
final now = DateTime.now();
|
|||
|
|
return [
|
|||
|
|
StudyTask(
|
|||
|
|
id: '1',
|
|||
|
|
title: '学习商务词汇',
|
|||
|
|
description: '学习20个商务相关单词',
|
|||
|
|
type: TaskType.vocabulary,
|
|||
|
|
dueDate: now,
|
|||
|
|
estimatedMinutes: 30,
|
|||
|
|
isCompleted: false,
|
|||
|
|
),
|
|||
|
|
StudyTask(
|
|||
|
|
id: '2',
|
|||
|
|
title: '复习昨日单词',
|
|||
|
|
description: '复习昨天学习的单词',
|
|||
|
|
type: TaskType.review,
|
|||
|
|
dueDate: now,
|
|||
|
|
estimatedMinutes: 15,
|
|||
|
|
isCompleted: true,
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showCreatePlanDialog() {
|
|||
|
|
showDialog(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) {
|
|||
|
|
return AlertDialog(
|
|||
|
|
title: const Text('创建学习计划'),
|
|||
|
|
content: const Text('计划创建功能开发中...'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
},
|
|||
|
|
child: const Text('关闭'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showPlanTemplates() {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('计划模板功能开发中')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _handleMenuAction(String action) {
|
|||
|
|
switch (action) {
|
|||
|
|
case 'templates':
|
|||
|
|
_showPlanTemplates();
|
|||
|
|
break;
|
|||
|
|
case 'statistics':
|
|||
|
|
_showStatistics();
|
|||
|
|
break;
|
|||
|
|
case 'settings':
|
|||
|
|
_showSettings();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _handlePlanAction(String action, StudyPlan plan) {
|
|||
|
|
switch (action) {
|
|||
|
|
case 'activate':
|
|||
|
|
_selectPlan(plan);
|
|||
|
|
break;
|
|||
|
|
case 'edit':
|
|||
|
|
_editPlan(plan);
|
|||
|
|
break;
|
|||
|
|
case 'duplicate':
|
|||
|
|
_duplicatePlan(plan);
|
|||
|
|
break;
|
|||
|
|
case 'delete':
|
|||
|
|
_deletePlan(plan);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _selectPlan(StudyPlan plan) {
|
|||
|
|
setState(() {
|
|||
|
|
_currentPlan = plan;
|
|||
|
|
});
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text('已切换到计划：${plan.title}')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _editPlan(StudyPlan plan) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('编辑计划功能开发中')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _duplicatePlan(StudyPlan plan) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('复制计划功能开发中')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _deletePlan(StudyPlan plan) {
|
|||
|
|
showDialog(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) {
|
|||
|
|
return AlertDialog(
|
|||
|
|
title: const Text('确认删除'),
|
|||
|
|
content: Text('确定要删除计划 "${plan.title}" 吗？'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
},
|
|||
|
|
child: const Text('取消'),
|
|||
|
|
),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
setState(() {
|
|||
|
|
_studyPlans.removeWhere((p) => p.id == plan.id);
|
|||
|
|
if (_currentPlan?.id == plan.id) {
|
|||
|
|
_currentPlan = _studyPlans.isNotEmpty ? _studyPlans.first : null;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('计划已删除')),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
child: const Text('删除', style: TextStyle(color: Colors.red)),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _toggleTaskCompletion(StudyTask task) {
|
|||
|
|
setState(() {
|
|||
|
|
task.isCompleted = !task.isCompleted;
|
|||
|
|
if (_currentPlan != null) {
|
|||
|
|
if (task.isCompleted) {
|
|||
|
|
_currentPlan!.completedTasks++;
|
|||
|
|
} else {
|
|||
|
|
_currentPlan!.completedTasks--;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _startTask(StudyTask task) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text('开始任务：${task.title}')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _startStudySession() {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('开始学习会话')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _startReview() {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('开始复习')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showStatistics() {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('统计功能开发中')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showSettings() {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
const SnackBar(content: Text('设置功能开发中')),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _editCurrentPlan() {
|
|||
|
|
if (_currentPlan != null) {
|
|||
|
|
_editPlan(_currentPlan!);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
IconData _getPlanTypeIcon(PlanType type) {
|
|||
|
|
switch (type) {
|
|||
|
|
case PlanType.vocabulary:
|
|||
|
|
return Icons.book;
|
|||
|
|
case PlanType.grammar:
|
|||
|
|
return Icons.school;
|
|||
|
|
case PlanType.speaking:
|
|||
|
|
return Icons.mic;
|
|||
|
|
case PlanType.listening:
|
|||
|
|
return Icons.headphones;
|
|||
|
|
case PlanType.reading:
|
|||
|
|
return Icons.article;
|
|||
|
|
case PlanType.writing:
|
|||
|
|
return Icons.edit;
|
|||
|
|
case PlanType.exam:
|
|||
|
|
return Icons.quiz;
|
|||
|
|
case PlanType.custom:
|
|||
|
|
return Icons.settings;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Color _getPlanTypeColor(PlanType type) {
|
|||
|
|
switch (type) {
|
|||
|
|
case PlanType.vocabulary:
|
|||
|
|
return Colors.blue;
|
|||
|
|
case PlanType.grammar:
|
|||
|
|
return Colors.green;
|
|||
|
|
case PlanType.speaking:
|
|||
|
|
return Colors.orange;
|
|||
|
|
case PlanType.listening:
|
|||
|
|
return Colors.purple;
|
|||
|
|
case PlanType.reading:
|
|||
|
|
return Colors.teal;
|
|||
|
|
case PlanType.writing:
|
|||
|
|
return Colors.red;
|
|||
|
|
case PlanType.exam:
|
|||
|
|
return Colors.indigo;
|
|||
|
|
case PlanType.custom:
|
|||
|
|
return Colors.grey;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
enum PlanType {
|
|||
|
|
vocabulary,
|
|||
|
|
grammar,
|
|||
|
|
speaking,
|
|||
|
|
listening,
|
|||
|
|
reading,
|
|||
|
|
writing,
|
|||
|
|
exam,
|
|||
|
|
custom,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
enum TaskType {
|
|||
|
|
vocabulary,
|
|||
|
|
reading,
|
|||
|
|
listening,
|
|||
|
|
speaking,
|
|||
|
|
writing,
|
|||
|
|
review,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class StudyPlan {
|
|||
|
|
final String id;
|
|||
|
|
final String title;
|
|||
|
|
final String description;
|
|||
|
|
final PlanType type;
|
|||
|
|
final DateTime startDate;
|
|||
|
|
final DateTime endDate;
|
|||
|
|
final List<StudyTask> tasks;
|
|||
|
|
final int totalTasks;
|
|||
|
|
int completedTasks;
|
|||
|
|
final bool isActive;
|
|||
|
|
|
|||
|
|
StudyPlan({
|
|||
|
|
required this.id,
|
|||
|
|
required this.title,
|
|||
|
|
required this.description,
|
|||
|
|
required this.type,
|
|||
|
|
required this.startDate,
|
|||
|
|
required this.endDate,
|
|||
|
|
required this.tasks,
|
|||
|
|
required this.totalTasks,
|
|||
|
|
required this.completedTasks,
|
|||
|
|
required this.isActive,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class StudyTask {
|
|||
|
|
final String id;
|
|||
|
|
final String title;
|
|||
|
|
final String description;
|
|||
|
|
final TaskType type;
|
|||
|
|
final DateTime dueDate;
|
|||
|
|
final int estimatedMinutes;
|
|||
|
|
bool isCompleted;
|
|||
|
|
|
|||
|
|
StudyTask({
|
|||
|
|
required this.id,
|
|||
|
|
required this.title,
|
|||
|
|
required this.description,
|
|||
|
|
required this.type,
|
|||
|
|
required this.dueDate,
|
|||
|
|
required this.estimatedMinutes,
|
|||
|
|
required this.isCompleted,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class Achievement {
|
|||
|
|
final String title;
|
|||
|
|
final String description;
|
|||
|
|
final IconData icon;
|
|||
|
|
final Color color;
|
|||
|
|
final bool isUnlocked;
|
|||
|
|
|
|||
|
|
const Achievement({
|
|||
|
|
required this.title,
|
|||
|
|
required this.description,
|
|||
|
|
required this.icon,
|
|||
|
|
required this.color,
|
|||
|
|
required this.isUnlocked,
|
|||
|
|
});
|
|||
|
|
}
|