431b72d49a
- 日期/时间/次数选择器统一改为底部弹出Cupertino滚轮，无单位标签，双横线选区 - App更名为"小脉健康"，副标题"血管病患者的AI健康管理助手" - 健康仪表盘及侧边栏移除体重指标，侧边栏背景改为蓝白渐变 - 健康档案按钮移入功能入口网格，与其他入口样式统一 - 记数据智能体配色改为绿色渐变(#A1FFCE→#69DB8F) - 隐私协议/关于页从Text改为MarkdownBody正确渲染 - 运动计划/饮食记录卡片添加边框和阴影 - 服药次数从chip改为滚轮选择器 - 日期显示格式统一为空格分隔(1999 01 01) - 健康档案页背景改为纯白
363 lines
11 KiB
Dart
363 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../core/app_colors.dart';
|
|
import '../../core/app_theme.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../../core/navigation_provider.dart';
|
|
|
|
// ── 通知偏好状态 ──
|
|
|
|
final notificationPrefsProvider =
|
|
NotifierProvider<NotificationPrefsNotifier, Map<String, bool>>(
|
|
NotificationPrefsNotifier.new,
|
|
);
|
|
|
|
class NotificationPrefsNotifier extends Notifier<Map<String, bool>> {
|
|
@override
|
|
Map<String, bool> build() {
|
|
// TODO: 从 SQLite 读取持久化值，此处先用默认值
|
|
return {
|
|
'medication': true,
|
|
'healthAlert': true,
|
|
'followUp': true,
|
|
'aiReply': false,
|
|
'dndEnabled': false,
|
|
'pushEnabled': true,
|
|
'dndStart': false, // 占位：实际用 TimeOfDay
|
|
'dndEnd': false,
|
|
};
|
|
}
|
|
|
|
void toggle(String key) {
|
|
state = {...state, key: !state[key]!};
|
|
// TODO: 持久化到 SQLite
|
|
}
|
|
|
|
void setDndStart(TimeOfDay time) {
|
|
state = {...state, 'dndStart': true}; // 简化存储
|
|
}
|
|
|
|
void setDndEnd(TimeOfDay time) {
|
|
state = {...state, 'dndEnd': true};
|
|
}
|
|
}
|
|
|
|
// ── 页面 ──
|
|
|
|
class NotificationPrefsPage extends ConsumerWidget {
|
|
const NotificationPrefsPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final prefs = ref.watch(notificationPrefsProvider);
|
|
final dndOn = prefs['dndEnabled'] ?? false;
|
|
|
|
return GradientScaffold(
|
|
appBar: AppBar(
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
leading: IconButton(
|
|
icon: const Icon(
|
|
Icons.arrow_back_ios_new,
|
|
color: AppColors.textPrimary,
|
|
),
|
|
onPressed: () => popRoute(ref),
|
|
),
|
|
title: Text(
|
|
'消息通知',
|
|
style: TextStyle(
|
|
fontSize: 21,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.textPrimary,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
),
|
|
body: SingleChildScrollView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// ── 推送总开关 ──
|
|
_SectionTitle(title: '推送通知'),
|
|
_SwitchTile(
|
|
title: '允许推送通知',
|
|
subtitle: '关闭后将不再收到任何系统推送',
|
|
value: prefs['pushEnabled'] ?? true,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('pushEnabled'),
|
|
),
|
|
const SizedBox(height: 24),
|
|
|
|
// ── 各类通知开关 ──
|
|
_SectionTitle(title: '通知类型'),
|
|
_SwitchTile(
|
|
icon: Icons.medication_rounded,
|
|
iconBg: AppColors.errorLight,
|
|
iconColor: AppColors.error,
|
|
title: '用药提醒',
|
|
subtitle: '服药时间到达时提醒您',
|
|
value: prefs['medication'] ?? true,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('medication'),
|
|
),
|
|
_SwitchTile(
|
|
icon: Icons.warning_amber_rounded,
|
|
iconBg: AppColors.errorLight,
|
|
iconColor: AppTheme.error,
|
|
title: '健康异常提醒',
|
|
subtitle: '检测到数据异常时及时通知',
|
|
value: prefs['healthAlert'] ?? true,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('healthAlert'),
|
|
),
|
|
_SwitchTile(
|
|
icon: Icons.event_available_rounded,
|
|
iconBg: AppColors.successLight,
|
|
iconColor: AppColors.success,
|
|
title: '复查日期提醒',
|
|
subtitle: '复查日前一天提醒您预约',
|
|
value: prefs['followUp'] ?? true,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('followUp'),
|
|
),
|
|
_SwitchTile(
|
|
icon: Icons.forum_outlined,
|
|
iconBg: AppColors.iconBg,
|
|
iconColor: AppTheme.primary,
|
|
title: 'AI 回复通知',
|
|
subtitle: 'AI 助手回复时发送通知',
|
|
value: prefs['aiReply'] ?? false,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('aiReply'),
|
|
),
|
|
const SizedBox(height: 24),
|
|
|
|
// ── 免打扰时段 ──
|
|
_SectionTitle(title: '免打扰时段'),
|
|
_SwitchTile(
|
|
title: '开启免打扰模式',
|
|
subtitle: dndOn ? '22:00 - 08:00 期间静音' : '关闭后全天接收通知',
|
|
value: dndOn,
|
|
onChanged: (v) => ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.toggle('dndEnabled'),
|
|
),
|
|
if (dndOn) ...[
|
|
Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 4),
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 14,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: AppTheme.surface,
|
|
borderRadius: BorderRadius.circular(AppTheme.rMd),
|
|
border: Border.all(color: AppColors.border),
|
|
boxShadow: AppColors.cardShadowLight,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _TimeButton(
|
|
label: '开始',
|
|
time: '22:00',
|
|
onTap: () async {
|
|
final picked = await showAppTimePicker(
|
|
context,
|
|
initialTime: const TimeOfDay(hour: 22, minute: 0),
|
|
);
|
|
if (picked != null && context.mounted) {
|
|
ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.setDndStart(picked);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|
child: Text(
|
|
'~',
|
|
style: TextStyle(
|
|
fontSize: 19,
|
|
color: AppTheme.textHint,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: _TimeButton(
|
|
label: '结束',
|
|
time: '08:00',
|
|
onTap: () async {
|
|
final picked = await showAppTimePicker(
|
|
context,
|
|
initialTime: const TimeOfDay(hour: 8, minute: 0),
|
|
);
|
|
if (picked != null && context.mounted) {
|
|
ref
|
|
.read(notificationPrefsProvider.notifier)
|
|
.setDndEnd(picked);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
],
|
|
const SizedBox(height: 40),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ── 子组件 ──
|
|
|
|
class _SectionTitle extends StatelessWidget {
|
|
final String title;
|
|
const _SectionTitle({required this.title});
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(left: 4, bottom: 10),
|
|
child: Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontSize: 17,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SwitchTile extends StatelessWidget {
|
|
final IconData? icon;
|
|
final Color? iconBg;
|
|
final Color? iconColor;
|
|
final String title;
|
|
final String? subtitle;
|
|
final bool value;
|
|
final ValueChanged<bool> onChanged;
|
|
|
|
const _SwitchTile({
|
|
this.icon,
|
|
this.iconBg,
|
|
this.iconColor,
|
|
required this.title,
|
|
this.subtitle,
|
|
required this.value,
|
|
required this.onChanged,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 4, vertical: 3),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: AppTheme.surface,
|
|
borderRadius: BorderRadius.circular(AppTheme.rMd),
|
|
border: Border.all(color: AppColors.border),
|
|
boxShadow: AppColors.cardShadowLight,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
if (icon != null) ...[
|
|
Container(
|
|
width: 38,
|
|
height: 38,
|
|
decoration: BoxDecoration(
|
|
color: iconBg ?? AppColors.iconBg,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Icon(
|
|
icon,
|
|
size: 23,
|
|
color: iconColor ?? AppColors.primary,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
],
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
color: AppColors.textPrimary,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
if (subtitle != null && subtitle!.isNotEmpty)
|
|
Text(
|
|
subtitle!,
|
|
style: TextStyle(fontSize: 15, color: AppTheme.textSub),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Switch(
|
|
value: value,
|
|
onChanged: onChanged,
|
|
activeThumbColor: AppTheme.primary,
|
|
activeTrackColor: AppColors.primaryLight,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _TimeButton extends StatelessWidget {
|
|
final String label;
|
|
final String time;
|
|
final VoidCallback onTap;
|
|
const _TimeButton({
|
|
required this.label,
|
|
required this.time,
|
|
required this.onTap,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: AppColors.border),
|
|
borderRadius: BorderRadius.circular(AppTheme.rSm),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: TextStyle(fontSize: 14, color: AppTheme.textHint),
|
|
),
|
|
Text(
|
|
time,
|
|
style: const TextStyle(
|
|
fontSize: 19,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppTheme.primary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|