jiaolongzhen/AI-Health
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 健康录入提醒 + 多指标异常 + 用药漏服 + UI 优化

Browse Source 
后端
- NotificationPreference 增加健康录入提醒总开关和 5 子项（血压/心率/血糖/血氧/体重）
- EF 迁移 AddHealthRecordReminder
- 新增 GET/PUT /api/notification-prefs
- 新增 HealthRecordReminderService 每天 9 点/12 点扫描未录入用户推送提醒

前端
- 通知偏好对接真实后端 API
- 设置页新增「健康录入提醒」总开关+5 子项
- 通知中心右上角加齿轮跳设置页
- 今日健康卡片：4 项异常检测+多项合并；用药只显漏服并按时间窗口区分文案
- 侧边栏头像改圆形白底灰图标，去掉紫色品牌渐变
- 整体背景统一浅灰白 #F6F8FC，去掉浅紫渐变
- 设置页简化（去掉分组/彩色图标方块）
- 健康档案保存按钮移到右上角，TextButton 全局默认黑色
- API baseUrl 跟随网络环境
This commit is contained in:
MingNian
2026-06-24 22:11:21 +08:00
parent 7ff429e071
commit 53ce19e8c3
18 changed files with 2379 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

436
health_app/lib/pages/notifications/notification_center_page.dart
View File

@@ -144,31 +144,73 @@ class _NotificationCenterPageState
@override
Widget build(BuildContext context) {
final items = _history?.items ?? const <InAppNotification>[];
final unread = _history?.unreadCount ?? 0;
return Scaffold(
body: AppBackground(
safeArea: true,
child: Column(
children: [
_Header(
unreadCount: _history?.unreadCount ?? 0,
markingAll: _markingAll,
onBack: () => popRoute(ref),
onMarkAllRead: _markAllRead,
),
Expanded(
child: RefreshIndicator(
onRefresh: _load,
color: const Color(0xFF438CE1),
child: _buildBody(items),
backgroundColor: const Color(0xFFF6F8FC),
appBar: AppBar(
backgroundColor: Colors.white,
elevation: 0,
scrolledUnderElevation: 0.5,
surfaceTintColor: Colors.transparent,
leading: IconButton(
icon: const Icon(Icons.arrow_back, color: AppColors.textPrimary),
onPressed: () => popRoute(ref),
),
title: const Text(
'通知中心',
style: TextStyle(
fontSize: 19,
fontWeight: FontWeight.w700,
color: AppColors.textPrimary,
),
),
centerTitle: true,
actions: [
if (unread > 0)
Padding(
padding: const EdgeInsets.only(right: 4),
child: TextButton(
onPressed: _markingAll ? null : _markAllRead,
style: TextButton.styleFrom(
foregroundColor: AppColors.textPrimary,
padding: const EdgeInsets.symmetric(horizontal: 10),
),
child: _markingAll
? const SizedBox(
width: 16,
height: 16,
child: CircularProgressIndicator(
strokeWidth: 2,
color: AppColors.textPrimary,
),
)
: const Text(
'全部已读',
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
),
],
),
IconButton(
tooltip: '通知设置',
icon: const Icon(Icons.settings_outlined, color: AppColors.textPrimary),
onPressed: () => pushRoute(ref, 'notificationPrefs'),
),
const SizedBox(width: 4),
],
),
body: RefreshIndicator(
onRefresh: _load,
color: const Color(0xFF6366F1),
child: _buildBody(items, unread),
),
);
}
Widget _buildBody(List<InAppNotification> items) {
Widget _buildBody(List<InAppNotification> items, int unread) {
if (_loading) {
return const Center(child: CircularProgressIndicator());
}
@@ -203,15 +245,19 @@ class _NotificationCenterPageState
return ListView(
physics: const AlwaysScrollableScrollPhysics(),
padding: const EdgeInsets.fromLTRB(16, 6, 16, 32),
padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
children: [
if (unread > 0) _UnreadHint(unreadCount: unread),
const SizedBox(height: 4),
if (today.isNotEmpty) ...[
const _SectionTitle('今天'),
const SizedBox(height: 4),
...today.map(_buildDismissible),
],
if (earlier.isNotEmpty) ...[
const SizedBox(height: 10),
if (today.isNotEmpty) const SizedBox(height: 12),
const _SectionTitle('更早'),
const SizedBox(height: 4),
...earlier.map(_buildDismissible),
],
],
@@ -219,18 +265,39 @@ class _NotificationCenterPageState
}
Widget _buildDismissible(InAppNotification item) => Padding(
padding: const EdgeInsets.only(bottom: 10),
padding: const EdgeInsets.only(bottom: 12),
child: Dismissible(
key: ValueKey(item.id),
direction: DismissDirection.endToStart,
background: Container(
alignment: Alignment.centerRight,
padding: const EdgeInsets.only(right: 24),
padding: const EdgeInsets.only(right: 26),
decoration: BoxDecoration(
color: AppColors.error,
borderRadius: BorderRadius.circular(18),
gradient: LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [
AppColors.error.withValues(alpha: 0.6),
AppColors.error,
],
),
borderRadius: BorderRadius.circular(20),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(LucideIcons.trash2, color: Colors.white, size: 22),
SizedBox(width: 8),
Text(
'删除',
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
],
),
child: const Icon(LucideIcons.trash2, color: Colors.white),
),
onDismissed: (_) => _delete(item),
child: _NotificationCard(item: item, onTap: () => _open(item)),
@@ -238,68 +305,38 @@ class _NotificationCenterPageState
);
}
class _Header extends StatelessWidget {
/// 顶部一行精致提示——只在有未读时显示，不抢眼
class _UnreadHint extends StatelessWidget {
final int unreadCount;
final bool markingAll;
final VoidCallback onBack;
final VoidCallback onMarkAllRead;
const _Header({
required this.unreadCount,
required this.markingAll,
required this.onBack,
required this.onMarkAllRead,
});
const _UnreadHint({required this.unreadCount});
@override
Widget build(BuildContext context) => Padding(
padding: const EdgeInsets.fromLTRB(8, 8, 12, 10),
child: Row(
children: [
IconButton(
tooltip: '返回',
onPressed: onBack,
icon: const Icon(LucideIcons.chevronLeft),
),
const SizedBox(width: 2),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'通知中心',
style: TextStyle(
fontSize: 21,
fontWeight: FontWeight.w800,
color: AppColors.textPrimary,
),
),
const SizedBox(height: 2),
Text(
unreadCount == 0 ? '所有消息均已读' : '$unreadCount 条未读消息',
style: const TextStyle(
fontSize: 12,
color: AppColors.textSecondary,
),
),
],
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
child: Row(
children: [
Container(
width: 6,
height: 6,
decoration: const BoxDecoration(
color: Color(0xFFEF4444),
shape: BoxShape.circle,
),
),
),
if (unreadCount > 0)
TextButton.icon(
onPressed: markingAll ? null : onMarkAllRead,
icon: markingAll
? const SizedBox(
width: 14,
height: 14,
child: CircularProgressIndicator(strokeWidth: 2),
)
: const Icon(LucideIcons.checkCheck, size: 17),
label: const Text('全部已读'),
const SizedBox(width: 8),
Text(
'你有 $unreadCount 条未读消息',
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
color: AppColors.textSecondary,
),
),
],
),
);
],
),
);
}
}
class _SectionTitle extends StatelessWidget {
@@ -308,13 +345,14 @@ class _SectionTitle extends StatelessWidget {
@override
Widget build(BuildContext context) => Padding(
padding: const EdgeInsets.fromLTRB(4, 6, 4, 10),
padding: const EdgeInsets.fromLTRB(4, 12, 4, 6),
child: Text(
text,
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w700,
color: AppColors.textSecondary,
color: AppColors.textHint,
letterSpacing: 0.3,
),
),
);
@@ -330,89 +368,85 @@ class _NotificationCard extends StatelessWidget {
Widget build(BuildContext context) {
final visual = _NotificationVisual.of(item);
return Material(
color: item.isRead
? Colors.white.withValues(alpha: 0.72)
: Colors.white.withValues(alpha: 0.96),
borderRadius: BorderRadius.circular(18),
elevation: item.isRead ? 0 : 1,
shadowColor: visual.color.withValues(alpha: 0.12),
color: Colors.white,
borderRadius: BorderRadius.circular(14),
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(18),
borderRadius: BorderRadius.circular(14),
child: Container(
padding: const EdgeInsets.all(14),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(18),
color: Colors.white,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: item.isRead
? const Color(0xFFE9EEF5)
: visual.color.withValues(alpha: 0.18),
? const Color(0xFFEEF1F6)
: visual.color.withValues(alpha: 0.20),
),
boxShadow: [
BoxShadow(
color: const Color(0xFF101828).withValues(alpha: 0.03),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
width: 46,
height: 46,
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [visual.lightColor, Colors.white],
// 图标
Stack(
clipBehavior: Clip.none,
children: [
Container(
width: 36,
height: 36,
decoration: BoxDecoration(
color: visual.lightColor,
borderRadius: BorderRadius.circular(10),
),
child: Icon(visual.icon, size: 18, color: visual.color),
),
borderRadius: BorderRadius.circular(14),
),
child: Icon(visual.icon, size: 22, color: visual.color),
if (!item.isRead)
Positioned(
top: -2,
right: -2,
child: Container(
width: 9,
height: 9,
decoration: BoxDecoration(
color: const Color(0xFFEF4444),
shape: BoxShape.circle,
border: Border.all(color: Colors.white, width: 1.5),
),
),
),
],
),
const SizedBox(width: 12),
const SizedBox(width: 11),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Expanded(
child: Text(
item.title,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15,
fontSize: 14,
fontWeight: item.isRead
? FontWeight.w600
: FontWeight.w800,
: FontWeight.w700,
color: AppColors.textPrimary,
height: 1.3,
),
),
),
if (!item.isRead)
Container(
width: 8,
height: 8,
decoration: BoxDecoration(
color: visual.color,
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: visual.color.withValues(alpha: 0.3),
blurRadius: 5,
),
],
),
),
],
),
const SizedBox(height: 5),
Text(
item.message,
style: const TextStyle(
fontSize: 13,
height: 1.45,
color: AppColors.textSecondary,
),
),
const SizedBox(height: 9),
Row(
children: [
const SizedBox(width: 6),
Text(
_formatTime(item.createdAt),
style: const TextStyle(
@@ -420,31 +454,30 @@ class _NotificationCard extends StatelessWidget {
color: AppColors.textHint,
),
),
const Spacer(),
if (item.actionType != null)
Row(
children: [
Text(
'查看详情',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: visual.color,
),
),
const SizedBox(width: 2),
Icon(
LucideIcons.chevronRight,
size: 14,
color: visual.color,
),
],
),
],
),
const SizedBox(height: 2),
Text(
item.message,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 12,
height: 1.45,
color: AppColors.textSecondary,
),
),
],
),
),
if (item.actionType != null) ...[
const SizedBox(width: 4),
const Icon(
Icons.chevron_right_rounded,
size: 18,
color: AppColors.textHint,
),
],
],
),
),
@@ -472,48 +505,55 @@ class _NotificationVisual {
final IconData icon;
final Color color;
final Color lightColor;
final String label;
const _NotificationVisual(this.icon, this.color, this.lightColor);
const _NotificationVisual(this.icon, this.color, this.lightColor, this.label);
factory _NotificationVisual.of(InAppNotification item) {
switch (item.actionType) {
case 'exercise':
return const _NotificationVisual(
LucideIcons.activity,
Color(0xFF2C9A70),
Color(0xFFDDF7EC),
Color(0xFF10B981),
Color(0xFFD1FAE5),
'运动',
);
case 'health':
if (item.severity == 'critical') {
return const _NotificationVisual(
LucideIcons.triangleAlert,
Color(0xFFE55353),
Color(0xFFFFE7E7),
Color(0xFFEF4444),
Color(0xFFFEE2E2),
'紧急',
);
}
return const _NotificationVisual(
LucideIcons.heartPulse,
Color(0xFFE8863A),
Color(0xFFFFEEDC),
Color(0xFFF59E0B),
Color(0xFFFEF3C7),
'健康',
);
case 'report':
if (item.severity == 'error') {
return const _NotificationVisual(
LucideIcons.fileWarning,
Color(0xFFE55353),
Color(0xFFFFE7E7),
Color(0xFFEF4444),
Color(0xFFFEE2E2),
'报告',
);
}
return const _NotificationVisual(
LucideIcons.fileCheck2,
Color(0xFF7B68CE),
Color(0xFFEDE9FF),
Color(0xFF8B5CF6),
Color(0xFFEDE9FE),
'报告',
);
default:
return const _NotificationVisual(
LucideIcons.pill,
Color(0xFF468AD8),
Color(0xFFE4F0FF),
Color(0xFF3B82F6),
Color(0xFFDBEAFE),
'用药',
);
}
}
@@ -540,38 +580,44 @@ class _MessageState extends StatelessWidget {
padding: const EdgeInsets.fromLTRB(28, 120, 28, 32),
children: [
Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 34),
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 36),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Colors.white.withValues(alpha: 0.95),
const Color(0xFFF1F7FF).withValues(alpha: 0.9),
],
),
color: Colors.white,
borderRadius: BorderRadius.circular(24),
border: Border.all(color: const Color(0xFFE5EDF7)),
border: Border.all(color: const Color(0xFFE9EEF5)),
boxShadow: [
BoxShadow(
color: const Color(0xFF101828).withValues(alpha: 0.04),
blurRadius: 14,
offset: const Offset(0, 4),
),
],
),
child: Column(
children: [
Container(
width: 64,
height: 64,
width: 72,
height: 72,
decoration: BoxDecoration(
color: const Color(0xFFE5F0FF),
borderRadius: BorderRadius.circular(20),
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFFEEF2FF), Color(0xFFF5F3FF)],
),
borderRadius: BorderRadius.circular(22),
),
child: Icon(icon, size: 29, color: const Color(0xFF5D91CF)),
child: Icon(icon, size: 32, color: const Color(0xFF6366F1)),
),
const SizedBox(height: 18),
const SizedBox(height: 20),
Text(
title,
style: const TextStyle(
fontSize: 17,
fontSize: 18,
fontWeight: FontWeight.w800,
color: AppColors.textPrimary,
),
),
const SizedBox(height: 7),
const SizedBox(height: 8),
Text(
message,
textAlign: TextAlign.center,
@@ -582,8 +628,18 @@ class _MessageState extends StatelessWidget {
),
),
if (buttonText != null) ...[
const SizedBox(height: 20),
FilledButton(onPressed: onPressed, child: Text(buttonText!)),
const SizedBox(height: 22),
FilledButton(
onPressed: onPressed,
style: FilledButton.styleFrom(
backgroundColor: const Color(0xFF6366F1),
padding: const EdgeInsets.symmetric(
horizontal: 28,
vertical: 12,
),
),
child: Text(buttonText!),
),
],
],
),