feat:初始化工程
This commit is contained in:
32
lib/pages/home_page.dart
Normal file
32
lib/pages/home_page.dart
Normal file
@@ -0,0 +1,32 @@
|
||||
import 'package:fluent_ui/fluent_ui.dart';
|
||||
|
||||
class HomePage extends StatelessWidget {
|
||||
const HomePage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ScaffoldPage.withPadding(
|
||||
header: const PageHeader(
|
||||
title: Text('首页'),
|
||||
),
|
||||
content: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
FluentIcons.home,
|
||||
size: 64,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Text(
|
||||
'首页',
|
||||
style: TextStyle(
|
||||
fontSize: 24,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
117
lib/pages/schedule_page.dart
Normal file
117
lib/pages/schedule_page.dart
Normal file
@@ -0,0 +1,117 @@
|
||||
import 'package:fluent_ui/fluent_ui.dart';
|
||||
import 'package:flutter/material.dart' show ButtonSegment, SegmentedButton;
|
||||
import 'package:syncfusion_flutter_calendar/calendar.dart' as calendar;
|
||||
|
||||
class AppointmentDataSource extends calendar.CalendarDataSource {
|
||||
AppointmentDataSource(List<calendar.Appointment> source) {
|
||||
appointments = source;
|
||||
}
|
||||
}
|
||||
|
||||
class SchedulePage extends StatefulWidget {
|
||||
const SchedulePage({super.key});
|
||||
|
||||
@override
|
||||
State<SchedulePage> createState() => _SchedulePageState();
|
||||
}
|
||||
|
||||
class _SchedulePageState extends State<SchedulePage> {
|
||||
final calendar.CalendarController _calendarController = calendar.CalendarController();
|
||||
late List<calendar.Appointment> _appointments = [];
|
||||
String _viewType = 'week';
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ScaffoldPage.withPadding(
|
||||
header: const PageHeader(title: Text('日程安排')),
|
||||
content: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
SegmentedButton<String>(
|
||||
showSelectedIcon: false,
|
||||
selected: <String>{_viewType},
|
||||
onSelectionChanged: (Set<String> value) {
|
||||
setState(() {
|
||||
_viewType = value.first;
|
||||
switch(_viewType) {
|
||||
case 'week':
|
||||
_calendarController.view = calendar.CalendarView.week;
|
||||
break;
|
||||
case 'month':
|
||||
_calendarController.view = calendar.CalendarView.month;
|
||||
break;
|
||||
case 'schedule':
|
||||
_calendarController.view = calendar.CalendarView.schedule;
|
||||
break;
|
||||
}
|
||||
});
|
||||
},
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: 'week',
|
||||
label: Text('周视图', style: TextStyle(fontFamily: 'CustomFont')),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: 'month',
|
||||
label: Text(
|
||||
'月视图',
|
||||
style: TextStyle(fontFamily: 'CustomFont'),
|
||||
),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: 'schedule',
|
||||
label: Text(
|
||||
'日程视图',
|
||||
style: TextStyle(fontFamily: 'CustomFont'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Expanded(
|
||||
child: calendar.SfCalendar(
|
||||
view: calendar.CalendarView.week,
|
||||
controller: _calendarController,
|
||||
backgroundColor: Colors.grey[20],
|
||||
headerStyle: calendar.CalendarHeaderStyle(
|
||||
backgroundColor: Colors.grey[20],
|
||||
),
|
||||
dataSource: AppointmentDataSource(_appointments),
|
||||
firstDayOfWeek: 1,
|
||||
showDatePickerButton: true,
|
||||
showNavigationArrow: true,
|
||||
showTodayButton: true,
|
||||
allowViewNavigation: true,
|
||||
// 月份视图设置
|
||||
monthViewSettings: calendar.MonthViewSettings(
|
||||
appointmentDisplayMode:
|
||||
calendar.MonthAppointmentDisplayMode.appointment,
|
||||
showAgenda: true,
|
||||
),
|
||||
scheduleViewSettings: calendar.ScheduleViewSettings(
|
||||
monthHeaderSettings: calendar.MonthHeaderSettings(
|
||||
backgroundColor: Colors.grey[20],
|
||||
height: 85,
|
||||
),
|
||||
),
|
||||
// 时间区域设置
|
||||
timeSlotViewSettings: calendar.TimeSlotViewSettings(
|
||||
startHour: 7,
|
||||
endHour: 23,
|
||||
timeFormat: 'HH:mm',
|
||||
timeInterval: Duration(minutes: 30),
|
||||
timeRulerSize: 60,
|
||||
),
|
||||
// 选择日期回调
|
||||
onTap: (calendar.CalendarTapDetails details) {},
|
||||
// 选择日程回调
|
||||
onLongPress: (calendar.CalendarLongPressDetails details) async {},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
32
lib/pages/settings_page.dart
Normal file
32
lib/pages/settings_page.dart
Normal file
@@ -0,0 +1,32 @@
|
||||
import 'package:fluent_ui/fluent_ui.dart';
|
||||
|
||||
class SettingsPage extends StatelessWidget {
|
||||
const SettingsPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ScaffoldPage.withPadding(
|
||||
header: const PageHeader(
|
||||
title: Text('设置'),
|
||||
),
|
||||
content: Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
FluentIcons.settings,
|
||||
size: 64,
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Text(
|
||||
'设置',
|
||||
style: TextStyle(
|
||||
fontSize: 24,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
285
lib/pages/task_page.dart
Normal file
285
lib/pages/task_page.dart
Normal file
@@ -0,0 +1,285 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:fluent_ui/fluent_ui.dart';
|
||||
import 'package:flutter/material.dart' show SegmentedButton, ButtonSegment;
|
||||
import 'package:task_hub/models/task.dart';
|
||||
import 'package:task_hub/widges/task_dialog.dart';
|
||||
import 'package:task_hub/widges/task_item.dart';
|
||||
|
||||
// 任务页面
|
||||
class TaskPage extends StatefulWidget {
|
||||
const TaskPage({super.key});
|
||||
|
||||
@override
|
||||
State<TaskPage> createState() => _TaskPageState();
|
||||
}
|
||||
|
||||
class _TaskPageState extends State<TaskPage> {
|
||||
final List<Task> _tasks = [];
|
||||
String _filter = 'all'; // all, active, completed
|
||||
String _sortBy = 'created'; // created, due, priority
|
||||
|
||||
List<Task> get _filteredTasks {
|
||||
List<Task> tasks =
|
||||
_tasks.where((task) {
|
||||
if (_filter == 'active') return !task.isCompleted;
|
||||
if (_filter == 'completed') return task.isCompleted;
|
||||
return true;
|
||||
}).toList();
|
||||
|
||||
tasks.sort((a, b) {
|
||||
switch (_sortBy) {
|
||||
case 'due':
|
||||
if (a.dueDate == null && b.dueDate == null) return 0;
|
||||
if (a.dueDate == null) return 1;
|
||||
if (b.dueDate == null) return -1;
|
||||
return a.dueDate!.compareTo(b.dueDate!);
|
||||
case 'priority':
|
||||
return b.priority.index.compareTo(a.priority.index);
|
||||
case 'created':
|
||||
default:
|
||||
return b.createdAt.compareTo(a.createdAt);
|
||||
}
|
||||
});
|
||||
|
||||
return tasks;
|
||||
}
|
||||
|
||||
void _addTask() {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder:
|
||||
(context) => TaskDialog(
|
||||
onSave: (task) {
|
||||
setState(() {
|
||||
_tasks.add(task);
|
||||
});
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _editTask(Task task) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder:
|
||||
(context) => TaskDialog(
|
||||
task: task,
|
||||
onSave: (editedTask) {
|
||||
setState(() {
|
||||
final index = _tasks.indexWhere((t) => t.id == task.id);
|
||||
if (index != -1) {
|
||||
_tasks[index] = editedTask;
|
||||
}
|
||||
});
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _deleteTask(String taskId) {
|
||||
setState(() {
|
||||
_tasks.removeWhere((task) => task.id == taskId);
|
||||
});
|
||||
}
|
||||
|
||||
void _toggleTaskComplete(Task task) {
|
||||
setState(() {
|
||||
final index = _tasks.indexWhere((t) => t.id == task.id);
|
||||
if (index != -1) {
|
||||
_tasks[index] = Task(
|
||||
id: task.id,
|
||||
title: task.title,
|
||||
description: task.description,
|
||||
createdAt: task.createdAt,
|
||||
dueDate: task.dueDate,
|
||||
isCompleted: !task.isCompleted,
|
||||
priority: task.priority,
|
||||
category: task.category,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void _updateTaskPriority(String taskId, Priority priority) {
|
||||
setState(() {
|
||||
final index = _tasks.indexWhere((task) => task.id == taskId);
|
||||
if (index != -1) {
|
||||
_tasks[index] = Task(
|
||||
id: _tasks[index].id,
|
||||
title: _tasks[index].title,
|
||||
description: _tasks[index].description,
|
||||
createdAt: _tasks[index].createdAt,
|
||||
dueDate: _tasks[index].dueDate,
|
||||
isCompleted: _tasks[index].isCompleted,
|
||||
priority: priority,
|
||||
category: _tasks[index].category,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ScaffoldPage.withPadding(
|
||||
header: PageHeader(
|
||||
title: const Text('待办任务'),
|
||||
commandBar: CommandBar(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
primaryItems: [
|
||||
CommandBarButton(
|
||||
icon: const Icon(FluentIcons.add),
|
||||
label: const Text('添加任务'),
|
||||
onPressed: _addTask,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
content: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_buildStatsWidget(),
|
||||
const SizedBox(height: 16),
|
||||
_buildFilterWidget(),
|
||||
const SizedBox(height: 16),
|
||||
Expanded(
|
||||
child: _tasks.isEmpty ? _buildEmptyTask() : _buildTaskList(),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatsWidget() {
|
||||
final completedCount = _tasks.where((task) => task.isCompleted).length;
|
||||
final activeCount = _tasks.length - completedCount;
|
||||
|
||||
return Card(
|
||||
backgroundColor: Colors.grey[20],
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
_buildStatsItem('全部', '${_tasks.length}'),
|
||||
_buildStatsItem('进行中', '$activeCount'),
|
||||
_buildStatsItem('已完成', '$completedCount'),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatsItem(String label, String value) {
|
||||
return Column(
|
||||
children: [
|
||||
Text(
|
||||
value,
|
||||
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(label, style: TextStyle(color: Colors.grey)),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFilterWidget() {
|
||||
return Card(
|
||||
borderColor: Colors.white,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12.0),
|
||||
child: Row(
|
||||
children: [
|
||||
const Text('筛选:'),
|
||||
const SizedBox(width: 8),
|
||||
SegmentedButton<String>(
|
||||
showSelectedIcon: false,
|
||||
selected: <String>{_filter},
|
||||
onSelectionChanged: (Set<String> value) {
|
||||
setState(() {
|
||||
_filter = value.first;
|
||||
});
|
||||
},
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: 'all',
|
||||
label: Text('全部', style: TextStyle(fontFamily: 'CustomFont')),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: 'active',
|
||||
label: Text(
|
||||
'进行中',
|
||||
style: TextStyle(fontFamily: 'CustomFont'),
|
||||
),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: 'completed',
|
||||
label: Text(
|
||||
'已完成',
|
||||
style: TextStyle(fontFamily: 'CustomFont'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const Spacer(),
|
||||
const Text('排序:'),
|
||||
const SizedBox(width: 8),
|
||||
ComboBox<String>(
|
||||
value: _sortBy,
|
||||
items: const [
|
||||
ComboBoxItem(value: 'created', child: Text('创建时间')),
|
||||
ComboBoxItem(value: 'due', child: Text('截止日期')),
|
||||
ComboBoxItem(value: 'priority', child: Text('优先级')),
|
||||
],
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
setState(() {
|
||||
_sortBy = value;
|
||||
});
|
||||
}
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmptyTask() {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(FluentIcons.check_list, size: 64, color: Colors.blue),
|
||||
const SizedBox(height: 20),
|
||||
const Text(
|
||||
'还没有任务',
|
||||
style: TextStyle(fontSize: 20, color: Colors.grey),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Text('点击右上角的"添加任务"按钮开始', style: TextStyle(color: Colors.grey)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTaskList() {
|
||||
return ListView.builder(
|
||||
itemCount: _filteredTasks.length,
|
||||
itemBuilder: (context, index) {
|
||||
final task = _filteredTasks[index];
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: TaskItem(
|
||||
task: task,
|
||||
onToggleComplete: () => _toggleTaskComplete(task),
|
||||
onEdit: () => _editTask(task),
|
||||
onDelete: () => _deleteTask(task.id),
|
||||
onPriorityChanged:
|
||||
(priority) => _updateTaskPriority(task.id, priority),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user