Files
AI-Health/health_app/lib/pages/report/report_pages.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

447 lines
16 KiB
Dart

import 'dart:convert';
import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:image_picker/image_picker.dart';
import 'package:file_picker/file_picker.dart';
import 'package:shadcn_ui/shadcn_ui.dart';
import '../../core/app_colors.dart';
import '../../core/app_theme.dart';
import '../../core/navigation_provider.dart';
import '../../providers/auth_provider.dart';
final reportProvider = NotifierProvider<ReportNotifier, ReportState>(ReportNotifier.new);
class ReportState {
final List<ReportItem> reports;
final String? uploadingImage;
final bool isAnalyzing;
final ReportAnalysis? currentAnalysis;
ReportState({
this.reports = const [],
this.uploadingImage,
this.isAnalyzing = false,
this.currentAnalysis,
});
ReportState copyWith({
List<ReportItem>? reports,
String? uploadingImage,
bool? isAnalyzing,
ReportAnalysis? currentAnalysis,
}) {
return ReportState(
reports: reports ?? this.reports,
uploadingImage: uploadingImage ?? this.uploadingImage,
isAnalyzing: isAnalyzing ?? this.isAnalyzing,
currentAnalysis: currentAnalysis ?? this.currentAnalysis,
);
}
}
class ReportItem {
final String id;
final String title;
final String type;
final DateTime uploadedAt;
final String? imagePath;
final bool hasAnalysis;
final String status; // PendingDoctor | DoctorReviewed
final String? severity; // Normal | Abnormal | Severe | Critical
final String? doctorComment;
final String? doctorRecommendation;
final String? doctorName;
final DateTime? reviewedAt;
ReportItem({
required this.id,
required this.title,
required this.type,
required this.uploadedAt,
this.imagePath,
this.hasAnalysis = false,
this.status = 'PendingDoctor',
this.severity,
this.doctorComment,
this.doctorRecommendation,
this.doctorName,
this.reviewedAt,
});
}
class ReportAnalysis {
final String reportId;
final String reportType;
final List<Indicator> indicators;
final String summary;
ReportAnalysis({
required this.reportId,
required this.reportType,
required this.indicators,
required this.summary,
});
}
class Indicator {
final String name;
final String value;
final String unit;
final String status;
final String? referenceRange;
Indicator({
required this.name,
required this.value,
required this.unit,
required this.status,
this.referenceRange,
});
}
class ReportNotifier extends Notifier<ReportState> {
@override
ReportState build() {
Future.microtask(() => loadReports());
return ReportState();
}
Future<void> loadReports() async {
try {
final api = ref.read(apiClientProvider);
final res = await api.get('/api/reports');
final list = (res.data['data'] as List?) ?? [];
final reports = list.map((r) {
final m = r as Map<String, dynamic>;
final rawTitle = m['title']?.toString() ?? '';
final rawCat = m['category']?.toString() ?? '';
final title = rawTitle.isNotEmpty && rawTitle != 'Other' && rawTitle != 'other'
? rawTitle
: _catTitle(rawCat);
return ReportItem(
id: m['id']?.toString() ?? '',
title: title,
type: m['fileType']?.toString() ?? 'Image',
uploadedAt: DateTime.tryParse(m['createdAt']?.toString() ?? '') ?? DateTime.now(),
hasAnalysis: m['aiSummary'] != null,
status: m['status']?.toString() ?? 'PendingDoctor',
severity: m['severity']?.toString(),
doctorComment: m['doctorComment']?.toString(),
doctorRecommendation: m['doctorRecommendation']?.toString(),
doctorName: m['doctorName']?.toString(),
reviewedAt: DateTime.tryParse(m['reviewedAt']?.toString() ?? ''),
);
}).toList();
state = state.copyWith(reports: reports);
} catch (e) {
debugPrint('[Report] 加载报告列表失败: $e');
}
}
void fetchReportDetail(String reportId) async {
try {
final api = ref.read(apiClientProvider);
final res = await api.get('/api/reports/$reportId');
final m = (res.data['data'] as Map<String, dynamic>?) ?? {};
if (m.isEmpty) {
state = state.copyWith(currentAnalysis: _emptyAnalysis(reportId));
return;
}
final indicators = _parseIndicators(m['aiIndicators']?.toString());
final rawTitle = m['title']?.toString() ?? '';
final rawCat = m['category']?.toString() ?? '';
final displayType = rawTitle.isNotEmpty && rawTitle != 'Other'
? rawTitle
: _catTitle(rawCat);
final analysis = ReportAnalysis(
reportId: m['id']?.toString() ?? reportId,
reportType: displayType,
indicators: indicators,
summary: m['aiSummary']?.toString() ?? '',
);
state = state.copyWith(currentAnalysis: analysis);
} catch (_) {
state = state.copyWith(currentAnalysis: _emptyAnalysis(reportId));
}
}
ReportAnalysis _emptyAnalysis(String reportId) => ReportAnalysis(
reportId: reportId,
reportType: '检查报告',
indicators: [],
summary: '暂无数据,请下拉刷新重试',
);
List<Indicator> _parseIndicators(String? jsonStr) {
if (jsonStr == null || jsonStr.isEmpty) return [];
try {
final list = jsonDecode(jsonStr) as List;
return list.map((item) {
final m = item as Map<String, dynamic>;
return Indicator(
name: m['name']?.toString() ?? '',
value: m['value']?.toString() ?? '',
unit: m['unit']?.toString() ?? '',
status: m['status']?.toString() ?? 'normal',
referenceRange: m['referenceRange']?.toString(),
);
}).toList();
} catch (_) {
return [];
}
}
void uploadImage(String path) async {
state = state.copyWith(uploadingImage: path, isAnalyzing: true);
try {
final api = ref.read(apiClientProvider);
final file = File(path);
final formData = FormData.fromMap({
'file': await MultipartFile.fromFile(file.path, filename: file.path.split('/').last),
});
// 直接上传到报告端点,后端自动触发 VLM+LLM 分析
final createRes = await api.dio.post('/api/reports', data: formData);
final data = createRes.data;
final reportId = data is Map ? (data['data']?['id']?.toString() ?? '') : '';
state = state.copyWith(isAnalyzing: false, uploadingImage: null);
loadReports();
} catch (_) {
state = state.copyWith(isAnalyzing: false, uploadingImage: null);
}
}
void uploadFile(String path) => uploadImage(path);
void viewAnalysis(String reportId) {
fetchReportDetail(reportId);
}
Future<void> deleteReport(String id) async {
try {
await ref.read(apiClientProvider).delete('/api/reports/$id');
loadReports();
} catch (e) {
debugPrint('[Report] 删除失败: $e');
}
}
void clearAnalysis() {
state = state.copyWith(currentAnalysis: null);
}
}
/// 报告列表页
class ReportListPage extends ConsumerWidget {
const ReportListPage({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final state = ref.watch(reportProvider);
if (state.isAnalyzing) {
return GradientScaffold(
appBar: AppBar(title: const Text('报告管理')),
body: const Center(
child: Column(mainAxisSize: MainAxisSize.min, children: [
CircularProgressIndicator(color: AppColors.primary),
SizedBox(height: 16),
Text('AI 正在分析报告...', style: TextStyle(fontSize: 16, color: AppColors.textSecondary)),
]),
),
);
}
return GradientScaffold(
appBar: AppBar(
leading: IconButton(icon: const Icon(Icons.arrow_back), onPressed: () => popRoute(ref)),
title: const Text('报告管理'),
centerTitle: true,
),
floatingActionButton: _buildUploadButton(context, ref),
body: RefreshIndicator(
onRefresh: () async => ref.read(reportProvider.notifier).loadReports(),
child: state.reports.isEmpty
? ListView(children: [_buildEmptyState(context)])
: ListView.builder(
padding: const EdgeInsets.all(16),
itemCount: state.reports.length,
itemBuilder: (context, index) => _buildReportCard(context, ref, state.reports[index]),
),
),
);
}
Widget _buildUploadButton(BuildContext context, WidgetRef ref) {
return FloatingActionButton(
onPressed: () => _showUploadOptions(context, ref),
backgroundColor: AppColors.primary,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
child: const Icon(Icons.add, size: 28, color: Colors.white),
);
}
void _showUploadOptions(BuildContext context, WidgetRef ref) {
showModalBottomSheet(
context: context,
backgroundColor: Colors.white,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(20))),
builder: (ctx) => SafeArea(
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 8),
child: Wrap(children: [
ListTile(
leading: const Icon(Icons.camera_alt_outlined, color: AppColors.primary),
title: const Text('拍照上传', style: TextStyle(fontSize: 17)),
onTap: () async {
Navigator.pop(ctx);
final picker = ImagePicker();
final picked = await picker.pickImage(source: ImageSource.camera, imageQuality: 85);
if (picked != null) ref.read(reportProvider.notifier).uploadImage(picked.path);
},
),
ListTile(
leading: const Icon(Icons.photo_library_outlined, color: AppColors.primary),
title: const Text('从相册选择', style: TextStyle(fontSize: 17)),
onTap: () async {
Navigator.pop(ctx);
final picker = ImagePicker();
final picked = await picker.pickImage(source: ImageSource.gallery, imageQuality: 85);
if (picked != null) ref.read(reportProvider.notifier).uploadImage(picked.path);
},
),
ListTile(
leading: const Icon(Icons.picture_as_pdf_outlined, color: AppColors.primary),
title: const Text('上传PDF文件', style: TextStyle(fontSize: 17)),
onTap: () async {
Navigator.pop(ctx);
final result = await FilePicker.platform.pickFiles(type: FileType.custom, allowedExtensions: ['pdf']);
if (result != null && result.files.isNotEmpty) ref.read(reportProvider.notifier).uploadFile(result.files.first.path!);
},
),
]),
),
),
);
}
Widget _buildEmptyState(BuildContext context) {
return Center(
child: Column(mainAxisSize: MainAxisSize.min, children: [
Container(
width: 100, height: 100,
decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(50)),
child: const Icon(Icons.description_outlined, size: 44, color: AppColors.textHint),
),
const SizedBox(height: 20),
const Text('暂无检查报告', style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, color: AppColors.textPrimary)),
const SizedBox(height: 8),
const Text('点击右下角按钮上传报告', style: TextStyle(fontSize: 16, color: AppColors.textHint)),
]),
);
}
Widget _buildReportCard(BuildContext context, WidgetRef ref, ReportItem report) {
final displayTitle = (report.title == 'Other' || report.title == 'other') ? '检查报告' : report.title;
return Container(
margin: const EdgeInsets.only(bottom: 12),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
boxShadow: AppColors.cardShadowLight,
),
child: Material(
color: Colors.transparent,
borderRadius: BorderRadius.circular(20),
child: InkWell(
onTap: () => pushRoute(ref, 'aiAnalysis', params: {'id': report.id}),
borderRadius: BorderRadius.circular(20),
child: Padding(
padding: const EdgeInsets.all(14),
child: Row(children: [
Container(
width: 48, height: 48,
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12), border: Border.all(color: AppColors.borderLight)),
child: Icon(Icons.description_outlined, size: 26, color: AppColors.primary),
),
const SizedBox(width: 14),
Expanded(
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Text(displayTitle, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: AppColors.textPrimary)),
const SizedBox(height: 4),
Text(_formatDate(report.uploadedAt), style: const TextStyle(fontSize: 14, color: AppColors.textHint)),
]),
),
if (report.status == 'DoctorReviewed')
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(color: AppColors.successLight, borderRadius: BorderRadius.circular(8)),
child: const Text('已审核', style: TextStyle(fontSize: 13, color: AppColors.success, fontWeight: FontWeight.w500)),
)
else if (!report.hasAnalysis)
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(color: AppColors.cardInner, borderRadius: BorderRadius.circular(8)),
child: const Text('分析中', style: TextStyle(fontSize: 13, color: AppColors.textHint, fontWeight: FontWeight.w500)),
)
else
Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(color: AppColors.warningLight, borderRadius: BorderRadius.circular(8)),
child: const Text('待审核', style: TextStyle(fontSize: 13, color: AppColors.warning, fontWeight: FontWeight.w500)),
),
const SizedBox(width: 4),
GestureDetector(
onTap: () => _confirmDelete(context, ref, report.id),
child: const Padding(
padding: EdgeInsets.all(6),
child: Icon(Icons.delete_outline, size: 20, color: AppColors.textHint),
),
),
]),
),
),
),
);
}
void _confirmDelete(BuildContext context, WidgetRef ref, String id) {
showDialog(
context: context,
builder: (ctx) => AlertDialog(
title: const Text('删除报告'),
content: const Text('确定要删除这份报告吗?'),
actions: [
TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('取消')),
TextButton(
onPressed: () { Navigator.pop(ctx); ref.read(reportProvider.notifier).deleteReport(id); },
child: const Text('删除', style: TextStyle(color: AppColors.error)),
),
],
),
);
}
String _formatDate(DateTime date) {
final now = DateTime.now();
final diff = now.difference(date);
if (diff.inDays == 0) return '今天';
if (diff.inDays == 1) return '昨天';
if (diff.inDays < 7) return '${diff.inDays}天前';
return '${date.month}${date.day}';
}
}
String _catTitle(String c) => switch (c) {
'BloodTest' => '抽血化验单',
'Biochemistry' => '生化检验报告',
'Ecg' => '心电图报告',
'Ultrasound' => '超声检查报告',
'Discharge' => '出院小结',
'Image' => '影像检查报告',
_ => '检查报告',
};