Files
AI-Health/health_app/lib/pages/report/ai_analysis_page.dart
MingNian f6dd14be3b feat: 全面UI改造 — 报告/饮食/运动/用药/侧边栏/对话流/胶囊
- 报告模块:重写AI解读页,统一白色卡片+三栏布局(指标→解读→医生审核);加删除功能+后端删接口;VLM自动识别报告类型生成中文标题;去五颜六色
- 饮食分析:全面重设计,暖橙主题配色,图片自适应,餐次emoji选择器,去紫色
- 运动确认卡片:修复duration_minutes JSON类型转换,支持中文数字识别(三十分钟/半小时→30);主区域只显示运动名,字段行改为横向排列
- 流式输出:简化为最基础逐字追加,去buffer+Timer+淡入动画
- 欢迎卡片:每智能体独立渐变色(青/橙/蓝/紫/绿/粉),加卡片入场滑入+淡入动画(600ms)
- 确认卡片:头部去紫色背景改浅灰白,字段行去图标改纯信息横排,编辑框去双重边框
- 用药管理:胶囊改TabBar,添加按钮改右下FAB;打卡按钮改对号圆圈形式;药丸图标白底
- 侧边栏:加VIP服务/保险栏+图标,标题字体放大;服务包去查看更多+去VIP金色标签
- 胶囊:首页智能体胶囊白底深色字; side胶囊加阴影
- 对话流:reverse=false,今日健康出现在顶部; 对话页input bar匹配主页面样式
- 其他:个人资料去紫色+去多余入口;设置页白底图标;蓝牙页加返回按钮;报告管理改名
- 后端:加DELETE /api/reports/{id}; 修复manage_exercise数据类型转换;AI提示优化中文数字
2026-06-10 23:46:45 +08:00

176 lines
7.2 KiB
Dart
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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';
import 'report_pages.dart';
/// AI 解读页 — 从服务器获取真实报告数据
class AiAnalysisPage extends ConsumerStatefulWidget {
final String id;
const AiAnalysisPage({super.key, required this.id});
@override
ConsumerState<AiAnalysisPage> createState() => _AiAnalysisPageState();
}
class _AiAnalysisPageState extends ConsumerState<AiAnalysisPage> {
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) {
ref.read(reportProvider.notifier).fetchReportDetail(widget.id);
});
}
@override
Widget build(BuildContext context) {
final analysis = ref.watch(reportProvider.select((s) => s.currentAnalysis));
final reports = ref.watch(reportProvider.select((s) => s.reports));
final reportItem = reports.where((r) => r.id == widget.id).firstOrNull;
if (analysis == null) {
return GradientScaffold(
appBar: AppBar(title: const Text('报告解读')),
body: const Center(child: CircularProgressIndicator(color: AppColors.primary)),
);
}
final displayType = _displayName(analysis.reportType);
final isReviewed = reportItem?.status == 'DoctorReviewed';
return GradientScaffold(
appBar: AppBar(
title: Text(displayType, style: const TextStyle(fontSize: 19, fontWeight: FontWeight.w600, color: AppColors.textPrimary)),
leading: IconButton(
icon: const Icon(Icons.arrow_back, color: AppColors.textPrimary),
onPressed: () {
ref.read(reportProvider.notifier).clearAnalysis();
popRoute(ref);
},
),
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(16),
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
// ── 1. 指标分析 ──
if (analysis.indicators.isNotEmpty) ...[
_sectionTitle('指标分析'),
const SizedBox(height: 8),
Container(
decoration: _cardDeco(),
child: Column(
children: analysis.indicators.map((ind) => _indicatorRow(ind)).toList(),
),
),
const SizedBox(height: 20),
],
// ── 2. 综合解读 ──
_sectionTitle('综合解读'),
const SizedBox(height: 8),
Container(
padding: const EdgeInsets.all(16),
decoration: _cardDeco(),
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Text(analysis.summary.isNotEmpty ? analysis.summary : 'AI 正在分析中,请稍后刷新查看',
style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.7)),
const SizedBox(height: 10),
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(10)),
child: const Text('以上为AI预解读具体请以医生诊断为准',
style: TextStyle(fontSize: 13, color: AppColors.textHint)),
),
]),
),
const SizedBox(height: 20),
// ── 3. 医生审核意见 ──
_sectionTitle('医生审核意见'),
const SizedBox(height: 8),
if (isReviewed)
_doctorReviewCard(reportItem!)
else
Container(
padding: const EdgeInsets.all(16),
decoration: _cardDeco(),
child: const Row(children: [
Icon(Icons.hourglass_empty, size: 18, color: AppColors.textHint),
SizedBox(width: 8),
Text('待审核', style: TextStyle(fontSize: 16, color: AppColors.textSecondary)),
Spacer(),
Text('AI 预解读', style: TextStyle(fontSize: 14, color: AppColors.textHint)),
]),
),
const SizedBox(height: 30),
]),
),
);
}
BoxDecoration _cardDeco() => BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: AppColors.cardShadowLight,
);
Widget _sectionTitle(String text) => Row(children: [
Container(width: 4, height: 16, decoration: BoxDecoration(color: AppColors.primary, borderRadius: BorderRadius.circular(2))),
const SizedBox(width: 8),
Text(text, style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w700, color: AppColors.textPrimary)),
]);
Widget _indicatorRow(Indicator ind) {
final (color, icon) = switch (ind.status) {
'high' => (AppColors.error, Icons.arrow_upward),
'low' => (AppColors.warning, Icons.arrow_downward),
_ => (AppColors.success, Icons.check_circle),
};
return Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(border: Border(bottom: BorderSide(color: AppColors.borderLight))),
child: Row(children: [
Expanded(
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Text(ind.name, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500, color: AppColors.textPrimary)),
if (ind.referenceRange != null && ind.referenceRange!.isNotEmpty)
Text('参考值: ${ind.referenceRange}', style: const TextStyle(fontSize: 13, color: AppColors.textHint)),
]),
),
Icon(icon, size: 14, color: color),
const SizedBox(width: 4),
Text('${ind.value} ${ind.unit}', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: color)),
]),
);
}
Widget _doctorReviewCard(ReportItem report) {
return Container(
padding: const EdgeInsets.all(16),
decoration: _cardDeco(),
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
if (report.doctorName != null)
Text('审核医生:${report.doctorName} | ${report.reviewedAt?.toLocal().toString().substring(0, 16) ?? ''}',
style: const TextStyle(fontSize: 14, color: AppColors.textHint)),
if (report.doctorComment != null && report.doctorComment!.isNotEmpty) ...[
const SizedBox(height: 10),
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(12)),
child: Text(report.doctorComment!, style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.5)),
),
],
if (report.doctorRecommendation != null && report.doctorRecommendation!.isNotEmpty) ...[
const SizedBox(height: 8),
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(12)),
child: Text(report.doctorRecommendation!, style: const TextStyle(fontSize: 16, color: AppColors.textPrimary, height: 1.5)),
),
],
]),
);
}
String _displayName(String t) => (t == 'Other' || t == 'other') ? '检查报告' : t;
}