Files
nj/app/lib/features/profile/views/profile_page.dart
iven b320641d9c
Some checks failed
Main Merge / backend (push) Has been cancelled
Main Merge / frontend (push) Has been cancelled
fix(app): 全链路验证修复 — 编译错误/CORS/迁移/启动脚本
前端修复:
- 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个页面全部渲染正常
2026-06-02 01:03:58 +08:00

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