370 lines
13 KiB
Dart
370 lines
13 KiB
Dart
import 'package:EasyDartModule/EasyDartModule.dart' as es;
|
||
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/enum/APPPackageType.dart';
|
||
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
|
||
import 'package:vbvs_app/pages/sleep_report/chart/QcTimeSeriesChart.dart';
|
||
|
||
//心率基准
|
||
class QcHeartRateStandardWidget extends StatefulWidget {
|
||
var reportData;
|
||
QcHeartRateStandardWidget({super.key, required this.reportData});
|
||
|
||
@override
|
||
State<QcHeartRateStandardWidget> createState() =>
|
||
_QcHeartRateStandardWidgetState();
|
||
}
|
||
|
||
class _QcHeartRateStandardWidgetState extends State<QcHeartRateStandardWidget> {
|
||
@override
|
||
void setState(VoidCallback callback) {
|
||
super.setState(callback);
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
super.dispose();
|
||
}
|
||
|
||
// 计算y轴的最大最小值
|
||
(double, double) _calculateYMinMax(List<QcTimeSeriesPoint> dataPoints) {
|
||
if (dataPoints.isEmpty) {
|
||
return (50.0, 150.0);
|
||
}
|
||
|
||
// 过滤掉无效数据点（值为-1的）
|
||
final validPoints = dataPoints.where((point) => point.value >= 0).toList();
|
||
|
||
if (validPoints.isEmpty) {
|
||
return (50.0, 150.0);
|
||
}
|
||
|
||
// 找出数据中的实际最小值和最大值
|
||
double dataMin =
|
||
validPoints.map((point) => point.value).reduce((a, b) => a < b ? a : b);
|
||
double dataMax =
|
||
validPoints.map((point) => point.value).reduce((a, b) => a > b ? a : b);
|
||
|
||
// 计算最小值（向下取整到10的倍数）
|
||
double yMin = (dataMin / 10).floor() * 10.0;
|
||
// 如果最小值小于0，设为0
|
||
if (yMin < 0) yMin = 0;
|
||
|
||
// 计算最大值（向上取整到10的倍数）
|
||
double yMax = (dataMax / 10).ceil() * 10.0;
|
||
|
||
// 确保至少有20的差值
|
||
if (yMax - yMin < 20) {
|
||
yMax = yMin + 20;
|
||
}
|
||
|
||
return (yMin, yMax);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
try {
|
||
if (widget.reportData == null || widget.reportData is! Map) {
|
||
return Container();
|
||
}
|
||
|
||
// 从reportData中获取hr数据
|
||
Map<String, dynamic> hrData = widget.reportData['hr'] ?? {};
|
||
if (hrData.isEmpty) {
|
||
return Container();
|
||
}
|
||
|
||
// 获取心率数据点
|
||
List<dynamic> dataList = hrData['data'] ?? [];
|
||
List<QcTimeSeriesPoint> dataPoints = [];
|
||
|
||
// 构建数据点（只保留值，不需要时间戳）
|
||
for (int i = 0; i < dataList.length; i++) {
|
||
dynamic value = dataList[i];
|
||
if (value == null || value == '') {
|
||
dataPoints.add(QcTimeSeriesPoint(-1));
|
||
} else {
|
||
double y = (value as num).toDouble();
|
||
dataPoints.add(QcTimeSeriesPoint(y));
|
||
}
|
||
}
|
||
|
||
// 计算动态的y轴范围
|
||
final (yMin, yMax) = _calculateYMinMax(dataPoints);
|
||
|
||
// 构建心率统计数据
|
||
Map<String, dynamic> avgHeartRate = {
|
||
'name': '平均心率'.tr,
|
||
'value': hrData['avg'].toInt() ?? 0,
|
||
'unit': '次/分'.tr,
|
||
};
|
||
|
||
Map<String, dynamic> baseHeartRate = {
|
||
'name': '基准心率'.tr,
|
||
'value': hrData['base'].toInt() ?? 0,
|
||
'unit': '次/分'.tr,
|
||
};
|
||
|
||
Map<String, dynamic> minHeartRate = {
|
||
'name': '最低心率'.tr,
|
||
'value': hrData['min'].toInt() ?? 0,
|
||
'unit': '次/分'.tr,
|
||
};
|
||
|
||
Map<String, dynamic> maxHeartRate = {
|
||
'name': '最高心率'.tr,
|
||
'value': hrData['max'].toInt() ?? 0,
|
||
'unit': '次/分'.tr,
|
||
};
|
||
|
||
// 构建正常范围字符串
|
||
String range = '';
|
||
if (baseHeartRate['value'] != 0) {
|
||
int baseValue = baseHeartRate['value'];
|
||
range = '${baseValue - 10}~${baseValue + 10}';
|
||
} else {
|
||
range = '60~100';
|
||
}
|
||
|
||
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, 10.rpx, 14.rpx, 10.rpx),
|
||
borderRadius: 0.rpx,
|
||
onTap: () {
|
||
if (AppConstants().ent_type ==
|
||
APPPackageType.MHT.code) {
|
||
showTipDialog(
|
||
context,
|
||
Container(
|
||
child: Text(
|
||
"心率数据是指用户在睡眠过程中基本心率数据，可初步判断睡眠中的心血管负荷及自主神经功能状态，为睡眠健康评估提供重要依据。"
|
||
.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(
|
||
"心率数据是指用户在睡眠过程中基本心率数据，可初步判断睡眠中的心血管负荷及自主神经功能状态，为睡眠健康评估提供重要依据。"
|
||
.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),
|
||
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: [
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
0.rpx, 0.rpx, 30.rpx, 0.rpx),
|
||
child: 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(
|
||
'正常范围 '.tr + range,
|
||
style: TextStyle(
|
||
fontSize: AppConstants().smaller_text_fontSize,
|
||
color: themeController.currentColor.sc3,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
0.rpx, 0.rpx, 30.rpx, 0.rpx),
|
||
child: Container(
|
||
width: double.infinity,
|
||
child: QcTimeSeriesChart(
|
||
yMin: yMin,
|
||
yMax: yMax,
|
||
dataPoints: dataPoints,
|
||
xSegmentCount: 11,
|
||
baseValue: hrData['base'].toDouble(), // 传入基准值
|
||
// baseValue: 65, // 传入基准值
|
||
baseLabel: '基准', // 可选的自定义标签
|
||
yAxisPadding: 0,
|
||
yAxisMargin: 5,
|
||
),
|
||
),
|
||
),
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
0.rpx, 0.rpx, 0.rpx, 0.rpx),
|
||
child: Row(
|
||
children: [
|
||
_buildHeartRateItem(avgHeartRate,
|
||
valueColor: stringToColor("#00C1AA")),
|
||
_buildHeartRateItem(baseHeartRate,
|
||
valueColor: stringToColor("#FF7159")),
|
||
_buildHeartRateItem(minHeartRate,
|
||
valueColor: stringToColor("#E3AFDD")),
|
||
_buildHeartRateItem(maxHeartRate,
|
||
valueColor: stringToColor("#FF9F66")),
|
||
],
|
||
),
|
||
),
|
||
].divide(SizedBox(
|
||
height: 18.rpx,
|
||
)),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
} catch (e) {
|
||
es.EasyDartModule.logger.error("心率基准绘制异常${e}");
|
||
return Container();
|
||
}
|
||
}
|
||
|
||
Widget _buildHeartRateItem(Map<String, dynamic> data, {Color? valueColor}) {
|
||
return Expanded(
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 4.rpx, vertical: 4.rpx),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
children: [
|
||
Flexible(
|
||
child: Text(
|
||
"${data['name']}",
|
||
style: TextStyle(
|
||
color: themeController.currentColor.sc3,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
SizedBox(height: 4.rpx),
|
||
Flexible(
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Flexible(
|
||
fit: FlexFit.loose,
|
||
child: Text(
|
||
"${data['value']}",
|
||
style: TextStyle(
|
||
color: valueColor ?? themeController.currentColor.sc2,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
SizedBox(width: 6.rpx),
|
||
Flexible(
|
||
fit: FlexFit.loose,
|
||
child: Text(
|
||
"${data['unit']}",
|
||
style: TextStyle(
|
||
color: themeController.currentColor.sc3,
|
||
fontSize: AppConstants().small_text_fontSize,
|
||
),
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|