feat:增加图表组件

lib/widgets/recipe/recipe_calendar.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:food_hub_app/utils/index.dart';
 import 'package:table_calendar/table_calendar.dart';
+import 'package:tdesign_flutter/tdesign_flutter.dart';
 
 class RecipeCalendar extends StatefulWidget {
   const RecipeCalendar({super.key});
@@ -9,50 +11,104 @@ class RecipeCalendar extends StatefulWidget {
 }
 
 class _RecipeCalendarState extends State<RecipeCalendar> {
-  // 当前选中的日期
   DateTime _selectedDay = DateTime.now();
-  // 当前显示的月份
   DateTime _focusedDay = DateTime.now();
 
+
+
+  TableCalendar recipeCalendar() {
+    return TableCalendar(
+      locale: 'zh_CN',
+      headerStyle: const HeaderStyle(
+        formatButtonVisible: false,
+        titleCentered: true,
+      ),
+      firstDay: DateTime.utc(2010, 1, 1),
+      lastDay: DateTime.utc(2100, 12, 31),
+      focusedDay: _focusedDay,
+      selectedDayPredicate: (day) => isSameDay(_selectedDay, day),
+      onDaySelected: (selectedDay, focusedDay) {
+        if (!isSameDay(_selectedDay, selectedDay)) {
+          setState(() {
+            _selectedDay = selectedDay;
+            _focusedDay = focusedDay;
+          });
+        }
+      },
+      onPageChanged: (focusedDay) {
+        print("cxx");
+        _focusedDay = focusedDay;
+      },
+    );
+  }
+
+  Widget dailyItem() {
+    return Card(
+      elevation: 0,
+      color: Colors.white,
+      child: Padding(
+        padding: EdgeInsets.all(5),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(formatDateTime(_selectedDay, 'MM月dd日 EEEE')),
+            recipeRecordItem(),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget recipeRecordItem() {
+    return Card(
+      elevation: 0,
+      color: Colors.limeAccent.shade100,
+      child: Padding(
+        padding: EdgeInsets.all(10),
+        child: Row(
+          children: [
+            TDAvatar(
+              size: TDAvatarSize.medium,
+              type: TDAvatarType.customText,
+              text: 'A',
+            ),
+            SizedBox(width: 10),
+            Expanded(
+              // 使用Expanded让文本区域占据剩余空间
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    "青椒土豆丝",
+                    style: TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  SizedBox(height: 5),
+                  Text("家常菜", style: TextStyle(color: Colors.grey)),
+                ],
+              ),
+            ),
+            SizedBox(width: 10),
+            TDButton(
+              icon: TDIcons.arrow_right,
+              type: TDButtonType.fill,
+              shape: TDButtonShape.circle,
+              theme: TDButtonTheme.primary,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return Column(
       children: [
-        Card(
-          elevation: 0,
-          color: Colors.white,
-          child: TableCalendar(
-            locale: 'zh_CN',
-            headerStyle: const HeaderStyle(
-              formatButtonVisible: false,
-              titleCentered: true,
-            ),
-            firstDay: DateTime.utc(2010, 1, 1),
-            lastDay: DateTime.utc(2100, 12, 31),
-            focusedDay: _focusedDay,
-            selectedDayPredicate: (day) => isSameDay(_selectedDay, day),
-            onDaySelected: (selectedDay, focusedDay) {
-              if (!isSameDay(_selectedDay, selectedDay)) {
-                setState(() {
-                  _selectedDay = selectedDay;
-                  _focusedDay = focusedDay;
-                });
-              }
-            },
-            onPageChanged: (focusedDay) {
-              print("cxx");
-              _focusedDay = focusedDay;
-            },
-          ),
-        ),
-
-        // 显示选中的日期
-        const SizedBox(height: 16),
-        Text(
-          '选中的日期: ${_selectedDay.year}-${_selectedDay.month}-${_selectedDay.day}',
-          style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
-        ),
+        Card(elevation: 0, color: Colors.white, child: recipeCalendar()),
+        const SizedBox(height: 10),
+        dailyItem(),
       ],
     );
   }
-}
+}