Files
AI-Health/health_app/lib/pages/report/ai_analysis_page.dart
MingNian 1c020b8ae5 feat: UI 系统中心化 + 趋势图重构 + 法律文档 H5 上线
- UI 系统: 新增 design_tokens / module_visuals / app_buttons / app_status_badge / app_toast / ai_content 六个共享模块; 28 个页面接入, SnackBar 全部替换为 AppToast
- 趋势图: 直线折线 + 渐变填充 + 阴影; 去网格线; X 轴日+月份分隔; Y 轴整数刻度最多 4 个; 点击数据点/录入记录显示上方浮层, 选中点变实心
- 法律文档 H5: 后端 wwwroot 托管隐私政策/服务协议/关于/个人信息收集清单/第三方 SDK 清单 + 索引页; Program.cs 启用 UseDefaultFiles + UseStaticFiles
- 其他: auth_provider 登录流程调整; api_client IP 适配; 主页智能体栏间距优化
2026-07-08 21:25:07 +08:00

382 lines
13 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';
import '../../widgets/ai_content.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(
leading: IconButton(icon: const Icon(Icons.arrow_back), onPressed: () => popRoute(ref)),
title: const Text('报告解读'),
),
body: const Center(
child: CircularProgressIndicator(color: AppColors.primary),
),
);
}
final displayType = _displayName(analysis.reportType);
final aiStatus = reportItem?.aiStatus ?? analysis.aiStatus;
final reviewStatus = reportItem?.reviewStatus ?? analysis.reviewStatus;
final fileUrl = reportItem?.fileUrl ?? analysis.fileUrl;
final isReviewed = reviewStatus == 'Reviewed';
final isAnalyzing = aiStatus == 'Analyzing';
final isFailed = aiStatus == 'Failed';
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: [
if (fileUrl != null && fileUrl.isNotEmpty) ...[
SizedBox(
width: double.infinity,
child: OutlinedButton.icon(
onPressed: () => pushRoute(
ref,
'reportOriginal',
params: {'url': fileUrl, 'title': displayType},
),
icon: const Icon(Icons.image_outlined, size: 18),
label: const Text('查看原始报告'),
style: OutlinedButton.styleFrom(
foregroundColor: AppColors.primary,
side: const BorderSide(color: AppColors.primaryLight),
padding: const EdgeInsets.symmetric(vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
),
),
const SizedBox(height: 12),
],
if (isAnalyzing || isFailed) ...[
_analysisStateCard(
isFailed
? (analysis.summary.isNotEmpty ? analysis.summary : 'AI 分析失败,请重新上传或稍后重试')
: 'AI 正在分析报告,请稍后刷新查看',
isFailed: isFailed,
onRetry: isFailed
? () => ref.read(reportProvider.notifier).reanalyzeReport(widget.id)
: null,
),
const SizedBox(height: 20),
],
// 指标分析
if (!isAnalyzing && !isFailed && 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),
],
// 综合解读
if (!isAnalyzing && !isFailed) ...[
_sectionTitle('综合解读'),
const SizedBox(height: 8),
Container(
padding: const EdgeInsets.all(16),
decoration: _cardDeco(),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AiMarkdownView(
data: analysis.summary.isNotEmpty
? analysis.summary
: 'AI 正在分析中,请稍后刷新查看',
),
const AiGeneratedNote(),
],
),
),
const SizedBox(height: 20),
],
if (!isAnalyzing && !isFailed) ...[
// 医生审核意见
_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),
border: Border.all(color: AppColors.border),
boxShadow: AppColors.cardShadowLight,
);
Widget _analysisStateCard(
String message, {
required bool isFailed,
VoidCallback? onRetry,
}) {
final color = isFailed ? AppColors.error : AppColors.primary;
return Container(
padding: const EdgeInsets.all(16),
decoration: _cardDeco(),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(
isFailed ? Icons.error_outline : Icons.hourglass_empty,
color: color,
),
const SizedBox(width: 10),
Expanded(
child: Text(
message,
style: TextStyle(
fontSize: 16,
height: 1.6,
color: isFailed ? AppColors.error : AppColors.textPrimary,
fontWeight: FontWeight.w600,
),
),
),
],
),
if (onRetry != null) ...[
const SizedBox(height: 14),
SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
onPressed: onRetry,
icon: const Icon(Icons.refresh, size: 18),
label: const Text('重新分析'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primary,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
),
),
],
],
),
);
}
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;
}