feat:增加统计模块指标数量功能

This commit is contained in:
2025-11-14 13:38:53 +08:00
parent 49ecfb2e5e
commit b4cda27e64
6 changed files with 107 additions and 20 deletions

View File

@@ -127,7 +127,7 @@ class _MainScreenState extends State<MainScreen> {
} }
String _getAppBarTitle(int index) { String _getAppBarTitle(int index) {
final titles = {0: '闪灵', 1: '待办', 2: '日程'}; final titles = {0: '闪灵', 1: '待办', 2: '日程', 3: '统计'};
return titles[index] ?? '闪灵'; return titles[index] ?? '闪灵';
} }
} }

View File

@@ -4,6 +4,9 @@ import 'package:flisp_app/service/flisp_service.dart';
import 'package:flisp_app/service/todo_service.dart'; import 'package:flisp_app/service/todo_service.dart';
import 'package:flisp_app/widgets/chart.dart'; import 'package:flisp_app/widgets/chart.dart';
import 'package:flisp_app/widgets/common.dart'; import 'package:flisp_app/widgets/common.dart';
import 'package:flisp_app/widgets/flisp_widget.dart';
import 'package:flisp_app/widgets/stats.dart';
import 'package:flisp_app/widgets/todo_widget.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class StatsPage extends StatefulWidget { class StatsPage extends StatefulWidget {
@@ -15,9 +18,12 @@ class StatsPage extends StatefulWidget {
class StatsPageState extends State<StatsPage> { class StatsPageState extends State<StatsPage> {
final double chartHeight = 400; final double chartHeight = 400;
final double statsHeight = 160;
final FlispService flispService = FlispService(); final FlispService flispService = FlispService();
final TodoService todoService = TodoService(); final TodoService todoService = TodoService();
late List<Flisp> allFlisps;
late List<Todo> allTodos;
late List<ChartData> flispMonthlyStats; late List<ChartData> flispMonthlyStats;
late List<ChartData> flispCategoryStats; late List<ChartData> flispCategoryStats;
late List<ChartData> todoMonthlyStats; late List<ChartData> todoMonthlyStats;
@@ -27,11 +33,11 @@ class StatsPageState extends State<StatsPage> {
@override @override
void initState() { void initState() {
super.initState(); super.initState();
final allFlisps = flispService.getAllFlisps(); allFlisps = flispService.getAllFlisps();
getFlispMonthlyStats(allFlisps); getFlispMonthlyStats(allFlisps);
getFlispCategoryStats(allFlisps); getFlispCategoryStats(allFlisps);
final allTodos = todoService.getAllTodos(); allTodos = todoService.getAllTodos();
getTodoMonthlyStats(allTodos); getTodoMonthlyStats(allTodos);
getTodoMonthlyCompleteStats(allTodos); getTodoMonthlyCompleteStats(allTodos);
getTodoCategoryStats(allTodos); getTodoCategoryStats(allTodos);
@@ -100,10 +106,22 @@ class StatsPageState extends State<StatsPage> {
.toList(); .toList();
} }
Widget _buildFlispStats(BuildContext context) {
return Column(
children: [
buildChartTitle(context, '闪灵统计', Icons.analytics),
const SizedBox(height: 3),
buildChartDivider(context),
const SizedBox(height: 3),
Expanded(child: buildFlispStatsCard(allFlisps)),
],
);
}
Widget _buildFlispMonthlyStats(BuildContext context) { Widget _buildFlispMonthlyStats(BuildContext context) {
return Column( return Column(
children: [ children: [
buildChartTitle(context, '每月闪灵数量统计'), buildChartTitle(context, '每月闪灵数量统计', Icons.show_chart),
const SizedBox(height: 3), const SizedBox(height: 3),
buildChartDivider(context), buildChartDivider(context),
const SizedBox(height: 3), const SizedBox(height: 3),
@@ -123,7 +141,7 @@ class StatsPageState extends State<StatsPage> {
Widget _buildFlispCategoryStats(BuildContext context) { Widget _buildFlispCategoryStats(BuildContext context) {
return Column( return Column(
children: [ children: [
buildChartTitle(context, '闪灵分类统计'), buildChartTitle(context, '闪灵分类统计', Icons.pie_chart),
const SizedBox(height: 3), const SizedBox(height: 3),
buildChartDivider(context), buildChartDivider(context),
const SizedBox(height: 3), const SizedBox(height: 3),
@@ -138,10 +156,22 @@ class StatsPageState extends State<StatsPage> {
); );
} }
Widget _buildTodoStats(BuildContext context) {
return Column(
children: [
buildChartTitle(context, '待办统计', Icons.analytics),
const SizedBox(height: 3),
buildChartDivider(context),
const SizedBox(height: 3),
Expanded(child: buildTodoStatsCard(allTodos)),
],
);
}
Widget _buildTodoMonthlyStats(BuildContext context) { Widget _buildTodoMonthlyStats(BuildContext context) {
return Column( return Column(
children: [ children: [
buildChartTitle(context, '每月待办数量统计'), buildChartTitle(context, '每月待办数量统计', Icons.bar_chart),
const SizedBox(height: 3), const SizedBox(height: 3),
buildChartDivider(context), buildChartDivider(context),
const SizedBox(height: 3), const SizedBox(height: 3),
@@ -164,7 +194,7 @@ class StatsPageState extends State<StatsPage> {
Widget _buildTodoPriorityStats(BuildContext context) { Widget _buildTodoPriorityStats(BuildContext context) {
return Column( return Column(
children: [ children: [
buildChartTitle(context, '待办分类统计'), buildChartTitle(context, '待办分类统计', Icons.pie_chart),
const SizedBox(height: 3), const SizedBox(height: 3),
buildChartDivider(context), buildChartDivider(context),
const SizedBox(height: 3), const SizedBox(height: 3),
@@ -182,6 +212,16 @@ class StatsPageState extends State<StatsPage> {
padding: EdgeInsets.all(10), padding: EdgeInsets.all(10),
child: Column( child: Column(
children: [ children: [
SizedBox(
height: statsHeight,
child: BuildCard(child: _buildFlispStats(context)),
),
SizedBox(height: 10),
SizedBox(
height: statsHeight,
child: BuildCard(child: _buildTodoStats(context)),
),
SizedBox(height: 10),
SizedBox( SizedBox(
height: chartHeight, height: chartHeight,
child: BuildCard(child: _buildFlispMonthlyStats(context)), child: BuildCard(child: _buildFlispMonthlyStats(context)),

View File

@@ -8,10 +8,10 @@ class ChartData {
ChartData({required this.name, required this.value}); ChartData({required this.name, required this.value});
} }
Widget buildChartTitle(BuildContext context, String title) { Widget buildChartTitle(BuildContext context, String title, IconData icon) {
return Row( return Row(
children: [ children: [
Icon(Icons.insert_chart, color: Theme.of(context).colorScheme.primary), Icon(icon, color: Theme.of(context).colorScheme.primary),
Text(title), Text(title),
], ],
); );
@@ -101,10 +101,7 @@ Widget barChart({
}) { }) {
return SfCartesianChart( return SfCartesianChart(
// X轴配置类别轴 // X轴配置类别轴
primaryXAxis: CategoryAxis( primaryXAxis: CategoryAxis(majorGridLines: MajorGridLines(width: 0)),
majorGridLines: MajorGridLines(width: 0),
title: AxisTitle(text: xAxisName),
),
// Y轴配置数值轴 // Y轴配置数值轴
// primaryYAxis: NumericAxis(title: AxisTitle(text: '$yAxisName$unit')), // primaryYAxis: NumericAxis(title: AxisTitle(text: '$yAxisName$unit')),
@@ -164,10 +161,7 @@ Widget doubleBarChart({
}) { }) {
return SfCartesianChart( return SfCartesianChart(
// X轴配置类别轴 // X轴配置类别轴
primaryXAxis: CategoryAxis( primaryXAxis: CategoryAxis(majorGridLines: const MajorGridLines(width: 0)),
majorGridLines: const MajorGridLines(width: 0),
title: AxisTitle(text: xAxisName),
),
// Y轴配置数值轴 // Y轴配置数值轴
// primaryYAxis: NumericAxis(title: AxisTitle(text: '$yAxisName$unit')), // primaryYAxis: NumericAxis(title: AxisTitle(text: '$yAxisName$unit')),

View File

@@ -4,7 +4,7 @@ import 'package:flutter/material.dart';
import 'package:intl/intl.dart'; import 'package:intl/intl.dart';
import 'package:toggle_switch/toggle_switch.dart'; import 'package:toggle_switch/toggle_switch.dart';
Widget buildStatsCard(List<Flisp> flisps) { Widget buildFlispStatsCard(List<Flisp> flisps) {
int totalCount = flisps.length; int totalCount = flisps.length;
int lifeCount = flisps.where((flisp) => flisp.tag == FlispTag.life).length; int lifeCount = flisps.where((flisp) => flisp.tag == FlispTag.life).length;

54
lib/widgets/stats.dart Normal file
View File

@@ -0,0 +1,54 @@
import 'package:flisp_app/widgets/common.dart';
import 'package:flutter/material.dart';
class StatisticCard extends StatelessWidget {
final IconData icon;
final Color color;
final String title;
final num value;
final String unit;
const StatisticCard({
super.key,
required this.icon,
required this.color,
required this.title,
required this.value,
required this.unit,
});
@override
Widget build(BuildContext context) {
return BuildCard(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: 40,
height: 40,
child: Icon(icon, color: color, size: 40),
),
const SizedBox(width: 10),
Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(title, style: TextStyle(fontSize: 20, color: color)),
const SizedBox(height: 4),
Row(
children: [
Text(
value.toString(),
style: TextStyle(fontSize: 20, color: color),
),
const SizedBox(width: 5),
Text(unit, style: TextStyle(fontSize: 20, color: color)),
],
),
],
),
],
),
);
}
}

View File

@@ -3,10 +3,9 @@ import 'package:flisp_app/utils/todo_utils.dart';
import 'package:flisp_app/widgets/common.dart'; import 'package:flisp_app/widgets/common.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:intl/intl.dart'; import 'package:intl/intl.dart';
import 'package:toggle_switch/toggle_switch.dart';
// 统计卡片 // 统计卡片
Widget buildStatsCard(List<Todo> todos) { Widget buildTodoStatsCard(List<Todo> todos) {
int totalCount = todos.length; int totalCount = todos.length;
int activeCount = todos.where((todo) => !todo.isCompleted).length; int activeCount = todos.where((todo) => !todo.isCompleted).length;