513 lines
20 KiB
Dart
513 lines
20 KiB
Dart
import 'dart:async';
|
|
|
|
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/NullDataComponentWidget.dart';
|
|
import 'package:vbvs_app/component/tool/ClickableContainer.dart';
|
|
import 'package:vbvs_app/controller/mh_controller/device_list_controller.dart';
|
|
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
|
|
|
|
class VitalSignsSensorPage extends StatefulWidget {
|
|
Map data;
|
|
VitalSignsSensorPage({required this.data});
|
|
@override
|
|
_VitalSignsSensorState createState() => _VitalSignsSensorState();
|
|
}
|
|
|
|
class _VitalSignsSensorState extends State<VitalSignsSensorPage> {
|
|
BoxConstraints? bodysize;
|
|
DeviceListController controller = Get.find();
|
|
Timer? _timer;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_fetchDeviceList();
|
|
_timer = Timer.periodic(Duration(seconds: 5), (timer) {
|
|
_fetchDeviceList();
|
|
});
|
|
}
|
|
|
|
_fetchDeviceList() async {
|
|
await controller.getVitalList(widget.data['mac'.tr]);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_timer?.cancel(); // 页面销毁时取消定时器
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return LayoutBuilder(builder: (context, cc) {
|
|
bodysize = cc;
|
|
return GestureDetector(
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage('assets/images/new_background.png'), // 本地图片
|
|
fit: BoxFit.fill, // 填满整个 Container
|
|
),
|
|
),
|
|
child: Scaffold(
|
|
backgroundColor: Colors.transparent,
|
|
appBar: AppBar(
|
|
backgroundColor: Colors.transparent,
|
|
iconTheme: const IconThemeData(color: Colors.white),
|
|
automaticallyImplyLeading: false,
|
|
titleSpacing: 0,
|
|
title: SizedBox(
|
|
width: double.infinity,
|
|
height: 180.rpx,
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
// 中间居中的标题
|
|
Text(
|
|
"体征传感器".tr,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 30.rpx,
|
|
),
|
|
),
|
|
// 左侧图标
|
|
Positioned(
|
|
left: 0.rpx,
|
|
child: returnIconButtomNew(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
centerTitle: false,
|
|
),
|
|
body: SafeArea(
|
|
child: Obx(() {
|
|
var list = controller.model.vitalList;
|
|
return list.isEmpty
|
|
? const NullDataWidget()
|
|
: _buildVitalListView(list);
|
|
}),
|
|
),
|
|
)));
|
|
});
|
|
}
|
|
|
|
Widget _buildVitalListView(List dataList) {
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: EdgeInsets.symmetric(horizontal: 30.rpx),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
SizedBox(height: 30.rpx),
|
|
...List.generate(dataList.length, (index) {
|
|
final item = dataList[index];
|
|
final title =
|
|
index == 0 ? '体征传感器A'.tr : '体征传感器B'.tr; // ✅ 只处理 A/B 场景
|
|
return VitalWidget(title: title, data: item);
|
|
}).divide(SizedBox(height: 30.rpx)),
|
|
SizedBox(height: 30.rpx),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class VitalWidget extends StatelessWidget {
|
|
final String title;
|
|
final Map<String, dynamic> data;
|
|
|
|
const VitalWidget({super.key, required this.title, required this.data});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final String id = data['mac'.tr] ?? '--';
|
|
final int? timestamp = data['status']['updateTime'];
|
|
final String time = (timestamp != null)
|
|
? DateFormat('yyyy-MM-dd HH:mm')
|
|
.format(DateTime.fromMillisecondsSinceEpoch(timestamp))
|
|
: '--';
|
|
final List<IconData> icons = data['icons'] ?? [];
|
|
|
|
return ClickableContainer(
|
|
backgroundColor: Color(0xFF003058),
|
|
highlightColor: Color(0xFF055466),
|
|
borderRadius: 20.rpx,
|
|
padding: EdgeInsetsDirectional.fromSTEB(30.rpx, 30.rpx, 30.rpx, 40.rpx),
|
|
onTap: () {},
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
// constraints: BoxConstraints(
|
|
// minHeight: 60.rpx,
|
|
// ),
|
|
child: Align(
|
|
alignment: AlignmentDirectional(-1, 0),
|
|
child: Text(
|
|
// '实时监测结果通知'.tr,
|
|
title,
|
|
style: TextStyle(
|
|
fontFamily: 'Inter',
|
|
fontSize: 30.rpx,
|
|
letterSpacing: 0.0,
|
|
color: themeController.currentColor.sc3,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.sizeOf(context).width * 0.14,
|
|
constraints: BoxConstraints(minWidth: 106.rpx),
|
|
child: Text(
|
|
"设备ID".tr,
|
|
style: TextStyle(
|
|
color: stringToColor("#929699"),
|
|
fontSize: 26.rpx,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
Text(
|
|
id,
|
|
style: TextStyle(fontSize: 26.rpx, color: Color(0xFFFFFFFF)),
|
|
),
|
|
].divide(SizedBox(width: 33.rpx)),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.sizeOf(context).width * 0.14,
|
|
constraints: BoxConstraints(minWidth: 106.rpx),
|
|
child: Text(
|
|
"更新时间".tr,
|
|
style: TextStyle(
|
|
color: stringToColor("#929699"),
|
|
fontSize: 26.rpx,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
Text(
|
|
time,
|
|
style: TextStyle(fontSize: 26.rpx, color: Color(0xFFFFFFFF)),
|
|
),
|
|
].divide(SizedBox(width: 33.rpx)),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.sizeOf(context).width * 0.14,
|
|
constraints: BoxConstraints(minWidth: 106.rpx),
|
|
child: Text(
|
|
"设备状态".tr,
|
|
style: TextStyle(
|
|
color: stringToColor("#929699"),
|
|
fontSize: 26.rpx,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
if (data['status']['signal'] != null &&
|
|
data['status']['signal'] != -1 &&
|
|
data['status']['status'] != null &&
|
|
data['status']['status'] == 1)
|
|
ClickableContainer(
|
|
backgroundColor: Colors.transparent,
|
|
highlightColor: Colors.grey, // 或根据你主题定制颜色
|
|
padding: EdgeInsets.zero,
|
|
borderRadius: 0,
|
|
onTap: () {
|
|
// 点击事件
|
|
showTipDialog(
|
|
context,
|
|
Container(
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: "信号强度".tr, // 文本前缀部分
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: getBedSignal(
|
|
data['status']['signal']), // 状态部分
|
|
style: TextStyle(
|
|
color: themeController
|
|
.currentColor.sc2, // 同样颜色，也可改成其他颜色
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: Color(0xFFFFFFFF),
|
|
colors: [
|
|
Color(0XFF1592AA),
|
|
Color(0xFF0C83A7),
|
|
Color(0xFF006FA3)
|
|
],
|
|
);
|
|
},
|
|
|
|
child: Container(
|
|
width: 30.rpx,
|
|
height: 24.rpx,
|
|
child: Image.asset(
|
|
'assets/img/signal${_getSignalLevel(data['status']['signal'])}.png'),
|
|
),
|
|
),
|
|
if (data['status']['inBed'] != null &&
|
|
data['status']['status'] != null &&
|
|
data['status']['status'] == 1)
|
|
ClickableContainer(
|
|
backgroundColor: Colors.transparent,
|
|
highlightColor: Colors.grey,
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 0.rpx, 0, 0),
|
|
borderRadius: 0,
|
|
onTap: () {
|
|
showTipDialog(
|
|
context,
|
|
Container(
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: "是否在床".tr, // 文本前缀部分
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: getBedStatus(
|
|
data['status']['inBed']), // 状态部分
|
|
style: TextStyle(
|
|
color: themeController
|
|
.currentColor.sc2, // 同样颜色，也可改成其他颜色
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: Color(0xFFFFFFFF),
|
|
colors: [
|
|
Color(0XFF1592AA),
|
|
Color(0xFF0C83A7),
|
|
Color(0xFF006FA3)
|
|
],
|
|
);
|
|
},
|
|
child: SizedBox(
|
|
width: 16.rpx,
|
|
height: 36.rpx,
|
|
child: SvgPicture.asset(
|
|
data['status']['inBed'] == 0
|
|
? 'assets/img/icon/not_bed.svg'
|
|
: 'assets/img/icon/in_bed.svg',
|
|
fit: BoxFit.fill,
|
|
),
|
|
),
|
|
),
|
|
if (data['status']['failure'] != 0 &&
|
|
data['status']['status'] != null &&
|
|
data['status']['status'] == 1)
|
|
ClickableContainer(
|
|
backgroundColor: Colors.transparent,
|
|
highlightColor: Colors.grey, // 可自定义点击水波纹颜色
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 0.rpx, 0, 0),
|
|
borderRadius: 0,
|
|
onTap: () {
|
|
showTipDialog(
|
|
context,
|
|
Container(
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: "设备故障".tr, // 文本前缀部分
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
children: [
|
|
// TextSpan(
|
|
// text:widget
|
|
// .device['status']['status'] == 1?"在线".tr:"离线".tr, // 状态部分
|
|
// style: TextStyle(
|
|
// color: themeController.currentColor
|
|
// .sc2, // 同样颜色，也可改成其他颜色
|
|
// fontSize: AppConstants()
|
|
// .title_text_fontSize,
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: Color(0xFFFFFFFF),
|
|
colors: [
|
|
Color(0XFF1592AA),
|
|
Color(0xFF0C83A7),
|
|
Color(0xFF006FA3)
|
|
],
|
|
);
|
|
},
|
|
child: SizedBox(
|
|
width: 27.rpx,
|
|
height: 27.rpx,
|
|
child: SvgPicture.asset(
|
|
'assets/img/icon/device_issue.svg',
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
if (data['status']['upgrade'] != 0 &&
|
|
data['status']['status'] != null &&
|
|
data['status']['status'] == 1)
|
|
ClickableContainer(
|
|
backgroundColor: Colors.transparent,
|
|
highlightColor: Colors.grey, // 可自定义点击效果颜色
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 0.rpx, 0, 0),
|
|
borderRadius: 0,
|
|
onTap: () {
|
|
//todo 升级
|
|
},
|
|
child: SizedBox(
|
|
width: 34.rpx,
|
|
height: 24.rpx,
|
|
child: SvgPicture.asset(
|
|
'assets/img/icon/upgrade.svg',
|
|
fit: BoxFit.cover,
|
|
// color: themeController.currentColor.sc3, // 若你想加颜色控制可取消注释
|
|
),
|
|
),
|
|
),
|
|
if (data['status']['status'] != null &&
|
|
data['status']['status'] == 0)
|
|
ClickableContainer(
|
|
backgroundColor: Colors.transparent,
|
|
highlightColor: Colors.grey, // 可替换为点击高亮色
|
|
padding: EdgeInsetsDirectional.fromSTEB(0, 0.rpx, 0, 0),
|
|
borderRadius: 0,
|
|
onTap: () {
|
|
showTipDialog(
|
|
context,
|
|
Container(
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: "网络状态".tr, // 文本前缀部分
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
children: [
|
|
TextSpan(
|
|
text: data['status']['status'] == 1
|
|
? "在线".tr
|
|
: "离线".tr, // 状态部分
|
|
style: TextStyle(
|
|
color: themeController
|
|
.currentColor.sc2, // 同样颜色，也可改成其他颜色
|
|
fontSize:
|
|
AppConstants().title_text_fontSize,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
backgroundColor: Color(0xFFFFFFFF),
|
|
colors: [
|
|
Color(0XFF1592AA),
|
|
Color(0xFF0C83A7),
|
|
Color(0xFF006FA3)
|
|
],
|
|
);
|
|
},
|
|
child: SizedBox(
|
|
width: 27.rpx,
|
|
height: 27.rpx,
|
|
child: SvgPicture.asset(
|
|
// data['status']['status'] == 1
|
|
// ? 'assets/img/icon/device_online.svg'
|
|
// : 'assets/img/icon/device_offline.svg',
|
|
'assets/img/icon/device_issue.svg',
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
].divide(SizedBox(width: 50.rpx)),
|
|
),
|
|
].divide(SizedBox(width: 34.rpx)),
|
|
),
|
|
].divide(
|
|
SizedBox(height: 20.rpx),
|
|
)),
|
|
);
|
|
}
|
|
|
|
getBedSignal(signal) {
|
|
if (signal <= 1) {
|
|
return "较弱".tr;
|
|
}
|
|
if (signal > 1 && signal <= 2) {
|
|
return "弱".tr;
|
|
}
|
|
if (signal > 2 && signal <= 3) {
|
|
return "一般".tr;
|
|
}
|
|
if (signal > 3) {
|
|
return "强".tr;
|
|
}
|
|
return "未知数据".tr;
|
|
}
|
|
|
|
String getBedStatus(int status) {
|
|
if (status == 0) {
|
|
return "离床".tr;
|
|
} else if (status == 1) {
|
|
return "在床".tr;
|
|
}
|
|
return "";
|
|
}
|
|
|
|
int _getSignalLevel(int signal) {
|
|
if (signal <= 25) {
|
|
return 1;
|
|
} else if (signal <= 50) {
|
|
return 2;
|
|
} else if (signal <= 75) {
|
|
return 3;
|
|
} else {
|
|
return 4;
|
|
}
|
|
}
|
|
}
|