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 BreatheStandardWidget extends StatefulWidget { var sleepReport; BreatheStandardWidget({super.key, required this.sleepReport}); @override State createState() => _BreatheStandardWidgetState(); } class _BreatheStandardWidgetState 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) { if (widget.sleepReport == null || widget.sleepReport is! Map || widget.sleepReport.isEmpty) { return Container(); } final startTime = widget.sleepReport['startTime']; final endTime = widget.sleepReport['endTime']; List> data = (widget.sleepReport['brbc'] as List).cast>(); // final dataPoints = [ // TimeSeriesPoint(12121, 50), // TimeSeriesPoint(1212, 120), // TimeSeriesPoint(121, 80), // TimeSeriesPoint(1212, 180), // TimeSeriesPoint(1212, 30), // TimeSeriesPoint(1212, 150), // ]; final dataPoints = data.map((item) { final x = item['st'] as int; final y = (item['value'] as num).toDouble(); // 安全地转换为 double return TimeSeriesPoint(x, y); }).toList(); 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( '正常范围(8~20)', 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( "12", 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( "15", 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( "11", 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( "18", 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, )), ), ), ], ), ), ); } }