Cxx0822/task_hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:增加日程模块

Browse Source
This commit is contained in:
Cxx0822
2026-04-26 14:23:32 +08:00
parent 57c6e552d4
commit 8f6e4cc23e
13 changed files with 905 additions and 518 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
lib/main.dart
View File

@@ -14,7 +14,7 @@ class TaskHubApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return FluentApp(
title: 'TaskHub - 待办清单',
title: 'TaskHub',
themeMode: ThemeMode.system,
theme: FluentThemeData(
fontFamily: 'CustomFont',
@@ -38,22 +38,16 @@ class _MainLayoutState extends State<MainLayout> {
@override
Widget build(BuildContext context) {
return NavigationView(
titleBar: TitleBar(
icon: const FlutterLogo(),
title: const Text('TaskHub')
),
pane: NavigationPane(
selected: _currentIndex,
onChanged: (index) => setState(() => _currentIndex = index),
size: NavigationPaneSize(
openWidth: 150
),
header: const Padding(
padding: EdgeInsets.all(10),
child: Text(
'TaskHub',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
items: [
PaneItem(
icon: const Icon(FluentIcons.home),

18
lib/models/Schedule.dart Normal file
View File

@@ -0,0 +1,18 @@
class Schedule {
final int id;
String title;
DateTime startTime;
DateTime endTime;
DateTime? scheduleDate;
DateTime createTime;
Schedule({
int? id,
required this.title,
required this.startTime,
required this.endTime,
this.scheduleDate,
DateTime? createTime,
}) : id = id ?? DateTime.timestamp().microsecond,
createTime = DateTime.now();
}

18
lib/models/task.dart
View File

@@ -1,24 +1,26 @@
class Task {
final String id;
final int id;
String title;
String? description;
DateTime createdAt;
String? desc;
DateTime? dueDate;
DateTime? scheduleDate;
bool isCompleted;
Priority priority;
String? category;
DateTime createTime;
Task({
String? id,
int? id,
required this.title,
this.description,
DateTime? createdAt,
this.desc,
this.dueDate,
this.scheduleDate,
this.isCompleted = false,
this.priority = Priority.medium,
this.category,
}) : id = id ?? DateTime.timestamp().microsecond.toString(),
createdAt = createdAt ?? DateTime.now();
DateTime? createTime,
}) : id = id ?? DateTime.timestamp().microsecond,
createTime = DateTime.now();
}
enum Priority { low, medium, high }

204
lib/pages/schedule_page.dart
View File

@@ -1,6 +1,8 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:flutter/material.dart' show ButtonSegment, SegmentedButton;
import 'package:syncfusion_flutter_calendar/calendar.dart' as calendar;
import 'package:task_hub/models/Schedule.dart';
import 'package:task_hub/widgets/schedule_dialog.dart';
class AppointmentDataSource extends calendar.CalendarDataSource {
AppointmentDataSource(List<calendar.Appointment> source) {
@@ -16,14 +18,106 @@ class SchedulePage extends StatefulWidget {
}
class _SchedulePageState extends State<SchedulePage> {
final calendar.CalendarController _calendarController = calendar.CalendarController();
final calendar.CalendarController _calendarController =
calendar.CalendarController();
late List<calendar.Appointment> _appointments = [];
String _viewType = 'week';
void _addSchedule() {
showDialog(
context: context,
builder:
(context) => ScheduleDialog(
onSave: (schedule) {
setState(() {
final appointment = calendar.Appointment(
id: schedule.id,
subject: schedule.title,
startTime: schedule.startTime,
endTime: schedule.endTime,
);
_appointments.add(appointment);
});
},
),
);
}
void _editSchedule(calendar.Appointment appointment) {
final schedule = Schedule(
id: appointment.id as int,
title: appointment.subject,
startTime: appointment.startTime,
endTime: appointment.endTime,
);
showDialog(
context: context,
builder:
(context) => ScheduleDialog(
schedule: schedule,
onSave: (editedSchedule) {
setState(() {
final index = _appointments.indexWhere(
(t) => t.id == editedSchedule.id,
);
if (index != -1) {
final appointment = calendar.Appointment(
id: editedSchedule.id,
subject: editedSchedule.title,
startTime: editedSchedule.startTime,
endTime: editedSchedule.endTime,
);
_appointments[index] = appointment;
}
});
},
),
);
}
void _deleteSchedule(calendar.Appointment appointment) async {
await showDialog<String>(
context: context,
builder:
(context) => ContentDialog(
title: const Text('确认删除该日程？'),
actions: [
Button(
child: const Text('取消'),
onPressed: () => Navigator.pop(context),
),
FilledButton(
child: const Text('确认'),
onPressed: () {
setState(() {
_appointments.removeWhere((schedule) => schedule.id == appointment.id);
});
Navigator.pop(context);
// Delete file here
},
)
],
),
);
}
@override
Widget build(BuildContext context) {
return ScaffoldPage.withPadding(
header: const PageHeader(title: Text('日程安排')),
header: PageHeader(
title: const Text('日程安排'),
commandBar: CommandBar(
mainAxisAlignment: MainAxisAlignment.end,
primaryItems: [
CommandBarButton(
icon: const Icon(FluentIcons.add),
label: const Text('添加日程'),
onPressed: _addSchedule,
),
],
),
),
content: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
@@ -34,7 +128,7 @@ class _SchedulePageState extends State<SchedulePage> {
onSelectionChanged: (Set<String> value) {
setState(() {
_viewType = value.first;
switch(_viewType) {
switch (_viewType) {
case 'week':
_calendarController.view = calendar.CalendarView.week;
break;
@@ -50,7 +144,10 @@ class _SchedulePageState extends State<SchedulePage> {
segments: const [
ButtonSegment(
value: 'week',
label: Text('周视图', style: TextStyle(fontFamily: 'CustomFont')),
label: Text(
'周视图',
style: TextStyle(fontFamily: 'CustomFont'),
),
),
ButtonSegment(
value: 'month',
@@ -69,49 +166,68 @@ class _SchedulePageState extends State<SchedulePage> {
],
),
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 {},
),
),
Expanded(child: _buildSfCalendar()),
],
),
),
);
}
Widget _buildSfCalendar() {
return 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) {
if (details.targetElement == calendar.CalendarElement.calendarCell) {
if (!details.date!.isBefore(DateTime.now())) {
_addSchedule();
}
} else if (details.targetElement ==
calendar.CalendarElement.appointment) {
if (details.appointments?.length == 1) {
_editSchedule(details.appointments!.first);
}
}
},
// 选择日程回调
onLongPress: (calendar.CalendarLongPressDetails details) async {
if (details.targetElement == calendar.CalendarElement.appointment) {
if (details.appointments?.length == 1) {
_deleteSchedule(details.appointments!.first);
}
}
},
);
}
}

38
lib/pages/task_page.dart
View File

@@ -3,8 +3,8 @@ 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';
import 'package:task_hub/widgets/task_dialog.dart';
import 'package:task_hub/widgets/task_item.dart';
// 任务页面
class TaskPage extends StatefulWidget {
@@ -16,8 +16,8 @@ class TaskPage extends StatefulWidget {
class _TaskPageState extends State<TaskPage> {
final List<Task> _tasks = [];
String _filter = 'all'; // all, active, completed
String _sortBy = 'created'; // created, due, priority
String _filter = 'all';
String _sortBy = 'created';
List<Task> get _filteredTasks {
List<Task> tasks =
@@ -38,7 +38,7 @@ class _TaskPageState extends State<TaskPage> {
return b.priority.index.compareTo(a.priority.index);
case 'created':
default:
return b.createdAt.compareTo(a.createdAt);
return b.createTime.compareTo(a.createTime);
}
});
@@ -77,7 +77,7 @@ class _TaskPageState extends State<TaskPage> {
);
}
void _deleteTask(String taskId) {
void _deleteTask(int taskId) {
setState(() {
_tasks.removeWhere((task) => task.id == taskId);
});
@@ -90,8 +90,8 @@ class _TaskPageState extends State<TaskPage> {
_tasks[index] = Task(
id: task.id,
title: task.title,
description: task.description,
createdAt: task.createdAt,
desc: task.desc,
createTime: task.createTime,
dueDate: task.dueDate,
isCompleted: !task.isCompleted,
priority: task.priority,
@@ -101,24 +101,6 @@ class _TaskPageState extends State<TaskPage> {
});
}
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(
@@ -274,9 +256,7 @@ class _TaskPageState extends State<TaskPage> {
task: task,
onToggleComplete: () => _toggleTaskComplete(task),
onEdit: () => _editTask(task),
onDelete: () => _deleteTask(task.id),
onPriorityChanged:
(priority) => _updateTaskPriority(task.id, priority),
onDelete: () => _deleteTask(task.id)
),
);
},

211
lib/widges/task_dialog.dart
View File

@@ -1,211 +0,0 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:task_hub/models/task.dart';
class TaskDialog extends StatefulWidget {
final Task? task;
final ValueChanged<Task> onSave;
const TaskDialog({super.key, this.task, required this.onSave});
@override
State<TaskDialog> createState() => _TaskDialogState();
}
class _TaskDialogState extends State<TaskDialog> {
late TextEditingController _titleController;
late TextEditingController _descriptionController;
late Priority _selectedPriority;
DateTime? _selectedDate;
final _formKey = GlobalKey<FormState>();
@override
void initState() {
super.initState();
_titleController = TextEditingController(text: widget.task?.title ?? '');
_descriptionController = TextEditingController(
text: widget.task?.description ?? '',
);
_selectedPriority = widget.task?.priority ?? Priority.medium;
_selectedDate = widget.task?.dueDate;
}
@override
void dispose() {
_titleController.dispose();
_descriptionController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return ContentDialog(
title: Text(widget.task == null ? '添加任务' : '编辑任务'),
content: Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// 标题
_buildFormRow(
label: '任务标题',
required: true,
child: TextFormBox(
controller: _titleController,
placeholder: '请输入任务标题',
validator: (value) {
if (value == null || value.isEmpty) {
return '任务标题不能为空';
}
return null;
},
),
),
const SizedBox(height: 16),
// 描述
_buildFormRow(
label: '任务描述',
child: TextFormBox(
controller: _descriptionController,
placeholder: '请输入任务描述',
maxLines: 3,
),
),
const SizedBox(height: 16),
// 优先级
_buildFormRow(
label: '优先级',
child: RadioGroup<Priority>(
groupValue: _selectedPriority,
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
RadioButton<Priority>(
value: Priority.low,
content: Text('低'),
),
RadioButton<Priority>(
value: Priority.medium,
content: Text('中'),
),
RadioButton<Priority>(
value: Priority.high,
content: Text('高'),
)
],
),
onChanged: (value) {
if (value != null) {
setState(() {
_selectedPriority = value;
});
}
},
),
),
const SizedBox(height: 16),
// 截止日期
_buildFormRow(
label: '截止日期',
child: DatePicker(
selected: _selectedDate,
onChanged: (date) {
setState(() {
_selectedDate = date;
});
},
),
),
],
),
),
actions: [
Button(
child: const Text('取消'),
onPressed: () => Navigator.pop(context),
),
FilledButton(
child: const Text('保存'),
onPressed: () {
if (_formKey.currentState!.validate()) {
final task = Task(
id: widget.task?.id,
title: _titleController.text,
description: _descriptionController.text.isEmpty
? null
: _descriptionController.text,
dueDate: _selectedDate,
priority: _selectedPriority,
isCompleted: widget.task?.isCompleted ?? false,
);
widget.onSave(task);
Navigator.pop(context);
}
},
),
],
);
}
// 构建表单行
Widget _buildFormRow({
required String label,
required Widget child,
bool required = false,
}) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 80,
child: Padding(
padding: const EdgeInsets.only(top: 8),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (required)
Padding(
padding: EdgeInsets.only(right: 4),
child: Text(
'*',
style: TextStyle(color: Colors.red, fontSize: 16),
),
),
Text(
label,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
const Text(
':',
style: TextStyle(fontSize: 14),
),
],
),
),
),
const SizedBox(width: 12),
// 右侧表单控件
Expanded(
child: child,
),
],
);
}
String _getPriorityLabel(Priority priority) {
switch (priority) {
case Priority.low:
return '低';
case Priority.medium:
return '中';
case Priority.high:
return '高';
}
}
}

151
lib/widges/task_item.dart
View File

@@ -1,151 +0,0 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:task_hub/models/task.dart';
class TaskItem extends StatelessWidget {
final Task task;
final VoidCallback onToggleComplete;
final VoidCallback onEdit;
final VoidCallback onDelete;
final ValueChanged<Priority> onPriorityChanged;
const TaskItem({
super.key,
required this.task,
required this.onToggleComplete,
required this.onEdit,
required this.onDelete,
required this.onPriorityChanged,
});
@override
Widget build(BuildContext context) {
return Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Row(
children: [
// 完成状态复选框
Checkbox(
checked: task.isCompleted,
onChanged: (value) => onToggleComplete(),
),
const SizedBox(width: 12),
// 任务信息
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
// 优先级指示器
_buildPriorityIndicator(task.priority),
const SizedBox(width: 8),
Expanded(
child: Text(
task.title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
decoration:
task.isCompleted
? TextDecoration.lineThrough
: null,
color: task.isCompleted ? Colors.grey : Colors.red,
),
),
),
],
),
const SizedBox(height: 2),
if (task.description != null && task.description!.isNotEmpty)
Padding(
padding: const EdgeInsets.only(top: 4.0),
child: Text(
task.description!,
style: TextStyle(
color: Colors.grey,
fontSize: 14,
decoration:
task.isCompleted
? TextDecoration.lineThrough
: null,
),
),
),
const SizedBox(height: 2),
if (task.dueDate != null)
Padding(
padding: const EdgeInsets.only(top: 4.0),
child: Row(
children: [
const Icon(
FluentIcons.calendar,
size: 12,
color: Colors.grey,
),
const SizedBox(width: 4),
Text(
'截止: ${_formatDate(task.dueDate!)}',
style: const TextStyle(
color: Colors.grey,
fontSize: 12,
),
),
],
),
),
],
),
),
// 操作按钮
Row(
children: [
// 编辑按钮
IconButton(
icon: const Icon(FluentIcons.edit, size: 16),
onPressed: onEdit,
),
// 删除按钮
IconButton(
icon: const Icon(FluentIcons.delete, size: 16),
onPressed: onDelete,
),
],
),
],
),
),
);
}
Widget _buildPriorityIndicator(Priority priority) {
final Map<Priority, (Color, String)> priorityInfo = {
Priority.low: (Colors.grey, '低'),
Priority.medium: (Colors.green, '中'),
Priority.high: (Colors.red, '高'),
};
final (color, label) = priorityInfo[priority]!;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 3),
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(4),
),
child: Center(
child: Text(
label,
style: const TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.bold,
),
),
),
);
}
String _formatDate(DateTime date) {
return '${date.year}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
}
}

106
lib/widgets/common.dart Normal file
View File

@@ -0,0 +1,106 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:intl/intl.dart';
import 'package:omni_datetime_picker/omni_datetime_picker.dart';
Widget buildFormItem({
required String label,
required Widget child,
bool required = false,
}) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 80,
child: Padding(
padding: const EdgeInsets.only(top: 8),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (required)
Padding(
padding: EdgeInsets.only(right: 4),
child: Text(
'*',
style: TextStyle(color: Colors.red, fontSize: 16),
),
),
Text(
label,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
const Text(':', style: TextStyle(fontSize: 14)),
],
),
),
),
const SizedBox(width: 12),
// 右侧表单控件
Expanded(child: child),
],
);
}
// 显示日期/日期时间的按钮组件
Widget buildOmniDateButton({
required BuildContext context,
required DateTime? selectedDate,
required String placeholder,
required OmniDateTimePickerType type,
required ValueChanged<DateTime?> onChanged,
}) {
String displayText = '$placeholder';
if (selectedDate != null) {
switch (type) {
case OmniDateTimePickerType.date:
displayText = DateFormat('yyyy-MM-dd').format(selectedDate);
break;
case OmniDateTimePickerType.time:
displayText = DateFormat('HH:mm:ss').format(selectedDate);
break;
case OmniDateTimePickerType.dateAndTime:
displayText = DateFormat('yyyy-MM-dd HH:mm:ss').format(selectedDate);
break;
}
}
return Button(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(FluentIcons.calendar, size: 16),
SizedBox(width: 8),
Text(
displayText,
style: TextStyle(
color: selectedDate == null ? Colors.grey[130] : null,
),
),
],
),
onPressed: () async {
final DateTime? picked = await showOmniDateTimePicker(
context: context,
initialDate: selectedDate ?? DateTime.now(),
firstDate: DateTime(
DateTime.now().year,
DateTime.now().month,
DateTime.now().day,
),
lastDate: DateTime.now().add(Duration(days: 365 * 2)),
is24HourMode: true,
isShowSeconds: false,
type: type,
barrierColor: Colors.grey,
);
if (picked != null) {
onChanged(picked);
}
},
);
}

175
lib/widgets/schedule_dialog.dart Normal file
View File

@@ -0,0 +1,175 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:omni_datetime_picker/omni_datetime_picker.dart';
import 'package:task_hub/models/Schedule.dart';
import 'package:task_hub/widgets/common.dart';
class ScheduleDialog extends StatefulWidget {
final Schedule? schedule;
final ValueChanged<Schedule> onSave;
const ScheduleDialog({super.key, this.schedule, required this.onSave});
@override
State<ScheduleDialog> createState() => _ScheduleDialogState();
}
class _ScheduleDialogState extends State<ScheduleDialog> {
late TextEditingController _titleController;
DateTime? _selectedStartTime;
DateTime? _selectedEndTime;
DateTime? _selectedScheduleDate;
final _formKey = GlobalKey<FormState>();
@override
void initState() {
super.initState();
_titleController = TextEditingController(text: widget.schedule?.title ?? '');
_selectedStartTime = widget.schedule?.startTime;
_selectedEndTime = widget.schedule?.endTime;
_selectedScheduleDate = widget.schedule?.scheduleDate;
}
@override
void dispose() {
_titleController.dispose();
super.dispose();
}
void onConfirmClick()async {
if (_selectedStartTime == null) {
await displayInfoBar(context, builder: (context, close) {
return InfoBar(
title: const Text('请选择开始时间'),
severity: InfoBarSeverity.error,
);
});
return;
}
if (_selectedEndTime == null) {
await displayInfoBar(context, builder: (context, close) {
return InfoBar(
title: const Text('请选择结束时间'),
severity: InfoBarSeverity.error,
);
});
return;
}
if (!_selectedEndTime!.isAfter(_selectedStartTime!)) {
await displayInfoBar(context, builder: (context, close) {
return InfoBar(
title: const Text('结束时间必须晚于开始时间'),
severity: InfoBarSeverity.error,
);
});
return;
}
if (_formKey.currentState!.validate()) {
final schedule = Schedule(
id: widget.schedule?.id,
title: _titleController.text,
startTime: _selectedStartTime!,
endTime: _selectedEndTime!,
scheduleDate: _selectedScheduleDate,
);
widget.onSave(schedule);
Navigator.pop(context);
}
}
@override
Widget build(BuildContext context) {
return ContentDialog(
title: Text(widget.schedule == null ? '添加日程' : '编辑日程'),
content: _buildForm(),
actions: [
Button(
child: const Text('取消'),
onPressed: () => Navigator.pop(context),
),
FilledButton(child: const Text('保存'), onPressed: onConfirmClick),
],
);
}
Widget _buildForm() {
return Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// 标题
buildFormItem(
label: '日程标题',
required: true,
child: TextFormBox(
controller: _titleController,
placeholder: '请输入日程标题',
validator: (value) {
if (value == null || value.isEmpty) {
return '任务标题不能为空';
}
return null;
},
),
),
const SizedBox(height: 16),
// 开始时间
buildFormItem(
label: '开始时间',
required: true,
child: buildOmniDateButton(
context: context,
selectedDate: _selectedStartTime,
placeholder: '请选择开始时间',
type: OmniDateTimePickerType.dateAndTime,
onChanged: (date) {
setState(() {
_selectedStartTime = date!;
});
},
),
),
const SizedBox(height: 16),
// 结束时间
buildFormItem(
label: '结束时间',
required: true,
child: buildOmniDateButton(
context: context,
selectedDate: _selectedEndTime,
placeholder: '请选择结束时间',
type: OmniDateTimePickerType.dateAndTime,
onChanged: (date) {
setState(() {
_selectedEndTime = date!;
});
},
),
),
const SizedBox(height: 16),
// 提醒日期
buildFormItem(
label: '提醒日期',
child: buildOmniDateButton(
context: context,
selectedDate: _selectedScheduleDate,
placeholder: '请选择提醒日期',
type: OmniDateTimePickerType.dateAndTime,
onChanged: (date) {
setState(() {
_selectedScheduleDate = date;
});
},
),
),
],
),
);
}
}

176
lib/widgets/task_dialog.dart Normal file
View File

@@ -0,0 +1,176 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:omni_datetime_picker/omni_datetime_picker.dart';
import 'package:task_hub/models/task.dart';
import 'package:task_hub/widgets/common.dart';
class TaskDialog extends StatefulWidget {
final Task? task;
final ValueChanged<Task> onSave;
const TaskDialog({super.key, this.task, required this.onSave});
@override
State<TaskDialog> createState() => _TaskDialogState();
}
class _TaskDialogState extends State<TaskDialog> {
late TextEditingController _titleController;
late TextEditingController _descController;
late Priority _selectedPriority;
DateTime? _selectedDueDate;
DateTime? _selectedScheduleDate;
final _formKey = GlobalKey<FormState>();
@override
void initState() {
super.initState();
_titleController = TextEditingController(text: widget.task?.title ?? '');
_descController = TextEditingController(text: widget.task?.desc ?? '');
_selectedPriority = widget.task?.priority ?? Priority.medium;
_selectedDueDate = widget.task?.dueDate;
_selectedScheduleDate = widget.task?.scheduleDate;
}
@override
void dispose() {
_titleController.dispose();
_descController.dispose();
super.dispose();
}
void onConfirmClick() {
if (_formKey.currentState!.validate()) {
final task = Task(
id: widget.task?.id,
title: _titleController.text,
desc: _descController.text.isEmpty ? null : _descController.text,
dueDate: _selectedDueDate,
scheduleDate: _selectedScheduleDate,
priority: _selectedPriority,
isCompleted: widget.task?.isCompleted ?? false,
);
widget.onSave(task);
Navigator.pop(context);
}
}
@override
Widget build(BuildContext context) {
return ContentDialog(
title: Text(widget.task == null ? '添加任务' : '编辑任务'),
content: _buildForm(),
actions: [
Button(
child: const Text('取消'),
onPressed: () => Navigator.pop(context),
),
FilledButton(child: const Text('保存'), onPressed: onConfirmClick),
],
);
}
Widget _buildForm() {
return Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
// 标题
buildFormItem(
label: '任务标题',
required: true,
child: TextFormBox(
controller: _titleController,
placeholder: '请输入任务标题',
validator: (value) {
if (value == null || value.isEmpty) {
return '任务标题不能为空';
}
return null;
},
),
),
const SizedBox(height: 16),
// 描述
buildFormItem(
label: '任务描述',
child: TextFormBox(
controller: _descController,
placeholder: '请输入任务描述',
maxLines: 3,
),
),
const SizedBox(height: 16),
// 优先级
buildFormItem(
label: '优先级',
child: RadioGroup<Priority>(
groupValue: _selectedPriority,
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
RadioButton<Priority>(
value: Priority.low,
content: Text('低'),
),
RadioButton<Priority>(
value: Priority.medium,
content: Text('中'),
),
RadioButton<Priority>(
value: Priority.high,
content: Text('高'),
),
],
),
onChanged: (value) {
if (value != null) {
setState(() {
_selectedPriority = value;
});
}
},
),
),
const SizedBox(height: 16),
// 截止日期
buildFormItem(
label: '截止日期',
child: buildOmniDateButton(
context: context,
selectedDate: _selectedDueDate,
placeholder: '请选择截止日期',
type: OmniDateTimePickerType.date,
onChanged: (date) {
setState(() {
_selectedDueDate = date;
});
},
),
),
const SizedBox(height: 16),
// 提醒日期
buildFormItem(
label: '提醒日期',
child: buildOmniDateButton(
context: context,
selectedDate: _selectedScheduleDate,
placeholder: '请选择提醒日期',
type: OmniDateTimePickerType.dateAndTime,
onChanged: (date) {
setState(() {
_selectedScheduleDate = date;
});
},
),
),
],
),
);
}
}

188
lib/widgets/task_item.dart Normal file
View File

@@ -0,0 +1,188 @@
import 'package:fluent_ui/fluent_ui.dart';
import 'package:task_hub/models/task.dart';
class TaskItem extends StatelessWidget {
final Task task;
final VoidCallback onToggleComplete;
final VoidCallback onEdit;
final VoidCallback onDelete;
const TaskItem({
super.key,
required this.task,
required this.onToggleComplete,
required this.onEdit,
required this.onDelete,
});
@override
Widget build(BuildContext context) {
return Card(
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Row(
children: [
Checkbox(
checked: task.isCompleted,
onChanged: (value) => onToggleComplete(),
),
const SizedBox(width: 12),
// 任务信息
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
_buildPriorityIndicator(task.priority),
const SizedBox(width: 8),
Expanded(child: _buildTitle()),
],
),
const SizedBox(height: 2),
if (task.desc != null && task.desc!.isNotEmpty) _buildDesc(),
const SizedBox(height: 2),
if (task.dueDate != null || task.scheduleDate != null)
_buildDate(),
],
),
),
Row(
children: [
IconButton(
icon: const Icon(FluentIcons.edit, size: 16),
onPressed: onEdit,
),
_buildDeleteButton(),
],
),
],
),
),
);
}
Widget _buildTitle() {
return Text(
task.title,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
decoration: task.isCompleted ? TextDecoration.lineThrough : null,
color: task.isCompleted ? Colors.grey : Colors.red,
),
);
}
Widget _buildDesc() {
return Text(
task.desc!,
style: TextStyle(
color: Colors.grey,
fontSize: 14,
decoration: task.isCompleted ? TextDecoration.lineThrough : null,
),
);
}
Widget _buildDate() {
return Row(
children: [
if (task.dueDate != null) ...[
const Icon(FluentIcons.calendar, size: 12, color: Colors.grey),
const SizedBox(width: 4),
Text(
'截止日期: ${_formatDate(task.dueDate!)}',
style: const TextStyle(color: Colors.grey, fontSize: 12),
),
const SizedBox(width: 4),
],
if (task.scheduleDate != null) ...[
const Icon(FluentIcons.clock, size: 12, color: Colors.grey),
const SizedBox(width: 4),
Text(
'提醒日期: ${_formatDate(task.scheduleDate!)}',
style: const TextStyle(color: Colors.grey, fontSize: 12),
),
],
],
);
}
Widget _buildPriorityIndicator(Priority priority) {
final Map<Priority, (Color, String)> priorityInfo = {
Priority.low: (Colors.grey, '低'),
Priority.medium: (Colors.green, '中'),
Priority.high: (Colors.red, '高'),
};
final (color, label) = priorityInfo[priority]!;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 3),
decoration: BoxDecoration(
color: color,
borderRadius: BorderRadius.circular(4),
),
child: Center(
child: Text(
label,
style: const TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.bold,
),
),
),
);
}
Widget _buildDeleteButton() {
final controller = FlyoutController();
return FlyoutTarget(
controller: controller,
child: IconButton(
icon: const Icon(FluentIcons.delete, size: 16),
onPressed: () {
controller.showFlyout<void>(
builder: (context) {
return FlyoutContent(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('确认删除该任务?'),
const SizedBox(height: 12.0),
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Button(
onPressed: () {
onDelete();
Flyout.of(context).close();
},
child: const Text('确认'),
),
const SizedBox(width: 5),
Button(
onPressed: Flyout.of(context).close,
child: const Text('取消'),
),
],
),
],
),
);
},
);
},
),
);
}
String _formatDate(DateTime date) {
return '${date.year}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
}
}