1

lib/pages/student/home/today/banner_info.dart

@@ -1,5 +1,9 @@
 import 'package:app/config/theme/base/app_theme_ext.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import '../viewmodel/s_home_vm.dart';
 
 ///banner
 class BannerInfo extends StatelessWidget {
@@ -7,11 +11,12 @@ class BannerInfo extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final vm = context.read<SHomeVm>();
     return Stack(
       children: [
         Positioned.fill(
-          child: Image.network(
-            "https://images.unsplash.com/photo-1505209487757-5114235191e5?w=800",
+          child: CachedNetworkImage(
+            imageUrl: "https://www.gxgif.com/pic/fj/2025115155717.jpg",
             fit: BoxFit.cover,
           ),
         ),
@@ -35,34 +40,38 @@ class BannerInfo extends StatelessWidget {
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              Container(
-                padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
-                margin: EdgeInsets.only(bottom: 30),
-                decoration: BoxDecoration(
-                  color: Colors.black26,
-                  borderRadius: BorderRadius.circular(30),
-                ),
-                child: Row(
-                  mainAxisSize: MainAxisSize.min,
-                  spacing: 5,
-                  children: [
-                    Container(
-                      width: 15,
-                      height: 15,
-                      decoration: BoxDecoration(
-                        color: context.success,
-                        shape: BoxShape.circle,
+              Visibility(
+                visible: false,
+                child: Container(
+                  padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+                  margin: EdgeInsets.only(bottom: 30),
+                  decoration: BoxDecoration(
+                    color: Colors.black26,
+                    borderRadius: BorderRadius.circular(30),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    spacing: 5,
+                    children: [
+                      Container(
+                        width: 15,
+                        height: 15,
+                        decoration: BoxDecoration(
+                          color: context.success,
+                          shape: BoxShape.circle,
+                        ),
                       ),
-                    ),
-                    Text(
-                      "进行中",
-                      style: TextStyle(color: Colors.white, fontSize: 14),
-                    ),
-                  ],
+                      Text(
+                        "进行中",
+                        style: TextStyle(color: Colors.white, fontSize: 14),
+                      ),
+                    ],
+                  ),
                 ),
               ),
+              SizedBox(height: 50),
               Text(
-                "高中数学专场",
+                vm.roomInfo?.roomName ?? "",
                 style: TextStyle(
                   color: Colors.white,
                   fontSize: 20,
@@ -82,4 +91,4 @@ class BannerInfo extends StatelessWidget {
       ],
     );
   }
-}
+}

lib/pages/student/home/today/s_today_card.dart

@@ -1,12 +1,19 @@
 import 'package:app/config/theme/base/app_theme_ext.dart';
+import 'package:app/pages/student/home/viewmodel/s_home_vm.dart';
 import 'package:app/router/route_paths.dart';
+import 'package:app/utils/permission.dart';
 import 'package:app/widgets/base/button/index.dart';
+import 'package:app/widgets/base/empty/index.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
 import 'package:go_router/go_router.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:provider/provider.dart';
 import 'package:remixicon/remixicon.dart';
+import 'package:skeletonizer/skeletonizer.dart';
 
 import 'banner_info.dart';
-import 'teacher_info.dart';
 
 class STodayCard extends StatefulWidget {
   const STodayCard({super.key});
@@ -16,60 +23,124 @@ class STodayCard extends StatefulWidget {
 }
 
 class _STodayCardState extends State<STodayCard> {
-  ///进入自习室
-  void _handleEnterRoom() {
-    context.push(RoutePaths.sRoom);
+  ///前往会议室
+  void _goToRoom() {
+    checkPermission(
+      permissions: [Permission.microphone, Permission.camera],
+      onGranted: () {
+        final vm = context.read<SHomeVm>();
+        context.push(RoutePaths.sRoom,extra: vm.roomInfo);
+      },
+      onDenied: () {
+        EasyLoading.showError("请开启权限");
+      },
+      onPermanentlyDenied: () {
+        EasyLoading.showError("请手动开启麦克风和摄像头权限");
+      },
+    );
   }
+
   @override
   Widget build(BuildContext context) {
-    return Container(
-      clipBehavior: Clip.hardEdge,
-      decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(10),
-      ),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          BannerInfo(),
-          Container(
-            width: double.infinity,
-            padding: EdgeInsets.symmetric(horizontal: context.pagePadding, vertical: 20),
-            decoration: BoxDecoration(
-              color: Colors.white,
+    final vm = context.watch<SHomeVm>();
+    if (!vm.loading && vm.roomInfo == null) {
+      return Empty(text: "没有自习室");
+    }
+    return Skeletonizer(
+      enabled: vm.loading,
+      child: Container(
+        clipBehavior: Clip.hardEdge,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(10),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Skeleton.unite(
+              child: BannerInfo(),
             ),
-            child: Column(
-              spacing: 30,
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                TeacherInfo(),
-                Row(
-                  spacing: 20,
-                  children: [
-                    InfoItem(
-                      label: "自习时间",
-                      value: "19:00-21:00",
-                      icon: RemixIcons.time_line,
-                      color: Theme.of(context).primaryColor,
+            Container(
+              width: double.infinity,
+              padding: EdgeInsets.symmetric(horizontal: context.pagePadding, vertical: 20),
+              decoration: BoxDecoration(
+                color: Colors.white,
+              ),
+              child: Column(
+                spacing: 30,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Container(
+                    padding: EdgeInsets.all(context.pagePadding),
+                    decoration: BoxDecoration(
+                      color: Color(0xffeef2ff),
+                      borderRadius: BorderRadius.circular(10),
                     ),
-                    InfoItem(
-                      label: "在线人数",
-                      value: "8/12 人",
-                      icon: RemixIcons.time_line,
-                      color: context.success,
+                    child: Row(
+                      spacing: 15,
+                      children: [
+                        Container(
+                          width: 60,
+                          height: 60,
+                          clipBehavior: Clip.hardEdge,
+                          decoration: BoxDecoration(
+                            shape: BoxShape.circle,
+                            border: Border.all(color: Colors.white, width: 3),
+                          ),
+                          child: ClipRRect(
+                            borderRadius: BorderRadius.circular(50),
+                            child: Skeleton.replace(
+                              replacement: Bone.circle(),
+                              child: CachedNetworkImage(
+                                imageUrl: vm.roomInfo?.teacherAvatar ?? "",
+                                fit: BoxFit.cover,
+                              ),
+                            ),
+                          ),
+                        ),
+                        Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(vm.roomInfo?.teacherName ?? ""),
+                            Text(
+                              vm.roomInfo?.teacherBackground ?? "",
+                              style: Theme.of(context).textTheme.labelLarge,
+                            ),
+                          ],
+                        ),
+                      ],
                     ),
-                  ],
-                ),
-                SizedBox(
-                  height: 50,
-                  child: Button(
-                    text: "进入自习室",
-                    onPressed: _handleEnterRoom,
                   ),
-                ),
-              ],
+                  Row(
+                    spacing: 20,
+                    children: [
+                      InfoItem(
+                        label: "自习时间",
+                        value: "${vm.roomInfo?.startTime}-${vm.roomInfo?.endTime}",
+                        icon: RemixIcons.time_line,
+                        color: Theme.of(context).primaryColor,
+                      ),
+                      InfoItem(
+                        label: "自习时长",
+                        value: "${vm.roomMinutes} 分钟",
+                        icon: RemixIcons.timer_line,
+                        color: context.success,
+                      ),
+                    ],
+                  ),
+                  Skeleton.unite(
+                    child: SizedBox(
+                      height: 50,
+                      child: Button(
+                        text: "进入自习室",
+                        onPressed: _goToRoom,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }

lib/pages/student/home/today/teacher_info.dart

@@ -1,54 +0,0 @@
-
-//老师信息
-import 'package:app/config/theme/base/app_theme_ext.dart';
-import 'package:cached_network_image/cached_network_image.dart';
-import 'package:flutter/material.dart';
-
-class TeacherInfo extends StatelessWidget {
-  const TeacherInfo({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.all(context.pagePadding),
-      decoration: BoxDecoration(
-        color: Color(0xffeef2ff),
-        borderRadius: BorderRadius.circular(10),
-      ),
-      child: Row(
-        spacing: 15,
-        children: [
-          Container(
-            width: 60,
-            height: 60,
-            clipBehavior: Clip.hardEdge,
-            decoration: BoxDecoration(
-              shape: BoxShape.circle,
-              border: Border.all(
-                color: Colors.white,
-                width: 3,
-              ),
-            ),
-            child: ClipRRect(
-              borderRadius: BorderRadius.circular(50),
-              child: CachedNetworkImage(
-                imageUrl: 'https://doaf.asia/api/assets/1/图/62865798_p0.jpg',
-                fit: BoxFit.cover,
-              ),
-            ),
-          ),
-          Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text("张老师"),
-              Text(
-                "资深数学教师 · 10年教学经验",
-                style: Theme.of(context).textTheme.labelLarge,
-              ),
-            ],
-          ),
-        ],
-      ),
-    );
-  }
-}