更新睡眠报告
This commit is contained in:
wyf
@@ -1,11 +1,14 @@
|
||||
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/controller/sleep/sleep_report_controller.dart';
|
||||
import 'package:vbvs_app/controller/theme_controller/ThemeController.dart';
|
||||
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
|
||||
|
||||
class SleepDataModuleWidget extends StatefulWidget {
|
||||
final Map<String, dynamic> data;
|
||||
@@ -37,11 +40,192 @@ class _SleepDataModuleWidgetState extends State<SleepDataModuleWidget> {
|
||||
ThemeController themeController = Get.find();
|
||||
return ClickableContainer(
|
||||
backgroundColor: themeController.currentColor.sc5,
|
||||
highlightColor: themeController.currentColor.sc3,
|
||||
highlightColor: themeController.currentColor.sc21,
|
||||
borderRadius: 20.rpx,
|
||||
padding: EdgeInsetsDirectional.fromSTEB(18.rpx, 18.rpx, 18.rpx, 22.rpx),
|
||||
padding: EdgeInsetsDirectional.fromSTEB(18.rpx, 10.rpx, 18.rpx, 10.rpx),
|
||||
onTap: () {
|
||||
print('点击了离床次数卡片');
|
||||
if (widget.data['showTip'] != null && widget.data['showTip'] == true) {
|
||||
final String itemLevel = widget.data['code'] ?? '';
|
||||
SleepReportController sleepReportController = Get.find();
|
||||
|
||||
var report = sleepReportController.sleepReport;
|
||||
List<Map<String, dynamic>> levelGroups = [];
|
||||
|
||||
if (report != null) {
|
||||
var colorMap =
|
||||
Map<String, dynamic>.from(report.value['info']['color']);
|
||||
var levelMap =
|
||||
Map<String, dynamic>.from(report.value['info']['level']);
|
||||
|
||||
for (var prefix in ['G', 'R', 'Y']) {
|
||||
List<String> keys =
|
||||
colorMap.keys.where((k) => k.startsWith(prefix)).toList();
|
||||
keys.sort(); // G1, G2, G3
|
||||
|
||||
List<Map<String, dynamic>> items = keys.map((k) {
|
||||
return {
|
||||
"key": k,
|
||||
"color": colorMap[k],
|
||||
"level": levelMap[k] ?? "未知",
|
||||
};
|
||||
}).toList();
|
||||
|
||||
levelGroups.add({
|
||||
"levelName": items.first['level'], // 默认同组level一致
|
||||
"items": items,
|
||||
});
|
||||
}
|
||||
}
|
||||
showTipDialog(
|
||||
backgroundColor: stringToColor("#FFFFFF"),
|
||||
context,
|
||||
Column(
|
||||
children: [
|
||||
Text(
|
||||
"${widget.data['name']}",
|
||||
style: TextStyle(
|
||||
color: stringToColor("#333333"),
|
||||
fontSize: 36.rpx,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 17.rpx,
|
||||
),
|
||||
Text(
|
||||
(widget.data['tips']?.toString().trim().isNotEmpty ?? false)
|
||||
? widget.data['tips'].toString()
|
||||
: "未知数据".tr,
|
||||
style: TextStyle(
|
||||
color: stringToColor("#C8CBD2"),
|
||||
fontSize: 26.rpx,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 37.rpx,
|
||||
),
|
||||
Text(
|
||||
"${widget.data['value']}",
|
||||
style: TextStyle(
|
||||
color: stringToColor("${widget.data['color']}"),
|
||||
fontSize: 60.rpx,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 81.rpx,
|
||||
),
|
||||
IntrinsicHeight(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
for (int i = 0; i < levelGroups.length; i++) ...[
|
||||
// 每个 levelGroup 区域
|
||||
Expanded(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// Level 名称
|
||||
Text(
|
||||
levelGroups[i]['levelName'],
|
||||
style: TextStyle(
|
||||
fontSize: 30.rpx,
|
||||
color: stringToColor("#333333"),
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 38.rpx),
|
||||
|
||||
// 颜色圆点 + key（包一层，和 svg 分离）
|
||||
Row(
|
||||
mainAxisAlignment:
|
||||
MainAxisAlignment.spaceAround,
|
||||
crossAxisAlignment:
|
||||
CrossAxisAlignment.start, // 上对齐，避免撑高分割线
|
||||
children:
|
||||
levelGroups[i]['items'].map<Widget>((item) {
|
||||
final bool isSelected =
|
||||
(item['key'] == itemLevel);
|
||||
return Column(
|
||||
children: [
|
||||
// 颜色圆点 + key（参与分割线高度）
|
||||
Column(
|
||||
children: [
|
||||
Container(
|
||||
width: 20.rpx,
|
||||
height: 20.rpx,
|
||||
decoration: BoxDecoration(
|
||||
color:
|
||||
stringToColor(item['color']),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
),
|
||||
SizedBox(height: 30.rpx),
|
||||
Text(
|
||||
item['key'],
|
||||
style: TextStyle(
|
||||
color: stringToColor("#333333"),
|
||||
fontSize: 20.rpx,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// svg 箭头（不影响分割线高度）
|
||||
SizedBox(height: 20.rpx),
|
||||
isSelected
|
||||
? SvgPicture.asset(
|
||||
'assets/img/icon/triangle.svg',
|
||||
width: 18.rpx,
|
||||
height: 18.rpx,
|
||||
color: themeController
|
||||
.currentColor.sc9,
|
||||
)
|
||||
: SizedBox(height: 18.rpx),
|
||||
],
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// 分割线（只和主要内容等高）
|
||||
if (i != levelGroups.length - 1)
|
||||
Container(
|
||||
width: 1.rpx,
|
||||
color: stringToColor("${widget.data['color']}"),
|
||||
margin: EdgeInsets.symmetric(horizontal: 10.rpx),
|
||||
),
|
||||
]
|
||||
],
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 71.rpx,
|
||||
),
|
||||
RichText(
|
||||
text: TextSpan(
|
||||
children: [
|
||||
TextSpan(
|
||||
text: "当前属于".tr, // 第一部分文本
|
||||
style: TextStyle(
|
||||
color: Colors.black, // 你想要的样式
|
||||
fontSize: 30.rpx,
|
||||
),
|
||||
),
|
||||
TextSpan(
|
||||
text: itemLevel, // 第二部分文本
|
||||
style: TextStyle(
|
||||
color: stringToColor("${widget.data['color']}"),
|
||||
fontSize: 30.rpx,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
},
|
||||
child: Container(
|
||||
// width: MediaQuery.sizeOf(context).width * 0.267,
|
||||
@@ -78,7 +262,7 @@ class _SleepDataModuleWidgetState extends State<SleepDataModuleWidget> {
|
||||
'${widget.data['value']}',
|
||||
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
||||
fontFamily: 'Inter',
|
||||
fontSize: 40.rpx,
|
||||
fontSize: 36.rpx,
|
||||
letterSpacing: 0.0,
|
||||
color: themeController.currentColor.sc3,
|
||||
),
|
||||
@@ -120,7 +304,7 @@ class _SleepDataModuleWidgetState extends State<SleepDataModuleWidget> {
|
||||
alignment: Alignment.center,
|
||||
constraints: BoxConstraints(
|
||||
minWidth: 43.rpx,
|
||||
minHeight: 36.rpx,
|
||||
minHeight: 25.rpx,
|
||||
),
|
||||
child: Text(
|
||||
'${widget.data['level']}',
|
||||
|
||||
Reference in New Issue
Block a user