前端修复: - calendar_page: 移除不存在的 JournalEntry.content getter - responsive_scaffold: 移除不存在的 notchThickness 参数 - splash_page: SingleTickerProvider → TickerProvider (多 AnimationController) - profile_page: UserRoleType.name → .code (修复运行时崩溃) - 导入缺失的 user.dart 后端修复: - class_service: generate_class_code 取 UUID 后6位(随机部分)避免碰撞 - diary_role_seed: 移除不存在的 id 列,使用复合主键 ON CONFLICT 基础设施: - config/default.toml: CORS 改为通配符(开发模式) - scripts/dev.sh: 统一启动脚本(自动清理端口) - docs/opendesign/: Open Design 设计规格 HTML 原型稿 验证结果: flutter analyze 0 error, cargo test 77/77 通过, 17个页面全部渲染正常
174 lines
5.8 KiB
Dart
174 lines
5.8 KiB
Dart
// 个人中心页面 — 用户信息 + 功能入口 + 设置
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:nuanji_app/core/theme/app_colors.dart';
|
|
import 'package:nuanji_app/core/theme/app_radius.dart';
|
|
import 'package:nuanji_app/features/auth/bloc/auth_bloc.dart';
|
|
import 'package:nuanji_app/data/models/user.dart';
|
|
|
|
/// 个人中心页面
|
|
class ProfilePage extends StatelessWidget {
|
|
const ProfilePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final colorScheme = theme.colorScheme;
|
|
final authState = context.watch<AuthBloc>().state;
|
|
final displayName = authState is Authenticated ? authState.user.displayLabel : '用户';
|
|
final role = authState is Authenticated ? authState.user.primaryRoleType : null;
|
|
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
// 用户头像卡片
|
|
Card(
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: AppRadius.lgBorder),
|
|
color: colorScheme.primaryContainer,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 32,
|
|
backgroundColor: colorScheme.primary.withValues(alpha: 0.2),
|
|
child: Text(
|
|
displayName.characters.first,
|
|
style: theme.textTheme.headlineSmall?.copyWith(color: colorScheme.primary),
|
|
),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(displayName, style: theme.textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold)),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
_roleLabel(role),
|
|
style: theme.textTheme.bodySmall?.copyWith(
|
|
color: colorScheme.onSurface.withValues(alpha: 0.6),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
|
|
// 功能入口
|
|
_ProfileMenuItem(
|
|
icon: Icons.auto_awesome_outlined,
|
|
iconColor: AppColors.accent,
|
|
title: '我的成就',
|
|
onTap: () => context.go('/achievements'),
|
|
),
|
|
_ProfileMenuItem(
|
|
icon: Icons.emoji_emotions_outlined,
|
|
iconColor: AppColors.secondary,
|
|
title: '贴纸收藏',
|
|
onTap: () => context.go('/stickers'),
|
|
),
|
|
_ProfileMenuItem(
|
|
icon: Icons.dashboard_customize_outlined,
|
|
iconColor: AppColors.tertiary,
|
|
title: '日记模板',
|
|
onTap: () => context.go('/templates'),
|
|
),
|
|
_ProfileMenuItem(
|
|
icon: Icons.groups_outlined,
|
|
iconColor: colorScheme.primary,
|
|
title: '我的班级',
|
|
onTap: () => context.go('/class'),
|
|
),
|
|
if (role != null && role.name == 'teacher')
|
|
_ProfileMenuItem(
|
|
icon: Icons.school_outlined,
|
|
iconColor: AppColors.accent,
|
|
title: '教师管理',
|
|
onTap: () => context.go('/teacher'),
|
|
),
|
|
if (role != null && role.name == 'parent')
|
|
_ProfileMenuItem(
|
|
icon: Icons.family_restroom_outlined,
|
|
iconColor: AppColors.rose,
|
|
title: '家长中心',
|
|
onTap: () => context.go('/parent'),
|
|
),
|
|
const Divider(height: 32),
|
|
_ProfileMenuItem(
|
|
icon: Icons.bar_chart_outlined,
|
|
iconColor: colorScheme.primary,
|
|
title: '心情统计',
|
|
onTap: () => context.go('/mood'),
|
|
),
|
|
_ProfileMenuItem(
|
|
icon: Icons.settings_outlined,
|
|
iconColor: colorScheme.onSurface.withValues(alpha: 0.5),
|
|
title: '设置',
|
|
onTap: () => context.go('/settings'),
|
|
),
|
|
const SizedBox(height: 16),
|
|
|
|
// 退出登录
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: OutlinedButton(
|
|
onPressed: () {
|
|
context.read<AuthBloc>().add(const LogoutRequested());
|
|
context.go('/login');
|
|
},
|
|
style: OutlinedButton.styleFrom(foregroundColor: colorScheme.error),
|
|
child: const Text('退出登录'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
String _roleLabel(UserRoleType? role) {
|
|
if (role == null) return '未选择角色';
|
|
return switch (role.code) {
|
|
'teacher' => '老师',
|
|
'student' => '学生',
|
|
'parent' => '家长',
|
|
'independent' => '独立用户',
|
|
_ => '用户',
|
|
};
|
|
}
|
|
}
|
|
|
|
class _ProfileMenuItem extends StatelessWidget {
|
|
const _ProfileMenuItem({
|
|
required this.icon,
|
|
required this.iconColor,
|
|
required this.title,
|
|
required this.onTap,
|
|
});
|
|
|
|
final IconData icon;
|
|
final Color iconColor;
|
|
final String title;
|
|
final VoidCallback onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return ListTile(
|
|
leading: Icon(icon, color: iconColor),
|
|
title: Text(title, style: theme.textTheme.bodyMedium),
|
|
trailing: const Icon(Icons.chevron_right, size: 20),
|
|
onTap: onTap,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 4),
|
|
);
|
|
}
|
|
}
|