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
parent 63d2092c24
commit f6dd14be3b
28 changed files with 1153 additions and 1578 deletions
--- a/health_app/lib/widgets/app_menu_item.dart
+++ b/health_app/lib/widgets/app_menu_item.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
+import '../core/app_colors.dart';
 import '../core/app_theme.dart';

 /// 统一菜单项，profile_page 和 settings_pages 都共用这个
@@ -37,10 +38,10 @@ class AppMenuItem extends StatelessWidget {
            width: 38,
            height: 38,
            decoration: BoxDecoration(
-              color: AppTheme.primaryLight,
+              color: Colors.white,
              borderRadius: BorderRadius.circular(AppTheme.rSm),
            ),
-            child: Icon(icon, size: 22, color: AppTheme.primary),
+            child: Icon(icon, size: 22, color: AppColors.textPrimary),
          ),
          const SizedBox(width: AppTheme.sLg),
          Expanded(
--- a/health_app/lib/widgets/app_tab_chip.dart
+++ b/health_app/lib/widgets/app_tab_chip.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import '../core/app_colors.dart';
 import '../core/app_theme.dart';

 /// 统一样式的标签/筛选 Chip
@@ -22,15 +23,16 @@ class AppTabChip extends StatelessWidget {
        margin: const EdgeInsets.only(right: AppTheme.sSm),
        padding: const EdgeInsets.symmetric(horizontal: AppTheme.sLg, vertical: AppTheme.sSm),
        decoration: BoxDecoration(
-          color: selected ? AppTheme.primary : AppTheme.primaryLight,
+          color: selected ? Colors.white : AppColors.iconBg,
          borderRadius: BorderRadius.circular(AppTheme.rPill),
+          border: selected ? Border.all(color: Color(0xFFC8DDFD), width: 1.5) : null,
        ),
        child: Text(
          label,
          style: TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.w500,
-            color: selected ? Colors.white : AppTheme.primary,
+            color: selected ? AppColors.primary : AppColors.textSecondary,
          ),
        ),
      ),
--- a/health_app/lib/widgets/health_drawer.dart
+++ b/health_app/lib/widgets/health_drawer.dart
@@ -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(
--- a/health_app/lib/widgets/service_package_card.dart
+++ b/health_app/lib/widgets/service_package_card.dart
@@ -224,33 +224,8 @@ class ServicePackageCard extends ConsumerWidget {
                ),
              ]),
              const SizedBox(height: 12),
-              // VIP 标签
-              Container(
-                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
-                decoration: BoxDecoration(
-                  gradient: LinearGradient(colors: [const Color(0xFFF5A623).withAlpha(200), const Color(0xFFE8930C)]),
-                  borderRadius: BorderRadius.circular(6),
-                ),
-                child: const Row(mainAxisSize: MainAxisSize.min, children: [
-                  Text('VIP', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w700, color: Colors.white)),
-                  SizedBox(width: 4),
-                  Text('VIP 产品权益', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: Colors.white)),
-                ]),
-              ),
-              const SizedBox(height: 14),
              // 服务图标网格
              ...serviceRows,
-              const SizedBox(height: 12),
-              // 查看更多
-              Center(
-                child: GestureDetector(
-                  onTap: () => pushRoute(ref, 'servicePackageDetail', params: {'id': package.id}),
-                  child: Row(mainAxisSize: MainAxisSize.min, children: [
-                    Text('查看更多服务包', style: TextStyle(fontSize: 16, color: AppTheme.primary, fontWeight: FontWeight.w500)),
-                    Icon(Icons.chevron_right, size: 19, color: AppTheme.primary),
-                  ]),
-                ),
-              ),
            ],
          ),
        ),