修改会员弹窗

lib/modules/common/webview_page.dart

@@ -20,8 +20,9 @@ class WebViewPage extends StatelessWidget {
     return Scaffold(
       backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
       appBar: AppBar(
-        centerTitle: true,
+        backgroundColor: isDarkMode ? Colors.black : Colors.white,
-        title: Text(title),
+        surfaceTintColor: Colors.transparent,
+        elevation: 0.5,
         leading: IconButton(
           icon: Icon(
             Icons.arrow_back_ios,
@@ -30,9 +31,15 @@ class WebViewPage extends StatelessWidget {
           ),
           onPressed: () => Get.back(),
         ),
-        backgroundColor: isDarkMode ? Colors.black : Colors.white,
+        title: Text(
-        foregroundColor: isDarkMode ? Colors.white : Colors.black,
+          title,
-        elevation: 0,
+          style: TextStyle(
+            fontSize: 17.sp,
+            fontWeight: FontWeight.w600,
+            color: isDarkMode ? Colors.white : Colors.black,
+          ),
+        ),
+        centerTitle: true,
       ),
       body: WebViewWidget(
         controller: controller,

lib/modules/meeting/views/bottomSheet/member_bottom_sheet.dart

@@ -0,0 +1,169 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+import '../../../common/webview_page.dart';
+
+class MemberBottomSheet extends StatelessWidget {
+  const MemberBottomSheet({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 12.w),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.vertical(
+          top: Radius.circular(12.r),
+        ),
+        image: const DecorationImage(
+          alignment: Alignment.topCenter,
+          image: AssetImage('assets/images/mine-background.png'),
+          fit: BoxFit.fitWidth,
+        ),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Container(
+            margin: EdgeInsets.only(top: 12.w),
+            alignment: Alignment.centerRight,
+            child: GestureDetector(
+              onTap: () => Get.back(),
+              child: Container(
+                width: 26.w,
+                height: 26.w,
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.circular(26.r),
+                ),
+                child: Icon(
+                  Icons.close,
+                  size: 18.w,
+                  color: Colors.grey[400],
+                ),
+              ),
+            ),
+          ),
+          Text(
+            '解锁 Starter 会员',
+            style: TextStyle(
+              color: Colors.black87,
+              fontSize: 18.sp,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          Padding(
+            padding: EdgeInsets.only(top: 5.w, bottom: 20.w),
+            child: Text(
+              '绑定 VOITRANS 设备可激活 Starter 会员权益，解锁:',
+              style: TextStyle(
+                color: Colors.grey,
+                fontSize: 14.sp,
+              ),
+            ),
+          ),
+          _item(Icons.access_time, Colors.red, '每月300分钟转写时长'),
+          _item(Icons.description, Colors.purpleAccent, '为行业细分场景设计的专业总结模版'),
+          _item(Icons.auto_awesome, Colors.purpleAccent, 'Autopilot 模版自动总结'),
+          _item(Icons.people, Colors.red, '区分不同说话人'),
+          _item(Icons.cloud_upload, Colors.red, '从APP、WEB导入音频进行转写和总结'),
+          Padding(
+            padding: EdgeInsets.symmetric(vertical: 20.w),
+            child: Row(
+              children: [
+                Expanded(
+                  child: GestureDetector(
+                    onTap: () {
+                      Get.to(
+                        () => const WebViewPage(
+                          url: 'https://web.voitrans.net',
+                          title: 'Voitrans',
+                        ),
+                      );
+                    },
+                    child: Container(
+                      height: 48.w,
+                      alignment: Alignment.center,
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(12.r),
+                        border: Border.all(
+                          color: Colors.grey[400]!,
+                        ),
+                      ),
+                      child: Text(
+                        '发现更多',
+                        style: TextStyle(
+                          fontSize: 16.sp,
+                          color: Colors.black,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                10.horizontalSpace,
+                Expanded(
+                  child: GestureDetector(
+                    onTap: () {},
+                    child: Container(
+                      height: 48.w,
+                      alignment: Alignment.center,
+                      decoration: BoxDecoration(
+                        color: Colors.black,
+                        borderRadius: BorderRadius.circular(12.r),
+                      ),
+                      child: Text(
+                        '立即绑定',
+                        style: TextStyle(
+                          fontSize: 16.sp,
+                          color: Colors.white,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _item(IconData icon, Color color, String title) {
+    return Padding(
+      padding: EdgeInsets.symmetric(vertical: 10.w),
+      child: Row(
+        children: [
+          Container(
+            width: 50.w,
+            height: 50.w,
+            margin: EdgeInsets.only(right: 10.w),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(16.r),
+              border: Border.all(
+                color: Colors.red.withOpacity(0.1),
+                width: 2.w,
+              ),
+            ),
+            child: Icon(
+              icon,
+              size: 24.w,
+              color: color,
+            ),
+          ),
+          Expanded(
+            child: Text(
+              title,
+              style: TextStyle(
+                color: Colors.black87,
+                fontSize: 14.sp,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/modules/meeting/views/meeting_mine_view.dart

@@ -7,8 +7,10 @@ import '../../profile/views/unified_avatar.dart';
 import '../controllers/meeting_controller.dart';
 import '../controllers/meeting_mine_controller.dart';
 import '../utils/meeting_ui_utils.dart';
+import 'bottomSheet/member_bottom_sheet.dart';
 import 'bottomSheet/statistics_bottom_sheet.dart';
 import 'mine/meeting_cloud_view.dart';
+import 'mine/meeting_member_view.dart';
 import 'mine/meeting_transcription_view.dart';
 
 class MeetingMineView extends StatefulWidget {
@@ -96,7 +98,9 @@ class _MeetingMineViewState extends State<MeetingMineView>
                 _item(
                   Icons.settings_remote_outlined,
                   '我的VOITRANS设备',
-                  onTap: () {},
+                  onTap: () {
+                    Get.toNamed(Routes.devices);
+                  },
                 ),
               ]),
               _box([
@@ -290,7 +294,12 @@ class _MeetingMineViewState extends State<MeetingMineView>
       ),
       child: Column(
         children: [
-          Padding(
+          GestureDetector(
+            onTap: () {
+              Get.to(() => const MeetingMemberView());
+            },
+            behavior: HitTestBehavior.translucent,
+            child: Padding(
               padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w),
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -310,7 +319,21 @@ class _MeetingMineViewState extends State<MeetingMineView>
                 ],
               ),
             ),
-          Container(
+          ),
+          GestureDetector(
+            onTap: () {
+              Get.bottomSheet(
+                const MemberBottomSheet(),
+                isScrollControlled: true,
+                backgroundColor: Colors.white,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.vertical(
+                    top: Radius.circular(12.r),
+                  ),
+                ),
+              );
+            },
+            child: Container(
               padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 15.w),
               decoration: BoxDecoration(
                 color: Colors.black87,
@@ -379,6 +402,7 @@ class _MeetingMineViewState extends State<MeetingMineView>
                 ],
               ),
             ),
+          ),
         ],
       ),
     );

lib/modules/meeting/views/mine/meeting_member_view.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class MeetingMemberView extends StatelessWidget {
+  const MeetingMemberView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder();
+  }
+}