zhutao/xueguang_flutter_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
zhutao
2025-11-21 18:21:47 +08:00
parent 9c94ee31fd
commit 5784a0a5d4
32 changed files with 734 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
lib/pages/student/home/s_home_page.dart
View File

@@ -1,33 +1,36 @@
import 'package:app/config/theme/base/app_theme_ext.dart';
import 'package:app/pages/student/home/viewmodel/s_home_vm.dart';
import 'package:app/request/api/room_api.dart';
import 'package:app/request/dto/room/room_type_dto.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'today/s_today_card.dart';
import 'widgets/user_header.dart';
class SHomePage extends StatefulWidget {
class SHomePage extends StatelessWidget {
const SHomePage({super.key});
@override
State<SHomePage> createState() => _SHomePageState();
Widget build(BuildContext context) {
return ChangeNotifierProvider(
create: (_) => SHomeVm(),
child: _HomeView(),
);
}
}
class _SHomePageState extends State<SHomePage> {
///刷新状态
Future<void> _refresh() async {
await Future.delayed(Duration(seconds: 1));
}
class _HomeView extends StatelessWidget {
const _HomeView({super.key});
@override
Widget build(BuildContext context) {
final vm = context.read<SHomeVm>();
return Scaffold(
backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
appBar: UserHeader(),
body: RefreshIndicator(
onRefresh: _refresh,
onRefresh: vm.loadData,
child: ListView(
padding: EdgeInsets.all(context.pagePadding),
children: [

63
lib/pages/student/home/today/banner_info.dart
View File

@@ -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 {
],
);
}
}
}

165
lib/pages/student/home/today/s_today_card.dart
View File

@@ -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,
),
),
),
],
),
),
),
],
],
),
),
);
}

54
lib/pages/student/home/today/teacher_info.dart
View File

@@ -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,
),
],
),
],
),
);
}
}

34
lib/pages/student/home/viewmodel/s_home_vm.dart Normal file
View File

@@ -0,0 +1,34 @@
import 'package:app/request/api/room_api.dart';
import 'package:app/request/dto/room/room_info_dto.dart';
import 'package:app/utils/time.dart';
import 'package:flutter/cupertino.dart';
class SHomeVm extends ChangeNotifier {
RoomInfoDto? roomInfo;
bool loading = true;
SHomeVm() {
loadData();
}
//加载数据
Future<void> loadData() async {
final list = await getRoomListApi();
loading = false;
if (list.isNotEmpty) {
roomInfo = list.first;
}
notifyListeners();
}
///计算会议时间
int get roomMinutes {
if (roomInfo == null) return 0;
final start = parseTime(roomInfo!.startTime);
final end = parseTime(roomInfo!.endTime);
return end.difference(start).inMinutes;
}
}

4
lib/pages/student/home/widgets/user_header.dart
View File

@@ -1,5 +1,6 @@
import 'package:app/providers/user_store.dart';
import 'package:app/router/route_paths.dart';
import 'package:app/utils/time.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
@@ -10,6 +11,7 @@ class UserHeader extends StatelessWidget implements PreferredSizeWidget {
@override
Widget build(BuildContext context) {
final userStore = context.read<UserStore>();
return AppBar(
title: const Text('学光自习室'),
actions: [
@@ -32,7 +34,7 @@ class UserHeader extends StatelessWidget implements PreferredSizeWidget {
size: 18,
),
Text(
"会员至 2025-03-12",
"会员至 ${formatDate(userStore.userInfo?.extraInfo.vipEndTime,'YYYY-MM-DD')}",
style: TextStyle(color: Colors.white, fontSize: 14),
),
],