更新一级睡眠报告页面

This commit is contained in:
wyf
2025-08-07 08:53:26 +08:00
parent d5f8efb79e
commit 88a03a361c
11 changed files with 416 additions and 140 deletions

View File

@@ -1,15 +1,13 @@
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:path/path.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/GradientLine.dart';
import 'package:vbvs_app/pages/sleep_report/chart/SnoreWaveform.dart';
import 'package:EasyDartModule/EasyDartModule.dart' as es;
import 'package:vbvs_app/pages/mh_page/homepage/controller/mht_home_controller.dart';
//睡眠规律性
class VitalSignsWidget extends StatefulWidget {
@@ -67,6 +65,38 @@ class _VitalSignsWidgetState extends State<VitalSignsWidget> {
orElse: () => {},
);
List svgList = [
'assets/img/icon/home_heart.svg',
'assets/img/icon/home_hrv.svg',
'assets/img/icon/home_breath.svg'
];
List nameList = ['平均心率'.tr, '平均hrv'.tr, '平均呼吸'.tr];
// brs 307【平均呼吸】
// hrs 206【平均心率】 203【hrv】
final hrsList = widget.sleepReport['hrs'] ?? [];
final brsList = widget.sleepReport['brs'] ?? [];
// 获取对应 id 的原始 value
final avgHeartRate = hrsList.firstWhere(
(e) => e['id'] == 206,
orElse: () => {},
);
final hrv = hrsList.firstWhere(
(e) => e['id'] == 203,
orElse: () => {},
);
final avgBreath = brsList.firstWhere(
(e) => e['id'] == 307,
orElse: () => {},
);
// 构建 valueList原始数据未格式化
List<dynamic> valueList = [
avgHeartRate['value'],
hrv['value'],
avgBreath['value'],
];
List stages = widget.sleepReport['sleepData']['stages'];
return Container(
width: double.infinity,
@@ -102,8 +132,7 @@ class _VitalSignsWidgetState extends State<VitalSignsWidget> {
context,
Container(
child: Text(
"睡眠规律性是指个体睡眠模式在时间、时长、环境等方面呈现出的稳定性和一致性,是衡量睡眠质量的重要指标之一。"
.tr,
"生命体征指的是睡眠周期的整体数据。".tr,
style: TextStyle(
fontSize: 26.rpx,
color: Colors.black,
@@ -133,43 +162,75 @@ class _VitalSignsWidgetState extends State<VitalSignsWidget> {
],
),
),
SizedBox(
height: 98.rpx,
),
Row(
children: [
Column(
children: [
Text(
"1",
style: TextStyle(
color: themeController.currentColor.sc3,
fontSize: AppConstants().title_text_fontSize),
children: List.generate(3, (index) {
return Expanded(
// 平均宽度
child: SizedBox(
// height: 120.rpx, // 固定高度,例如 120.rpx根据实际调整
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
padding: EdgeInsetsDirectional.fromSTEB(
0, 0.rpx, 0.rpx, 0), // 外部 padding 移到内部
width: 42.rpx,
height: 42.rpx,
child: SvgPicture.asset(
svgList[index],
fit: BoxFit.cover,
// color: themeController.currentColor.sc4,
),
),
SizedBox(width: 5.rpx),
Text(
valueList[index] == null ||
valueList[index].toString().isEmpty
? "-"
: "${valueList[index]}",
style: TextStyle(
color: themeController.currentColor.sc3,
fontSize: 60.rpx,
),
),
],
),
SizedBox(height: 42.rpx),
Text(
"${nameList[index]}",
style: TextStyle(
color: stringToColor("#929699"),
fontSize: AppConstants().normal_text_fontSize,
),
),
],
),
],
),
Column(
children: [
Text(
"1",
style: TextStyle(
color: themeController.currentColor.sc3,
fontSize: AppConstants().title_text_fontSize),
)
],
),
Column(
children: [
Text(
"1",
style: TextStyle(
color: themeController.currentColor.sc3,
fontSize: AppConstants().title_text_fontSize),
)
],
)
],
),
);
}),
),
SizedBox(
height: 130.rpx,
),
Row(mainAxisAlignment: MainAxisAlignment.end, children: [
OutlinedButton(
onPressed: () {},
onPressed: () {
MHTHomeController homeController = Get.find();
Get.toNamed("/newSleepReportPage", arguments: {
'date': widget.sleepReport['startTime'],
"mac": homeController.selectDevcie.value,
'type': 1,
'backgroundImg': 'assets/images/new_background.png',
'person_show': false,
'itemName': 206,
});
},
style: OutlinedButton.styleFrom(
side: const BorderSide(color: Color(0XFF85F5FF)),
foregroundColor: Color(0XFF85F5FF),