enchantedwyf/tuiche
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

一级睡眠报告

Browse Source
This commit is contained in:
czz
2025-08-06 18:50:11 +08:00
parent 16a304cae8
commit d5f8efb79e
8 changed files with 781 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
lib/pages/sleep_report/component/SleepScoreWidget.dart
View File

@@ -9,7 +9,12 @@ import 'package:EasyDartModule/EasyDartModule.dart' as es;
class SleepScoreWidget extends StatefulWidget {
var sleepReport;
SleepScoreWidget({super.key, required this.sleepReport});
final bool showLabelWrap;
SleepScoreWidget({
super.key,
required this.sleepReport,
this.showLabelWrap = true,
});
@override
State<SleepScoreWidget> createState() => _SleepScoreWidgetState();
@@ -135,12 +140,6 @@ class _SleepScoreWidgetState extends State<SleepScoreWidget> {
width: 256.rpx,
height: 256.rpx,
child: SegmentedCircleWithCenterWidget(
// segments: [
// SegmentData(color: Colors.red, value: 30),
// SegmentData(color: Colors.green, value: 20),
// SegmentData(color: Colors.blue, value: 40),
// SegmentData(color: Colors.orange, value: 10),
// ],
segments: segments,
strokeWidth: 12.rpx,
gapAngle: 8,
@@ -148,13 +147,6 @@ class _SleepScoreWidgetState extends State<SleepScoreWidget> {
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// Text(
// "睡眠评分".tr,
// style: TextStyle(
// color: stringToColor("#FFFFFF"),
// fontSize:
// AppConstants().normal_text_fontSize),
// ),
Padding(
padding: EdgeInsets.only(
top: 12.rpx), // 👈 向下偏移的关键
@@ -185,37 +177,42 @@ class _SleepScoreWidgetState extends State<SleepScoreWidget> {
)
],
)),
SizedBox(height: 50.rpx),
Wrap(
spacing: 32.rpx,
runSpacing: 20.rpx,
children: showLabel.map<Widget>((item) {
return Container(
padding: EdgeInsets.all(5.rpx),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 20.rpx,
height: 20.rpx,
decoration: BoxDecoration(
color: stringToColor("${item["color"]}"),
borderRadius: BorderRadius.circular(10.rpx),
if (widget.showLabelWrap)
Column(
children: [
SizedBox(height: 50.rpx),
Wrap(
spacing: 32.rpx,
runSpacing: 20.rpx,
children: showLabel.map<Widget>((item) {
return Container(
padding: EdgeInsets.all(5.rpx),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 20.rpx,
height: 20.rpx,
decoration: BoxDecoration(
color: stringToColor("${item["color"]}"),
borderRadius: BorderRadius.circular(10.rpx),
),
),
SizedBox(width: 17.rpx),
Text(
item["name"] + '(' + item['range'] + ")",
style: TextStyle(
color: Colors.white,
fontSize: 24.rpx,
),
),
],
),
),
SizedBox(width: 17.rpx),
Text(
item["name"] + '(' + item['range'] + ")",
style: TextStyle(
color: Colors.white,
fontSize: 24.rpx,
),
),
],
);
}).toList(),
),
);
}).toList(),
),
],
),
],
),
),

193
lib/pages/sleep_report/component/Vital_signs.dart Normal file
View File

@@ -0,0 +1,193 @@
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;
//睡眠规律性
class VitalSignsWidget extends StatefulWidget {
var sleepReport;
VitalSignsWidget({super.key, required this.sleepReport});
@override
State<VitalSignsWidget> createState() => _VitalSignsWidgetState();
}
class _VitalSignsWidgetState extends State<VitalSignsWidget> {
@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 is! Map ||
widget.sleepReport.isEmpty) {
return Container();
}
List showLabel = widget.sleepReport['sleepData']['type']
.where((item) => item['show'] != false)
.toList();
final bsList = widget.sleepReport['bs'] as List;
List snoreValues = [];
List lightSnore = widget.sleepReport['ssp']['data'][0];
List heavySnore = widget.sleepReport['ssp']['data'][1];
snoreValues = [...lightSnore, ...heavySnore];
snoreValues.sort((a, b) {
return a['st'].compareTo(b['st']);
});
Map time = MyUtils.diffHoursMinutesMap(
widget.sleepReport['startTime'], widget.sleepReport['endTime']);
int hour = time['hours'];
int minutes = time['minutes'];
final matched = bsList.firstWhere(
(item) => item['id'] == 105,
orElse: () => {},
);
List stages = widget.sleepReport['sleepData']['stages'];
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: Colors.black,
),
),
),
backgroundColor: Color(0xFFFFFFFF),
colors: [
Color(0XFF1592AA),
Color(0xFF0C83A7),
Color(0xFF006FA3)
],
);
},
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,
),
),
),
],
),
),
Row(
children: [
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),
)
],
),
Column(
children: [
Text(
"1",
style: TextStyle(
color: themeController.currentColor.sc3,
fontSize: AppConstants().title_text_fontSize),
)
],
)
],
),
Row(mainAxisAlignment: MainAxisAlignment.end, children: [
OutlinedButton(
onPressed: () {},
style: OutlinedButton.styleFrom(
side: const BorderSide(color: Color(0XFF85F5FF)),
foregroundColor: Color(0XFF85F5FF),
minimumSize: Size(202.rpx, 62.rpx),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(6),
),
),
child: Text('查看详情'.tr),
),
])
],
),
),
);
} catch (e) {
es.EasyDartModule.logger.error("打鼾监测绘制异常${e}");
return Container();
}
}
}

258
lib/pages/sleep_report/component/new_sleep_view.dart Normal file
View File

@@ -0,0 +1,258 @@
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/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;
//睡眠规律性
class NewSleepViewWidget extends StatefulWidget {
var sleepReport;
NewSleepViewWidget({super.key, required this.sleepReport});
@override
State<NewSleepViewWidget> createState() => _NewSleepViewWidgetState();
}
class _NewSleepViewWidgetState extends State<NewSleepViewWidget> {
@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 is! Map ||
widget.sleepReport.isEmpty) {
return Container();
}
List showLabel = widget.sleepReport['sleepData']['type']
.where((item) => item['show'] != false)
.toList();
final bsList = widget.sleepReport['bs'] as List;
List snoreValues = [];
List lightSnore = widget.sleepReport['ssp']['data'][0];
List heavySnore = widget.sleepReport['ssp']['data'][1];
snoreValues = [...lightSnore, ...heavySnore];
snoreValues.sort((a, b) {
return a['st'].compareTo(b['st']);
});
Map time = MyUtils.diffHoursMinutesMap(
widget.sleepReport['startTime'], widget.sleepReport['endTime']);
int hour = time['hours'];
int minutes = time['minutes'];
final matched = bsList.firstWhere(
(item) => item['id'] == 105,
orElse: () => {},
);
List stages = widget.sleepReport['sleepData']['stages'];
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: Colors.black,
),
),
),
backgroundColor: Color(0xFFFFFFFF),
colors: [
Color(0XFF1592AA),
Color(0xFF0C83A7),
Color(0xFF006FA3)
],
);
},
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,
),
),
),
],
),
),
Container(
alignment: Alignment(-1, 0),
child: Text(
"在床时长 ${formatDecimalHoursWithTr(matched['value'])}",
style: TextStyle(color: Color(0xFF929699), fontSize: 20.rpx),
),
),
SizedBox(
height: 49.rpx,
),
Padding(
padding: EdgeInsetsDirectional.fromSTEB(
26.rpx, 0.rpx, 26.rpx, 0.rpx),
child: SnoreChartContainer(
snoreValues: snoreValues,
barData: stages,
startTime: widget.sleepReport['startTime'],
endTime: widget.sleepReport['endTime'],
showLabel: showLabel,
),
),
SizedBox(
height: 70.rpx,
),
Wrap(
spacing: 55.rpx,
runSpacing: 20.rpx,
children: showLabel.map<Widget>((item) {
return Container(
padding: EdgeInsets.all(5.rpx),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 20.rpx,
height: 20.rpx,
decoration: BoxDecoration(
color: item["color"] == null || item["color"] == ""
? Colors.transparent
: stringToColor(item["color"]),
borderRadius: BorderRadius.circular(10.rpx),
),
),
SizedBox(width: 17.rpx),
Text(
item["name"],
style: TextStyle(
color: Colors.white,
fontSize: 24.rpx,
),
),
],
),
);
}).toList(),
),
Row(mainAxisAlignment: MainAxisAlignment.end, children: [
OutlinedButton(
onPressed: () {},
style: OutlinedButton.styleFrom(
side: const BorderSide(color: Color(0XFF85F5FF)),
foregroundColor: Color(0XFF85F5FF),
minimumSize: Size(202.rpx, 62.rpx),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(6),
),
),
child: Text('查看详情'.tr),
),
])
],
),
),
);
} catch (e) {
es.EasyDartModule.logger.error("打鼾监测绘制异常${e}");
return Container();
}
}
String formatDecimalHoursWithTr(double value) {
int hours = value.floor(); // 小时整数部分
int minutes = ((value - hours) * 60).round(); // 小数转分钟
return "$hours${'小时'.tr}$minutes${'分钟'.tr}";
}
List<Map<String, dynamic>> formatSleepData(List<dynamic> bs) {
List<int> targetIds = [114, 117, 111, 108, 116];
return bs.where((item) {
final id = item['id'];
return id != null && targetIds.contains(id);
}).map((item) {
try {
final rawValue = item['value'];
String valueStr = '';
if (rawValue is num) {
final double raw = rawValue.toDouble();
int hours = raw.floor();
int minutes = ((raw - hours) * 60).round();
if (hours > 0) valueStr += '$hours${'h'}';
if (minutes > 0) valueStr += '$minutes${'m'}';
if (valueStr.isEmpty) valueStr = '0${'m'}';
} else {
valueStr = rawValue?.toString() ?? '0${'m'}';
}
return {
'name': item['name'] ?? '',
'value': valueStr,
'color': item['color'],
};
} catch (e) {
return {
'name': item['name'] ?? '',
'value': '0${'m'}',
'color': item['color'],
};
}
}).toList();
}
}

174
lib/pages/sleep_report/new_sleep_report_page.dart
View File

@@ -174,40 +174,7 @@ class _NewSleepReportPageState extends State<NewSleepReportPage> {
),
child: Scaffold(
backgroundColor: Colors.transparent, // 背景透明
// appBar: AppBar(
// backgroundColor: widget.data['backgroundColor'] != null
// ? widget.data['backgroundColor'].withOpacity(0.8)
// : themeController.currentColor.sc5,
// automaticallyImplyLeading: false,
// iconTheme: IconThemeData(color: themeController.currentColor.sc3),
// titleSpacing: 0,
// title: Container(
// width: double.infinity,
// height: 180.rpx,
// child: Stack(
// alignment: Alignment.center,
// children: [
// /// 居中标题
// Text(
// '健康报告'.tr,
// style: TextStyle(
// fontFamily: 'Readex Pro',
// color: themeController.currentColor.sc3,
// letterSpacing: 0,
// fontSize: 30.rpx,
// ),
// ),
// /// 左边返回按钮
// if (widget.data['arrow'] == null ||
// widget.data['arrow'] == true)
// Positioned(
// left: 0,
// child: returnIconButtomNew(),
// ),
// ],
// ),
// ),
// ),
appBar: (widget.data['arrow'] != null &&
widget.data['arrow'] == false)
? null
@@ -688,144 +655,7 @@ class _NewSleepReportPageState extends State<NewSleepReportPage> {
Stack(
alignment: Alignment.bottomLeft,
children: [
// Row(
// mainAxisSize: MainAxisSize.max,
// children: [
// Obx(() {
// return ClickableContainer(
// backgroundColor:
// Colors.transparent,
// highlightColor: themeController
// .currentColor.sc3,
// borderRadius: 8.rpx,
// padding: EdgeInsets.all(0),
// onTap: () async {
// loadSleepReport(1);
// },
// child: Column(
// mainAxisSize:
// MainAxisSize.max,
// children: [
// Container(
// width: 115
// .rpx, // 固定宽度为 160.rpx
// alignment: Alignment
// .center, // 文字居中
// child: Text(
// '日报'.tr,
// style: TextStyle(
// fontFamily: 'Inter',
// fontSize: AppConstants()
// .title_text_fontSize,
// letterSpacing: 0.0,
// color: sleepReportController
// .model
// .type ==
// 1
// ? themeController
// .currentColor
// .sc2
// : themeController
// .currentColor
// .sc3,
// ),
// ),
// ),
// SizedBox(height: 10.rpx),
// ],
// ),
// );
// }),
// Obx(() {
// return ClickableContainer(
// backgroundColor:
// Colors.transparent,
// highlightColor: themeController
// .currentColor.sc3,
// borderRadius: 8.rpx,
// padding: EdgeInsets.all(0),
// onTap: () async {
// loadSleepReport(2);
// },
// child: Column(
// mainAxisSize:
// MainAxisSize.max,
// children: [
// Container(
// width: 115
// .rpx, // 固定宽度为 160.rpx
// alignment: Alignment
// .center, // 文字居中
// child: Text('周报'.tr,
// style: TextStyle(
// fontFamily: 'Inter',
// fontSize: AppConstants()
// .title_text_fontSize,
// letterSpacing: 0.0,
// color: sleepReportController
// .model
// .type ==
// 2
// ? themeController
// .currentColor
// .sc2
// : themeController
// .currentColor
// .sc3,
// )),
// ),
// SizedBox(height: 10.rpx),
// ],
// ),
// );
// }),
// Obx(() {
// return ClickableContainer(
// backgroundColor:
// Colors.transparent,
// highlightColor: themeController
// .currentColor.sc3,
// borderRadius: 8.rpx,
// padding: EdgeInsets.all(0),
// onTap: () async {
// loadSleepReport(3);
// },
// child: Column(
// mainAxisSize:
// MainAxisSize.max,
// children: [
// Container(
// width: 115
// .rpx, // 固定宽度为 160.rpx
// alignment: Alignment
// .center, // 文字居中
// child: Text(
// '月报'.tr,
// style: TextStyle(
// fontFamily: 'Inter',
// fontSize: AppConstants()
// .title_text_fontSize,
// letterSpacing: 0.0,
// color: sleepReportController
// .model
// .type ==
// 3
// ? themeController
// .currentColor
// .sc2
// : themeController
// .currentColor
// .sc3,
// ),
// ),
// ),
// SizedBox(height: 10.rpx),
// ],
// ),
// );
// }),
// ],
// ),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceAround,