添加选择模版页面

lib/modules/meeting/bindings/template_binding.dart

@@ -0,0 +1,10 @@
+import 'package:get/get.dart';
+import '../controllers/template_controller.dart';
+
+class TemplateBinding extends Bindings {
+  @override
+  void dependencies() {
+    // 注册控制器
+    Get.lazyPut<TemplateController>(() => TemplateController());
+  }
+}

lib/modules/meeting/controllers/template_controller.dart

@@ -0,0 +1,3 @@
+import 'package:get/get.dart';
+
+class TemplateController extends GetxController {}

lib/modules/meeting/views/generate_bottom_sheet.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
 
+import '../../../routes/app_routes.dart';
 import '../controllers/meeting_details_controller.dart';
 import 'record_language_bottom_sheet.dart';
 
@@ -20,6 +21,44 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
   String _language = 'zh-CN';
 
   int _templateId = 0;
+  int _lastTemplateId = 0;
+  final List _templateList = [
+    {
+      'id': 1,
+      'name': '会议纪要',
+      'icon': Icons.auto_stories,
+      'tag': ['主题', '代办事项'],
+      'desc': '',
+    },
+    {
+      'id': 2,
+      'name': 'Autopilot',
+      'icon': Icons.auto_graph,
+      'tag': ['自适应结构', '全场景适配'],
+      'desc': '',
+    },
+    {
+      'id': 3,
+      'name': '推理Autopilot',
+      'icon': Icons.add_to_drive_outlined,
+      'tag': ['推理模型', '自动结构化'],
+      'desc': '',
+    },
+    {
+      'id': 4,
+      'name': '通话',
+      'icon': Icons.perm_phone_msg,
+      'tag': ['主题', '代办事项'],
+      'desc': '',
+    },
+    {
+      'id': 5,
+      'name': '自定义',
+      'icon': Icons.auto_fix_high,
+      'tag': [],
+      'desc': '自定义模版',
+    },
+  ];
 
   @override
   Widget build(BuildContext context) {
@@ -97,7 +136,18 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                   ),
                 ),
               ),
-              Row(
+              GestureDetector(
+                onTap: () async {
+                  var result = await Get.toNamed(Routes.template, arguments: {
+                    'id': _templateId,
+                  });
+                  if (result != null) {
+                    setState(() {
+                      _templateId = result;
+                    });
+                  }
+                },
+                child: Row(
                   children: [
                     Text(
                       '查看全部',
@@ -112,6 +162,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                     )
                   ],
                 ),
+              ),
             ],
           ),
         ),
@@ -119,11 +170,12 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
           height: 130.w,
           margin: EdgeInsets.only(bottom: 16.w),
           child: ListView.builder(
-            itemCount: 10,
+            itemCount: _templateList.length,
             scrollDirection: Axis.horizontal,
             padding: EdgeInsets.symmetric(horizontal: 4.w),
             itemBuilder: (BuildContext context, int index) {
-              return _item();
+              Map data = _templateList[index];
+              return _item(data);
             },
           ),
         ),
@@ -208,7 +260,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
     );
   }
 
-  Widget _item() {
+  Widget _item(Map data) {
     return Container(
       width: 200.w,
       margin: EdgeInsets.symmetric(horizontal: 8.w),
@@ -216,16 +268,25 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(14.w),
       ),
+      child: GestureDetector(
+        onTap: () {
+          setState(() {
+            _templateId = data['id'];
+          });
+        },
         child: Stack(
           children: [
             Container(
               padding: EdgeInsets.all(5.w),
-            decoration: const BoxDecoration(
+              decoration: BoxDecoration(
-              gradient: LinearGradient(
+                color: Colors.white,
+                gradient: _templateId == data['id']
+                    ? const LinearGradient(
                         colors: [Colors.blue, Colors.pinkAccent],
                         begin: Alignment.centerLeft,
                         end: Alignment.centerRight,
-              ),
+                      )
+                    : null,
               ),
               child: Container(
                 width: double.infinity,
@@ -240,7 +301,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                     Padding(
                       padding: EdgeInsets.only(top: 5.w),
                       child: Icon(
-                      Icons.perm_phone_msg,
+                        data['icon'],
                         color: Colors.orange,
                         size: 30.w,
                       ),
@@ -248,7 +309,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                     Padding(
                       padding: EdgeInsets.symmetric(vertical: 10.w),
                       child: Text(
-                      '会议纪要',
+                        data['name'],
                         style: TextStyle(
                           fontSize: 16.sp,
                           color: Colors.black87,
@@ -256,9 +317,13 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                         ),
                       ),
                     ),
-                  Wrap(
+                    data['tag'].isNotEmpty
-                    children: [
+                        ? Wrap(
-                      Container(
+                            spacing: 5.w,
+                            children: List.generate(
+                              data['tag'].length,
+                              (int idx) {
+                                return Container(
                                   padding: EdgeInsets.symmetric(
                                       horizontal: 5.w, vertical: 2.w),
                                   decoration: BoxDecoration(
@@ -266,27 +331,29 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                                     borderRadius: BorderRadius.circular(4.r),
                                   ),
                                   child: Text(
-                          '主题',
+                                    data['tag'][idx],
                                     style: TextStyle(
                                       fontSize: 10.sp,
                                       color: Colors.grey[600],
                                     ),
                                   ),
+                                );
+                              },
+                            ),
+                          )
+                        : Text(
+                            data['desc'],
+                            overflow: TextOverflow.ellipsis,
+                            style: TextStyle(
+                              fontSize: 12.sp,
+                              color: Colors.grey[600],
                             ),
-                    ],
                           ),
-                  // Text(
-                  //   '主题主题主题主题主题主题主题主题主题主题',
-                  //   overflow: TextOverflow.ellipsis,
-                  //   style: TextStyle(
-                  //     fontSize: 12.sp,
-                  //     color: Colors.grey[600],
-                  //   ),
-                  // ),
                   ],
                 ),
               ),
             ),
+            if (_lastTemplateId == data['id'])
               Positioned(
                 top: 0,
                 left: 0,
@@ -309,6 +376,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
                   ),
                 ),
               ),
+            if (_templateId == data['id'])
               Positioned(
                 right: -18.w,
                 bottom: -18.w,
@@ -330,6 +398,7 @@ class _GenerateBottomSheetState extends State<GenerateBottomSheet> {
               ),
           ],
         ),
+      ),
     );
   }
 

lib/modules/meeting/views/template_view.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+import '../controllers/template_controller.dart';
+
+class TemplateView extends GetView<TemplateController> {
+  const TemplateView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final isDarkMode = Theme.of(context).brightness == Brightness.dark;
+
+    return Scaffold(
+      backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
+      appBar: _buildAppBar(isDarkMode),
+      body: _buildBody(context, isDarkMode),
+    );
+  }
+
+  // 构建应用栏
+  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
+    return AppBar(
+      backgroundColor: isDarkMode ? Colors.black : Colors.white,
+      elevation: 0.5,
+      leading: IconButton(
+        icon: Icon(
+          Icons.arrow_back_ios,
+          color: isDarkMode ? Colors.white : Colors.black,
+          size: 20.sp,
+        ),
+        onPressed: () => Get.back(),
+      ),
+      title: Text(
+        '选择总结模版',
+        style: TextStyle(
+          fontSize: 17.sp,
+          fontWeight: FontWeight.w600,
+          color: isDarkMode ? Colors.white : Colors.black,
+        ),
+      ),
+      centerTitle: true,
+    );
+  }
+
+  // 构建主体内容
+  Widget _buildBody(BuildContext context, bool isDarkMode) {
+    return Container();
+  }
+}

lib/routes/app_pages.dart

@@ -7,8 +7,10 @@ import '../modules/explore/views/explore_view.dart';
 import '../modules/explore/bindings/explore_binding.dart';
 import '../modules/meeting/bindings/meeting_binding.dart';
 import '../modules/meeting/bindings/meeting_details_binding.dart';
+import '../modules/meeting/bindings/template_binding.dart';
 import '../modules/meeting/views/meeting_details_view.dart';
 import '../modules/meeting/views/meeting_view.dart';
+import '../modules/meeting/views/template_view.dart';
 import '../modules/profile/views/profile_view.dart';
 import '../modules/profile/bindings/profile_binding.dart';
 import '../modules/chat/bindings/chat_binding.dart';
@@ -140,6 +142,13 @@ abstract class AppPages {
       transition: Transition.rightToLeft,
       transitionDuration: Duration(milliseconds: 250),
     ),
+    GetPage(
+      name: Routes.template,
+      page: () => const TemplateView(),
+      binding: TemplateBinding(),
+      transition: Transition.rightToLeft,
+      transitionDuration: Duration(milliseconds: 250),
+    ),
     GetPage(
       name: Routes.timbre,
       page: () => const TimbreView(),

lib/routes/app_routes.dart

@@ -22,6 +22,7 @@ abstract class Routes {
   // 会议相关
   static const meeting = '/meeting';
   static const meetingDetails = '/meetingDetails';
+  static const template = '/template';
 
   // 语言功能
   static const translation = '/translation'; // 实时翻译