import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutter_svg/svg.dart'; import 'package:vbvs_app/common/color/appConstants.dart'; import 'package:vbvs_app/common/util/FitTool.dart'; import 'package:vbvs_app/common/util/MyUtils.dart'; import 'package:vbvs_app/component/tool/ClickableContainer.dart'; import 'package:vbvs_app/enum/APPPackageType.dart'; import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart'; import 'package:vbvs_app/pages/sleep_report/chart/DataShowWidget.dart'; import 'package:EasyDartModule/EasyDartModule.dart' as es; class HeartChangeWidget extends StatefulWidget { var sleepReport; HeartChangeWidget({super.key, required this.sleepReport}); @override State createState() => _HeartChangeWidgetState(); } class _HeartChangeWidgetState extends State { @override void setState(VoidCallback callback) { super.setState(callback); } @override void initState() { super.initState(); } @override void dispose() { super.dispose(); } @override Widget build(BuildContext context) { try { if (widget.sleepReport == null || widget.sleepReport['hrvs'] == null || widget.sleepReport['hrvs'].isEmpty) { return Container(); } List dataList = widget.sleepReport['hrvs']; List> data = transformHrvData(dataList); return Container( width: double.infinity, decoration: BoxDecoration( color: themeController.currentColor.sc5, borderRadius: BorderRadius.circular( AppConstants().normal_container_radius), // 你可以按需调整圆角半径 ), child: Padding( padding: EdgeInsetsDirectional.fromSTEB(26.rpx, 29.rpx, 26.rpx, 45.rpx), child: Column( mainAxisSize: MainAxisSize.max, children: [ Container( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( child: Text( "心率变异性（HRV）".tr, style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().title_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), ), ClickableContainer( backgroundColor: Colors.transparent, highlightColor: Colors.white, // 或设置为你需要的水波纹颜色 padding: EdgeInsetsDirectional.fromSTEB( 14.rpx, 10.rpx, 14.rpx, 10.rpx), // borderRadius: 0.rpx, // 圆形点击区域 onTap: () { if (AppConstants().ent_type == APPPackageType.MHT.code) { showTipDialog( context, Container( child: Text( // "心率变异性（HRV）介绍".tr, "心率变异性（HRV）是指心脏每次跳动间隔时间的差异程度，反映自主神经系统（交感神经和副交感神经）对心脏的调节能力，是评估心血管健康和压力状态的重要指标。" .tr, style: TextStyle( fontSize: 26.rpx, color: Colors.black, ), ), ), backgroundColor: Color(0xFFFFFFFF), colors: [ Color(0XFF1592AA), Color(0xFF0C83A7), Color(0xFF006FA3) ], ); } else { showTipDialog( context, Container( child: Text( "心率变异性（HRV）是指心脏每次跳动间隔时间的差异程度，反映自主神经系统（交感神经和副交感神经）对心脏的调节能力，是评估心血管健康和压力状态的重要指标。" .tr, style: TextStyle( fontSize: 26.rpx, color: themeController.currentColor.sc3, ), ), ), backgroundColor: themeController.currentColor.sc17, colors: AppConstants().thNormalButton, ); } }, child: Container( padding: EdgeInsetsDirectional.fromSTEB( 0, 0.rpx, 0.rpx, 0), // 外部 padding 移到内部 width: 28.rpx, height: 28.rpx, child: SvgPicture.asset( 'assets/img/icon/explain.svg', fit: BoxFit.cover, color: themeController.currentColor.sc4, ), ), ), ], ), ), SizedBox( height: 31.rpx, ), Padding( padding: EdgeInsetsDirectional.fromSTEB(0.rpx, 0.rpx, 0.rpx, 0.rpx), child: Column( children: [ DataShowWidget( alignment: MainAxisAlignment.center, widget1: Text( "名称".tr, style: TextStyle( color: themeController.currentColor.sc4, fontSize: AppConstants().normal_text_fontSize, ), ), widget2: Text( "测量值".tr, style: TextStyle( color: themeController.currentColor.sc4, fontSize: AppConstants().normal_text_fontSize, ), ), widget3: Text( "参考范围".tr, style: TextStyle( color: themeController.currentColor.sc4, fontSize: AppConstants().normal_text_fontSize, ), ), widget4: Text( "趋势".tr, style: TextStyle( color: themeController.currentColor.sc4, fontSize: AppConstants().normal_text_fontSize, ), ), ), Column( children: data.map((data) { return DataShowWidget( alignment: MainAxisAlignment.center, widget1: Row( children: [ Flexible( child: Text( '${data['name']}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize, ), ), ), ClickableContainer( backgroundColor: Colors.transparent, highlightColor: Colors.white, padding: EdgeInsetsDirectional.fromSTEB( 14.rpx, 14.rpx, 14.rpx, 14.rpx), borderRadius: 0.rpx, onTap: () { // Get.toNamed("/deviceShareListPage", arguments: explain); if (AppConstants().ent_type == APPPackageType.MHT) { showTipDialog( context, Container( child: Text( '${data['desc']}', style: TextStyle( fontSize: 26.rpx, color: Colors.black, ), ), ), backgroundColor: Color(0xFFFFFFFF), colors: [ Color(0XFF1592AA), Color(0xFF0C83A7), Color(0xFF006FA3) ], ); } else { showTipDialog( context, Container( child: Text( '${data['desc']}', style: TextStyle( fontSize: 26.rpx, color: themeController .currentColor.sc3, ), ), ), backgroundColor: themeController.currentColor.sc17, colors: AppConstants().thNormalButton, ); } }, child: SizedBox( width: 17.rpx, height: 17.rpx, child: SvgPicture.asset( 'assets/img/icon/question.svg', fit: BoxFit.cover, color: Colors.white, ), ), ), ], ), widget2: Text( '${data['value']}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: getColorByRange(data['value'], data['range']), // color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize, ), ), widget3: Text( '${data['range']}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize, ), ), widget4: data['change'] == 0 ? Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 0.rpx, 0, 0), child: Container( width: 22.rpx, height: 22.rpx, decoration: BoxDecoration(), child: SvgPicture.asset( 'assets/img/icon/score_up.svg', // fit: BoxFit.cover, ), ), ) : data['change'] == 1 ? Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 0.rpx, 0, 0), child: Container( width: 22.rpx, height: 22.rpx, decoration: BoxDecoration(), child: SvgPicture.asset( 'assets/img/icon/score_down.svg', // fit: BoxFit.cover, ), ), ) : Padding( padding: EdgeInsetsDirectional.fromSTEB( 0, 0.rpx, 0, 0), child: Container( width: 22.rpx, height: 22.rpx, decoration: BoxDecoration(), child: SvgPicture.asset( 'assets/img/icon/score_equal.svg', // fit: BoxFit.fill, ), ), ), ).paddingOnly(bottom: 0.rpx); // 在每个组件下方添加间隔 }).toList(), ), ], ), ), ], ), ), ); } catch (e) { es.EasyDartModule.logger.error("心率变化绘制异常${e}"); return Container(); } } List> transformHrvData(List originalData) { return originalData.map((item) { return { "name": item["name"] ?? "未知指标".tr, "value": (item["value"] is num) ? item["value"].toDouble() : 0.0, "range": item["range"] ?? "0-0", "change": item["trend"] ?? 0, "desc": item["tips"]?.toString().isNotEmpty == true ? item["tips"].toString() : "未知数据".tr }; }).toList(); } getColorByRange(double value, String? range) { try { // 1. 空、"-"、null 都直接返回默认颜色 if (range == null || range.toString().isEmpty || range == "-") { return themeController.currentColor.sc3; } // 2. 拆分范围，例如 "70-150" final parts = range.split('-'); if (parts.length != 2) { return themeController.currentColor.sc3; // 格式不对直接默认 } final min = int.parse(parts[0].trim()); final max = int.parse(parts[1].trim()); // 3. 判断是否在范围内 if (value < min || value > max) { // 不在范围 → 返回 danger 色 return themeController.currentColor.sc9; } // 在范围 → 正常色 return themeController.currentColor.sc3; } catch (e) { // 任意解析错误都回默认 return themeController.currentColor.sc3; } } }