352 lines
13 KiB
Dart
352 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: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/mh_page/homepage/controller/mht_home_controller.dart';
|
|
import 'package:vbvs_app/pages/sleep_report/chart/SnoreWaveform.dart';
|
|
|
|
//睡眠规律性
|
|
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;
|
|
final deepSleep =
|
|
bsList.firstWhere((e) => e['id'] == 111, orElse: () => null);
|
|
final lightSleep =
|
|
bsList.firstWhere((e) => e['id'] == 117, orElse: () => null);
|
|
final snore =
|
|
bsList.firstWhere((e) => e['id'] == 116, orElse: () => null);
|
|
final movement =
|
|
bsList.firstWhere((e) => e['id'] == 108, orElse: () => null);
|
|
final leaveBed =
|
|
bsList.firstWhere((e) => e['id'] == 114, orElse: () => null);
|
|
|
|
final Map<int, int> typeIdMap = {
|
|
0: 114, // 离床时长
|
|
1: 117, // 浅睡时长
|
|
2: 111, // 深睡时长
|
|
3: 108, // 频繁体动时长
|
|
4: 116, // 打鼾时长
|
|
};
|
|
|
|
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, 10.rpx, 26.rpx, 44.rpx),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Container(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
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(mainAxisAlignment: MainAxisAlignment.end, children: [
|
|
OutlinedButton(
|
|
onPressed: () {
|
|
MHTHomeController homeController = Get.find();
|
|
Get.toNamed("/newSleepReportPage", arguments: {
|
|
'date': widget.sleepReport['endTime'],
|
|
"mac": homeController.selectDevcie.value,
|
|
'type': 1,
|
|
'backgroundImg': 'assets/images/new_background.png',
|
|
'person_show': false,
|
|
});
|
|
},
|
|
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),
|
|
),
|
|
])
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
alignment: Alignment(-1, 0),
|
|
child: Text(
|
|
"在床时长".tr + " ${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: 62.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(),
|
|
// ),
|
|
Wrap(
|
|
spacing: 55.rpx,
|
|
runSpacing: 20.rpx,
|
|
children: showLabel.map<Widget>((item) {
|
|
final int type = item["type"];
|
|
final int? targetId = typeIdMap[type];
|
|
|
|
// 在 bsList 中查找对应 id 的元素
|
|
final matchedItem = bsList.firstWhere(
|
|
(e) => e["id"] == targetId,
|
|
orElse: () => {},
|
|
);
|
|
|
|
final dynamic value = matchedItem?["value"];
|
|
final String displayValue = formatHourToHM(value);
|
|
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(
|
|
value != null
|
|
? "${item["name"]} $displayValue"
|
|
: "${item["name"]} -",
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 24.rpx,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} 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();
|
|
}
|
|
|
|
String formatHourToHM(dynamic value) {
|
|
if (value == null) return "-";
|
|
if (value is num) {
|
|
int hours = value.floor();
|
|
int minutes = ((value - hours) * 60).round();
|
|
|
|
if (hours > 0) {
|
|
return "${hours}h ${minutes}m";
|
|
} else {
|
|
return "${minutes}m";
|
|
}
|
|
}
|
|
return "-";
|
|
}
|
|
}
|