import 'package:ef/ef.dart'; import 'package:flutter/material.dart'; import 'package:flutter_svg/svg.dart'; import 'package:flutterflow_ui/flutterflow_ui.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/pages/device_bind/componnet/bind_dialog.dart'; import 'package:vbvs_app/pages/sleep_report/chart/TimeSeriesChart.dart'; class HeartRateStandardWidget extends StatefulWidget { HeartRateStandardWidget({super.key}); @override State createState() => _HeartRateStandardWidgetState(); } class _HeartRateStandardWidgetState 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) { final now = DateTime.now(); final startTime = now.subtract(Duration(hours: 5)).millisecondsSinceEpoch; final endTime = now.millisecondsSinceEpoch; final dataPoints = [ TimeSeriesPoint(startTime + Duration(minutes: 10).inMilliseconds, 50), TimeSeriesPoint(startTime + Duration(hours: 1).inMilliseconds, 120), TimeSeriesPoint(startTime + Duration(hours: 2).inMilliseconds, 80), TimeSeriesPoint(startTime + Duration(hours: 3).inMilliseconds, 180), TimeSeriesPoint(startTime + Duration(hours: 4).inMilliseconds, 30), TimeSeriesPoint(endTime - Duration(minutes: 10).inMilliseconds, 150), ]; 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: [ Text( "心率基准".tr, style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().title_text_fontSize), ), ClickableContainer( backgroundColor: Colors.transparent, highlightColor: Colors.white, // 或设置为你需要的水波纹颜色 padding: EdgeInsetsDirectional.fromSTEB( 14.rpx, 0.rpx, 14.rpx, 0), // borderRadius: 0.rpx, // 圆形点击区域 onTap: () { showTipDialog( context, Container( child: Text( "心率基准介绍".tr, style: TextStyle( fontSize: 26.rpx, color: themeController.currentColor.sc3, ), ), ), ); }, 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, 30.rpx, 0.rpx), child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.end, children: [ // 圆形小球容器 Container( width: 14.rpx, // 圆球的直径 height: 14.rpx, decoration: BoxDecoration( color: themeController.currentColor.sc2, // 小球的颜色 shape: BoxShape.circle, // 设置为圆形 ), ), SizedBox(width: 15.rpx), // 圆球和文字之间的间隔 // 文字 Text( '正常范围(50~80)', style: TextStyle( fontSize: AppConstants().smaller_text_fontSize, // 文字的大小 color: themeController.currentColor.sc3, // 文字颜色 ), ), ], ), Container( // color: Colors.red, width: double.infinity, // height: 300.rpx, child: TimeSeriesChart( startTime: startTime, endTime: endTime, yMin: 50, yMax: 150, dataPoints: dataPoints, ), ), Padding( padding: EdgeInsetsDirectional.fromSTEB( 30.rpx, 0.rpx, 0.rpx, 0.rpx), child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ Column( children: [ Text( "平均心率", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize), ), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( "89", style: TextStyle( color: themeController.currentColor.sc2, fontSize: AppConstants().normal_text_fontSize), ), Text( "次/分钟", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().small_text_fontSize), ), ].divide(SizedBox( width: 6.rpx, )), ), ], ), Column( children: [ Text( "基准心率", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( "80", style: TextStyle( color: themeController.currentColor.sc2, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Text( "次/分钟", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().small_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), ].divide(SizedBox( width: 6.rpx, )), ), ], ), Column( children: [ Text( "最低心率", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( "68", style: TextStyle( color: themeController.currentColor.sc2, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Text( "次/分钟", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().small_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), ].divide(SizedBox( width: 6.rpx, )), ), ], ), Column( children: [ Text( "最高心率", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( "98", style: TextStyle( color: themeController.currentColor.sc2, fontSize: AppConstants().normal_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), Text( "次/分钟", style: TextStyle( color: themeController.currentColor.sc3, fontSize: AppConstants().small_text_fontSize), maxLines: 1, overflow: TextOverflow.ellipsis, ), ].divide(SizedBox( width: 6.rpx, )), ), ], ), ], ), ), ].divide(SizedBox( height: 18.rpx, )), ), ), ], ), ), ); } }