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提示优化中文数字
This commit is contained in:
MingNian
2026-06-10 23:46:45 +08:00
parent 63d2092c24
commit f6dd14be3b
28 changed files with 1153 additions and 1578 deletions

View File

@@ -44,15 +44,53 @@ class HealthDrawer extends ConsumerWidget {
decoration: BoxDecoration(
gradient: AppColors.primaryGradient,
borderRadius: BorderRadius.circular(AppTheme.rPill),
boxShadow: AppColors.buttonShadow,
),
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
child: const Text('服务包', style: TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: Colors.white)),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
child: const Row(mainAxisSize: MainAxisSize.min, children: [
Icon(Icons.workspace_premium_rounded, size: 16, color: Colors.white),
SizedBox(width: 4),
Text('VIP服务', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white)),
]),
),
),
const ServicePackageCard(compact: true),
]),
),
const SizedBox(height: 8),
// 保险栏
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(AppTheme.rMd),
border: Border.all(color: Color(0xFFC8DDFD), width: 1.5),
boxShadow: [AppTheme.shadowCard],
),
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Padding(
padding: const EdgeInsets.fromLTRB(16, 14, 16, 0),
child: Container(
decoration: BoxDecoration(
gradient: AppColors.primaryGradient,
borderRadius: BorderRadius.circular(AppTheme.rPill),
boxShadow: AppColors.buttonShadow,
),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
child: const Row(mainAxisSize: MainAxisSize.min, children: [
Icon(Icons.shield_rounded, size: 16, color: Colors.white),
SizedBox(width: 4),
Text('保险', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white)),
]),
),
),
const SizedBox(height: 14),
const Padding(
padding: EdgeInsets.fromLTRB(16, 0, 16, 14),
child: Text('即将上线,敬请期待', style: TextStyle(fontSize: 14, color: AppColors.textHint)),
),
]),
),
const SizedBox(height: 8),
],
),
),
@@ -141,7 +179,7 @@ class HealthDrawer extends ConsumerWidget {
);
}
// ════════════ 健康概览 ════════════
// ════════════ 健康仪表盘 ════════════
Widget _buildHealthSection(AsyncValue<Map<String, dynamic>> latestHealth, WidgetRef ref) {
return Container(
decoration: BoxDecoration(
@@ -158,12 +196,13 @@ class HealthDrawer extends ConsumerWidget {
decoration: BoxDecoration(
gradient: AppColors.primaryGradient,
borderRadius: BorderRadius.circular(AppTheme.rPill),
boxShadow: AppColors.buttonShadow,
),
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
child: const Row(mainAxisSize: MainAxisSize.min, children: [
Icon(Icons.monitor_heart_rounded, size: 15, color: Colors.white),
Icon(Icons.dashboard_rounded, size: 16, color: Colors.white),
SizedBox(width: 4),
Text('健康概览', style: TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: Colors.white)),
Text('健康仪表盘', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white)),
]),
),
const Spacer(),
@@ -216,9 +255,14 @@ class HealthDrawer extends ConsumerWidget {
decoration: BoxDecoration(
gradient: AppColors.primaryGradient,
borderRadius: BorderRadius.circular(AppTheme.rPill),
boxShadow: AppColors.buttonShadow,
),
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
child: const Text('功能', style: TextStyle(fontSize: 13, fontWeight: FontWeight.w600, color: Colors.white)),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
child: const Row(mainAxisSize: MainAxisSize.min, children: [
Icon(Icons.apps_rounded, size: 16, color: Colors.white),
SizedBox(width: 4),
Text('功能', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white)),
]),
),
),
Padding(