1131 lines
63 KiB
Dart
1131 lines
63 KiB
Dart
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/color/app_uri_status.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/component/tool/TopSlideNotification.dart';
|
||
import 'package:vbvs_app/controller/main_bottom/global_controller.dart';
|
||
import 'package:vbvs_app/controller/user_info_controller.dart';
|
||
import 'package:vbvs_app/controller/weather/weather_controller.dart';
|
||
import 'package:vbvs_app/pages/mh_page/FloatingSvgIcon.dart';
|
||
import 'package:vbvs_app/pages/mh_page/homepage/component/HomeDeviceWidget.dart';
|
||
import 'package:vbvs_app/pages/mh_page/homepage/controller/mht_home_controller.dart';
|
||
|
||
class NewHomePage extends StatefulWidget {
|
||
const NewHomePage({super.key});
|
||
@override
|
||
State<NewHomePage> createState() => _NewHomePageState();
|
||
}
|
||
|
||
class _NewHomePageState extends State<NewHomePage> {
|
||
UserInfoController userInfoController = Get.find();
|
||
MHTHomeController deviceController = Get.find();
|
||
MHTHomeController homeController = Get.find();
|
||
double borderRadius = 16.rpx;
|
||
|
||
var formFieldController = FormFieldController<String>(null);
|
||
|
||
GlobalController gloablController = Get.find();
|
||
WeatherModelController weatherModelController = Get.find();
|
||
|
||
var sleepDays = [].obs;
|
||
|
||
var sleep_mac = "".obs;
|
||
|
||
Map scoreColor = {
|
||
"-1": "#d3d3d3",
|
||
"1": "#4e8408",
|
||
"2": "#7bbb33",
|
||
"3": "#e15b8d",
|
||
"4": "#ff0000",
|
||
};
|
||
|
||
Map scoreName = {
|
||
"-1": "暂无",
|
||
"1": "优秀",
|
||
"2": "良好",
|
||
"3": "合格",
|
||
"4": "注意",
|
||
};
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
if (userInfoController.model.login == 1) {
|
||
//请求绑定设备列表
|
||
homeController.getSleepReport();
|
||
deviceController.getDeviceNum().then((apiResponse) {
|
||
if (apiResponse.code != HttpStatusCodes.ok) {
|
||
TopSlideNotification.show(
|
||
Get.context!,
|
||
text: apiResponse.msg!,
|
||
textColor: themeController.currentColor.sc9,
|
||
);
|
||
}
|
||
});
|
||
deviceController.getDeviceList(group: 'room').then((apiResponse) {
|
||
if (apiResponse.code != HttpStatusCodes.ok) {
|
||
TopSlideNotification.show(
|
||
Get.context!,
|
||
text: apiResponse.msg!,
|
||
textColor: themeController.currentColor.sc9,
|
||
);
|
||
} else {
|
||
//请求睡眠报告
|
||
deviceController.getSleepReport();
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
getWeekName(int i) {
|
||
String v = "";
|
||
switch (i) {
|
||
case 1:
|
||
v = "周一";
|
||
break;
|
||
case 2:
|
||
v = "周二";
|
||
break;
|
||
case 3:
|
||
v = "周三";
|
||
break;
|
||
case 4:
|
||
v = "周四";
|
||
break;
|
||
case 5:
|
||
v = "周五";
|
||
break;
|
||
case 6:
|
||
v = "周六";
|
||
break;
|
||
case 7:
|
||
v = "周日";
|
||
break;
|
||
}
|
||
return v;
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
deviceController.getDeviceList(group: 'room').then((apiResponse) {
|
||
if (apiResponse.code != HttpStatusCodes.ok) {
|
||
TopSlideNotification.show(
|
||
Get.context!,
|
||
text: apiResponse.msg!,
|
||
textColor: themeController.currentColor.sc9,
|
||
);
|
||
} else {
|
||
//请求睡眠报告
|
||
deviceController.getSleepReport();
|
||
}
|
||
});
|
||
int login = userInfoController.model.login!;
|
||
return GestureDetector(
|
||
onTap: () => FocusScope.of(context).unfocus(),
|
||
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(
|
||
iconTheme: IconThemeData(color: themeController.currentColor.sc3),
|
||
backgroundColor: Colors.transparent,
|
||
automaticallyImplyLeading: false,
|
||
titleSpacing: 0,
|
||
title: Container(
|
||
height: 180.rpx,
|
||
child: Row(
|
||
children: [
|
||
// 左侧头像
|
||
Obx(() {
|
||
return userInfo(userInfoController.model.login);
|
||
}),
|
||
const Spacer(), // 左右分隔
|
||
FloatingSvgIcon(
|
||
assetPath: 'assets/img/icon/xiaoe.svg',
|
||
width: 60.rpx,
|
||
height: 60.rpx,
|
||
onTap: () {
|
||
print("点击了小鹅图标");
|
||
},
|
||
),
|
||
SizedBox(width: 40.rpx),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
body: SafeArea(
|
||
child: Container(
|
||
width: MediaQuery.sizeOf(context).width,
|
||
height: MediaQuery.sizeOf(context).height * 1.123,
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
//天气
|
||
Container(
|
||
padding:
|
||
EdgeInsets.fromLTRB(26.rpx, 10.rpx, 26.rpx, 40.rpx),
|
||
width: double.infinity,
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 0.rpx),
|
||
child: Column(
|
||
children: [
|
||
Padding(
|
||
padding:
|
||
EdgeInsets.fromLTRB(17.rpx, 30.rpx, 0, 0),
|
||
child: Row(
|
||
children: [
|
||
Obx(() {
|
||
return Row(
|
||
children: [
|
||
Text(
|
||
"${weatherModelController.model.cityName ?? '未知数据'.tr}",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: AppConstants()
|
||
.normal_text_fontSize,
|
||
),
|
||
),
|
||
Text(
|
||
"${(weatherModelController.model.current_temperature != null && weatherModelController.model.current_temperature! > 0) ? weatherModelController.model.current_temperature : '未知数据'.tr}" +
|
||
"°C",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: AppConstants()
|
||
.normal_text_fontSize,
|
||
),
|
||
),
|
||
Text(
|
||
"${(weatherModelController.model.weather_info?.isNotEmpty ?? false) ? weatherModelController.model.weather_info : '未知数据'.tr}",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: AppConstants()
|
||
.normal_text_fontSize,
|
||
),
|
||
),
|
||
if (weatherModelController
|
||
.model.weatherIconurl !=
|
||
null &&
|
||
weatherModelController.model
|
||
.weatherIconurl!.isNotEmpty)
|
||
Container(
|
||
width: 35.rpx,
|
||
height: 26.rpx,
|
||
clipBehavior: Clip.antiAlias,
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle),
|
||
child: Image.network(
|
||
weatherModelController
|
||
.model.weatherIconurl!,
|
||
fit: BoxFit.cover,
|
||
),
|
||
),
|
||
].divide(SizedBox(
|
||
width: 20.rpx,
|
||
)),
|
||
);
|
||
}),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
// Obx(() {
|
||
// return Container(
|
||
// padding: EdgeInsets.only(left: 30.rpx, right: 30.rpx),
|
||
// child: Column(
|
||
// children: [
|
||
// if (gloablController.model.deviceList.length > 0)
|
||
// Container(
|
||
// child: Column(
|
||
// children: [
|
||
// Container(
|
||
// width: MediaQuery.sizeOf(context).width,
|
||
// decoration: BoxDecoration(
|
||
// color: Colors.white,
|
||
// borderRadius: BorderRadius.circular(
|
||
// borderRadius),
|
||
// ),
|
||
// child: Column(
|
||
// mainAxisSize: MainAxisSize.max,
|
||
// children: [
|
||
// Padding(
|
||
// padding: EdgeInsetsDirectional
|
||
// .fromSTEB(30.rpx, 16.rpx,
|
||
// 16.rpx, 8.rpx),
|
||
// child: Container(
|
||
// width:
|
||
// MediaQuery.sizeOf(context)
|
||
// .width,
|
||
// height:
|
||
// MediaQuery.sizeOf(context)
|
||
// .height *
|
||
// 0.065,
|
||
// decoration: BoxDecoration(
|
||
// color: FlutterFlowTheme.of(
|
||
// context)
|
||
// .secondaryBackground,
|
||
// ),
|
||
// child: Row(
|
||
// mainAxisSize:
|
||
// MainAxisSize.max,
|
||
// mainAxisAlignment:
|
||
// MainAxisAlignment
|
||
// .spaceBetween,
|
||
// children: [
|
||
// ValueListenableBuilder(
|
||
// valueListenable:
|
||
// formFieldController,
|
||
// builder: (c, a, s) =>
|
||
// FlutterFlowDropDown<
|
||
// String>(
|
||
// controller:
|
||
// formFieldController,
|
||
// options: gloablController
|
||
// .model.JunheDevices
|
||
// .map<String>((d) =>
|
||
// "${d["mac"]}")
|
||
// .toList(),
|
||
// optionLabels:
|
||
// gloablController
|
||
// .model
|
||
// .JunheDevices
|
||
// .map<String>(
|
||
// (d) {
|
||
// var s = d["name"] ??
|
||
// d["mac"];
|
||
// if (s == null) {
|
||
// return "";
|
||
// } else {
|
||
// return "$s";
|
||
// }
|
||
// }).toList(),
|
||
// onChanged: (val) {
|
||
// // print("$val");
|
||
// // if (val == null) {
|
||
// // sleepDays.value = [];
|
||
// // } else {
|
||
// // getSleeps(
|
||
// // formFieldController
|
||
// // .value);
|
||
// // }
|
||
// // // sleep_mac.value = val!;
|
||
// },
|
||
// width: 360.rpx,
|
||
// height: 72.rpx,
|
||
// maxHeight: 200.rpx,
|
||
// textStyle: TextStyle(
|
||
// fontSize: 28.rpx,
|
||
// overflow:
|
||
// TextOverflow
|
||
// .ellipsis),
|
||
// hintText: '',
|
||
// icon: Icon(
|
||
// Icons
|
||
// .keyboard_arrow_down_rounded,
|
||
// color: FlutterFlowTheme
|
||
// .of(context)
|
||
// .secondaryText,
|
||
// size: 48.rpx,
|
||
// ),
|
||
// fillColor:
|
||
// stringToColor(
|
||
// "#F3F5F6"),
|
||
// elevation: 2,
|
||
// borderColor:
|
||
// stringToColor(
|
||
// "#F3F5F6"),
|
||
// borderWidth: 2,
|
||
// borderRadius: 18,
|
||
// margin:
|
||
// EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 32.rpx,
|
||
// 8.rpx,
|
||
// 32.rpx,
|
||
// 8.rpx),
|
||
// hidesUnderline: true,
|
||
// isOverButton: false,
|
||
// isSearchable: false,
|
||
// isMultiSelect: false,
|
||
// ),
|
||
// ),
|
||
// InkWell(
|
||
// onTap: () {
|
||
// // if (formFieldController
|
||
// // .value !=
|
||
// // null) {
|
||
// // Get.toNamed(
|
||
// // "/sleepWebview",
|
||
// // arguments: [
|
||
// // formFieldController
|
||
// // .value
|
||
// // ]);
|
||
// // }
|
||
// },
|
||
// child: Row(
|
||
// mainAxisSize:
|
||
// MainAxisSize.max,
|
||
// children: [
|
||
// Text(
|
||
// '睡眠报告',
|
||
// style: FlutterFlowTheme
|
||
// .of(context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// letterSpacing:
|
||
// 0,
|
||
// fontSize:
|
||
// 30.rpx),
|
||
// ),
|
||
// SizedBox(
|
||
// width: 12.rpx,
|
||
// ),
|
||
// SvgPicture.asset(
|
||
// "assets/images/table.svg",
|
||
// width: 28.rpx,
|
||
// height: 28.rpx),
|
||
// SizedBox(
|
||
// width: 20.rpx,
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// Container(
|
||
// padding: EdgeInsets.only(
|
||
// top: 0.rpx,
|
||
// bottom: 20.rpx,
|
||
// left: 16.rpx,
|
||
// right: 16.rpx),
|
||
// width: double.infinity,
|
||
// decoration: BoxDecoration(),
|
||
// child: Row(
|
||
// mainAxisSize: MainAxisSize.max,
|
||
// crossAxisAlignment:
|
||
// CrossAxisAlignment.start,
|
||
// children: [
|
||
// ...List.generate(
|
||
// sleepDays.value.length,
|
||
// (index) {
|
||
// var day = sleepDays[index];
|
||
// return Expanded(
|
||
// child: Container(
|
||
// padding:
|
||
// EdgeInsets.only(
|
||
// top: 10.rpx,
|
||
// bottom: 20.rpx),
|
||
// width: 100,
|
||
// // decoration: BoxDecoration(
|
||
// // color: index == 2
|
||
// // ? stringToColor("#F3F5F6")
|
||
// // : Colors.white,
|
||
// // borderRadius:
|
||
// // BorderRadius.circular(
|
||
// // borderRadius),
|
||
// // ),
|
||
// child: Column(
|
||
// mainAxisSize:
|
||
// MainAxisSize.max,
|
||
// mainAxisAlignment:
|
||
// MainAxisAlignment
|
||
// .start,
|
||
// crossAxisAlignment:
|
||
// CrossAxisAlignment
|
||
// .center,
|
||
// children: [
|
||
// Text(
|
||
// day['week'],
|
||
// style: FlutterFlowTheme
|
||
// .of(context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// fontSize:
|
||
// 30.rpx,
|
||
// letterSpacing:
|
||
// 0,
|
||
// ),
|
||
// ),
|
||
// Text(
|
||
// day['date'],
|
||
// style: FlutterFlowTheme
|
||
// .of(context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// letterSpacing:
|
||
// 0,
|
||
// fontSize:
|
||
// 24.rpx,
|
||
// ),
|
||
// ),
|
||
// SizedBox(
|
||
// height: 6.rpx,
|
||
// ),
|
||
// Column(
|
||
// children: [
|
||
// Row(
|
||
// mainAxisSize:
|
||
// MainAxisSize
|
||
// .max,
|
||
// mainAxisAlignment:
|
||
// MainAxisAlignment
|
||
// .center,
|
||
// children: [
|
||
// Text(
|
||
// '${day['score'] ?? "-"}',
|
||
// style: FlutterFlowTheme.of(
|
||
// context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// fontSize:
|
||
// 48.rpx,
|
||
// letterSpacing:
|
||
// 0,
|
||
// ),
|
||
// ),
|
||
// if (day['score'] !=
|
||
// null)
|
||
// SizedBox(
|
||
// width: 2
|
||
// .rpx,
|
||
// ),
|
||
// if (day['score'] !=
|
||
// null)
|
||
// Text(
|
||
// '分',
|
||
// style: FlutterFlowTheme.of(context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily: 'Readex Pro',
|
||
// letterSpacing: 0,
|
||
// fontSize: 26.rpx,
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// Container(
|
||
// width:
|
||
// 120.rpx,
|
||
// height:
|
||
// 52.rpx,
|
||
// decoration:
|
||
// BoxDecoration(
|
||
// color: stringToColor(
|
||
// day['scoreColor'] ??
|
||
// "#f3f5f6"),
|
||
// borderRadius:
|
||
// BorderRadius.circular(
|
||
// 26.rpx),
|
||
// shape: BoxShape
|
||
// .rectangle,
|
||
// ),
|
||
// alignment:
|
||
// Alignment
|
||
// .center,
|
||
// child: Text(
|
||
// '${day['scoreType'] ?? "暂无"}',
|
||
// style: FlutterFlowTheme.of(
|
||
// context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// color: day['scoreType'] != null
|
||
// ? Colors.white
|
||
// : stringToColor("#ced1d7"),
|
||
// letterSpacing:
|
||
// 0,
|
||
// fontSize:
|
||
// 28.rpx,
|
||
// ),
|
||
// ),
|
||
// )
|
||
// ],
|
||
// )
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// );
|
||
// })
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ...List.generate(
|
||
// gloablController.model.deviceList
|
||
// .length, (index) {
|
||
// var device = gloablController
|
||
// .model.deviceList[index];
|
||
// String rname = device['roomName'];
|
||
// if (index != 0) {
|
||
// String lrname = gloablController
|
||
// .model.deviceList[index - 1]
|
||
// ["roomName"];
|
||
// if (lrname == rname) {
|
||
// rname = "";
|
||
// }
|
||
// }
|
||
// return Column(children: [
|
||
// Padding(
|
||
// padding:
|
||
// EdgeInsetsDirectional.fromSTEB(
|
||
// 20.rpx, 20.rpx, 0, 0),
|
||
// child: Container(
|
||
// decoration: BoxDecoration(),
|
||
// alignment:
|
||
// AlignmentDirectional(-1, 0),
|
||
// child: rname.isNotEmpty
|
||
// ? Text(
|
||
// "$rname",
|
||
// style: FlutterFlowTheme
|
||
// .of(context)
|
||
// .bodyMedium
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// color: Colors.white,
|
||
// fontSize: 32.rpx,
|
||
// letterSpacing: 0,
|
||
// ),
|
||
// )
|
||
// : SizedBox(
|
||
// height: 10.rpx,
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// // getDeviceList(context, device)
|
||
// ]);
|
||
// }),
|
||
// Padding(
|
||
// padding: EdgeInsetsDirectional.fromSTEB(
|
||
// 0, 40.rpx, 0, 100.rpx),
|
||
// child: Container(
|
||
// width:
|
||
// MediaQuery.sizeOf(context).width,
|
||
// height: 84.rpx,
|
||
// decoration: BoxDecoration(),
|
||
// child: FFButtonWidget(
|
||
// onPressed: () {
|
||
// // print('Button pressed ...');
|
||
// // Get.toNamed("/homeDeviceType");
|
||
// },
|
||
// text: '添加新设备'.tr,
|
||
// icon: Icon(
|
||
// Icons.add,
|
||
// size: 60.rpx,
|
||
// ),
|
||
// options: FFButtonOptions(
|
||
// height: 80.rpx,
|
||
// padding: EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 48.rpx, 0, 48.rpx, 0),
|
||
// iconPadding: EdgeInsetsDirectional
|
||
// .fromSTEB(0, 0, 0, 0),
|
||
// color: stringToColor("#182B7C"),
|
||
// textStyle:
|
||
// FlutterFlowTheme.of(context)
|
||
// .titleSmall
|
||
// .override(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// color: Colors.white,
|
||
// letterSpacing: 0,
|
||
// fontSize: 30.rpx),
|
||
// elevation: 3,
|
||
// borderSide: BorderSide(
|
||
// color: Colors.transparent,
|
||
// width: 1,
|
||
// ),
|
||
// borderRadius:
|
||
// BorderRadius.circular(
|
||
// borderRadius),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// if (gloablController.model.deviceList.length == 0)
|
||
// Padding(
|
||
// padding: EdgeInsetsDirectional.fromSTEB(
|
||
// 0, 0, 0, 80.rpx),
|
||
// child: ClickableContainer(
|
||
// backgroundColor: Colors.transparent,
|
||
// highlightColor: Colors.transparent,
|
||
// padding: EdgeInsets.all(0),
|
||
// onTap: () {
|
||
// if (userInfoController.model.login ==
|
||
// null ||
|
||
// userInfoController.model.login == 0) {
|
||
// TopSlideNotification.show(context,
|
||
// text: "请先登录".tr,
|
||
// textColor: themeController
|
||
// .currentColor.sc9);
|
||
// Get.toNamed("/loginPage");
|
||
// } else {
|
||
// Get.toNamed("/mHTDeviceTypePage");
|
||
// }
|
||
// },
|
||
// child: Container(
|
||
// width: MediaQuery.sizeOf(context).width,
|
||
// height: 302.rpx,
|
||
// padding: EdgeInsets.only(
|
||
// top: 90.rpx, bottom: 80.rpx),
|
||
// decoration: BoxDecoration(
|
||
// borderRadius:
|
||
// BorderRadius.circular(borderRadius),
|
||
// border: Border.all(
|
||
// color:
|
||
// stringToColor("#85F5FF"), // 边框颜色
|
||
// width: 1.rpx, // 边框宽度
|
||
// ),
|
||
// ),
|
||
// child: Column(
|
||
// mainAxisSize: MainAxisSize.max,
|
||
// mainAxisAlignment:
|
||
// MainAxisAlignment.center,
|
||
// children: [
|
||
// SvgPicture.asset(
|
||
// 'assets/images/icon/add.svg',
|
||
// width: 42.rpx,
|
||
// height: 42.rpx,
|
||
// ),
|
||
// SizedBox(
|
||
// height: 32.rpx,
|
||
// ),
|
||
// Text(
|
||
// '添加一台新设备'.tr,
|
||
// style: TextStyle(
|
||
// color: stringToColor("#85F5FF"),
|
||
// fontSize: AppConstants()
|
||
// .normal_text_fontSize,
|
||
// letterSpacing: 0,
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// );
|
||
// }),
|
||
|
||
//未登录
|
||
Obx(() {
|
||
if (userInfoController.model.login! == null ||
|
||
userInfoController.model.login! == 0) {
|
||
return Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 0, 30.rpx, 80.rpx),
|
||
child: ClickableContainer(
|
||
backgroundColor: Colors.transparent,
|
||
highlightColor: Colors.transparent,
|
||
padding: EdgeInsets.all(0),
|
||
onTap: () {
|
||
if (userInfoController.model.login == null ||
|
||
userInfoController.model.login == 0) {
|
||
TopSlideNotification.show(context,
|
||
text: "请先登录".tr,
|
||
textColor:
|
||
themeController.currentColor.sc9);
|
||
Get.toNamed("/loginPage");
|
||
} else {
|
||
Get.toNamed("/mHTDeviceTypePage");
|
||
}
|
||
},
|
||
child: Container(
|
||
width: MediaQuery.sizeOf(context).width,
|
||
height: 302.rpx,
|
||
padding: EdgeInsets.only(
|
||
top: 90.rpx, bottom: 80.rpx),
|
||
decoration: BoxDecoration(
|
||
borderRadius:
|
||
BorderRadius.circular(borderRadius),
|
||
border: Border.all(
|
||
color: stringToColor("#85F5FF"), // 边框颜色
|
||
width: 1.rpx, // 边框宽度
|
||
),
|
||
),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
SvgPicture.asset(
|
||
'assets/images/icon/add.svg',
|
||
width: 42.rpx,
|
||
height: 42.rpx,
|
||
),
|
||
SizedBox(
|
||
height: 32.rpx,
|
||
),
|
||
Text(
|
||
'添加一台新设备'.tr,
|
||
style: TextStyle(
|
||
color: stringToColor("#85F5FF"),
|
||
fontSize:
|
||
AppConstants().normal_text_fontSize,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
return Container();
|
||
}),
|
||
//已登录
|
||
Obx(() {
|
||
if (userInfoController.model.login! != null &&
|
||
userInfoController.model.login! == 1) {
|
||
return SingleChildScrollView(
|
||
child: Column(
|
||
children: [
|
||
if (homeController.bindDeviceNum.value != 0)
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 40.rpx, 30.rpx, 100.rpx),
|
||
child: Column(
|
||
children: homeController
|
||
.deviceList.entries
|
||
.map((entry) => HomeDeviceWidget(
|
||
roomName: entry.key,
|
||
deviceStatusList: entry.value,
|
||
))
|
||
.toList()
|
||
.divide(SizedBox(height: 30.rpx)),
|
||
),
|
||
),
|
||
if (homeController.bindDeviceNum.value == 0)
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 0, 30.rpx, 80.rpx),
|
||
child: ClickableContainer(
|
||
backgroundColor: Colors.transparent,
|
||
highlightColor: Colors.transparent,
|
||
padding: EdgeInsets.all(0),
|
||
onTap: () {
|
||
if (userInfoController.model.login ==
|
||
null ||
|
||
userInfoController.model.login ==
|
||
0) {
|
||
TopSlideNotification.show(context,
|
||
text: "请先登录".tr,
|
||
textColor: themeController
|
||
.currentColor.sc9);
|
||
Get.toNamed("/loginPage");
|
||
} else {
|
||
Get.toNamed("/mHTDeviceTypePage");
|
||
}
|
||
},
|
||
child: Container(
|
||
width: MediaQuery.sizeOf(context).width,
|
||
height: 302.rpx,
|
||
padding: EdgeInsets.only(
|
||
top: 90.rpx, bottom: 80.rpx),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(
|
||
borderRadius),
|
||
border: Border.all(
|
||
color: stringToColor(
|
||
"#85F5FF"), // 边框颜色
|
||
width: 1.rpx, // 边框宽度
|
||
),
|
||
),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
mainAxisAlignment:
|
||
MainAxisAlignment.center,
|
||
children: [
|
||
SvgPicture.asset(
|
||
'assets/images/icon/add.svg',
|
||
width: 42.rpx,
|
||
height: 42.rpx,
|
||
),
|
||
SizedBox(
|
||
height: 32.rpx,
|
||
),
|
||
Text(
|
||
'添加一台新设备'.tr,
|
||
style: TextStyle(
|
||
color: stringToColor("#85F5FF"),
|
||
fontSize: AppConstants()
|
||
.normal_text_fontSize,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
if (homeController.bindDeviceNum.value != 0)
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 0.rpx, 30.rpx, 100.rpx),
|
||
child: ClickableContainer(
|
||
onTap: () {
|
||
// 点击逻辑
|
||
Get.toNamed("/mHTDeviceTypePage");
|
||
},
|
||
backgroundColor: Colors.transparent,
|
||
highlightColor: themeController
|
||
.currentColor
|
||
.sc21, // 这里可以自定义高亮色，透明就用 Colors.transparent
|
||
borderRadius: borderRadius,
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
0.rpx, 0, 0.rpx, 0),
|
||
child: Container(
|
||
height: 92.rpx,
|
||
alignment: Alignment.center,
|
||
decoration: BoxDecoration(
|
||
border: Border.all(
|
||
color: stringToColor(
|
||
"#85F5FF"), // 边框颜色
|
||
width: 1.rpx, // 边框宽度
|
||
),
|
||
borderRadius: BorderRadius.circular(
|
||
borderRadius),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(
|
||
Icons.add,
|
||
size: 60.rpx,
|
||
color: stringToColor("#85F5FF"),
|
||
),
|
||
SizedBox(width: 20.rpx),
|
||
Text(
|
||
'添加新设备'.tr,
|
||
style:
|
||
FlutterFlowTheme.of(context)
|
||
.titleSmall
|
||
.override(
|
||
fontFamily:
|
||
'Readex Pro',
|
||
color: stringToColor(
|
||
"#85F5FF"),
|
||
letterSpacing: 0,
|
||
fontSize: 30.rpx,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
return Container();
|
||
}),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
));
|
||
}
|
||
|
||
//1 :登录 0：未登录
|
||
Widget userInfo(int? login) {
|
||
return Row(
|
||
children: (login == 1)
|
||
? [
|
||
SizedBox(width: 40.rpx),
|
||
CircleAvatar(
|
||
radius: 27.rpx, // 可根据需求调整
|
||
backgroundImage: login == 1
|
||
? (userInfoController.model.user!.avatar == null ||
|
||
userInfoController.model.user!.avatar!.isEmpty
|
||
? const AssetImage(
|
||
"assets/images/default_avatar.png",
|
||
)
|
||
: NetworkImage(
|
||
userInfoController.model.user!.avatar!,
|
||
))
|
||
: const AssetImage(
|
||
"assets/images/default_avatar.png",
|
||
),
|
||
),
|
||
SizedBox(width: 23.rpx), // 左侧头像和文本之间的间距
|
||
Text(
|
||
'${userInfoController.model.user?.nick_name?.isNotEmpty == true ? userInfoController.model.user!.nick_name : '未命名'.tr}',
|
||
style: TextStyle(fontSize: 30.rpx, color: Colors.white),
|
||
)
|
||
]
|
||
: [
|
||
SizedBox(width: 40.rpx),
|
||
CircleAvatar(
|
||
radius: 27.rpx, // 可根据需求调整
|
||
backgroundImage: login == 1
|
||
? (userInfoController.model.user!.avatar == null ||
|
||
userInfoController.model.user!.avatar!.isEmpty
|
||
? const AssetImage(
|
||
"assets/images/default_avatar.png",
|
||
)
|
||
: NetworkImage(
|
||
userInfoController.model.user!.avatar!,
|
||
))
|
||
: const AssetImage(
|
||
"assets/images/default_avatar.png",
|
||
),
|
||
),
|
||
SizedBox(width: 23.rpx), // 左侧头像和文本之间的间距
|
||
Text(
|
||
'未命名'.tr,
|
||
style: TextStyle(fontSize: 30.rpx, color: Colors.white),
|
||
)
|
||
],
|
||
);
|
||
}
|
||
}
|
||
|
||
class ScoreItem {
|
||
final String weekday; // 如“周四”
|
||
final String dateStr; // 如“07/03”
|
||
final int score;
|
||
final bool isToday;
|
||
|
||
ScoreItem({
|
||
required this.weekday,
|
||
required this.dateStr,
|
||
required this.score,
|
||
this.isToday = false,
|
||
});
|
||
}
|
||
|
||
class ScoreCard extends StatelessWidget {
|
||
final String selectedUser;
|
||
final List<ScoreItem> scoreList;
|
||
final ValueChanged<String?>? onUserChanged;
|
||
final VoidCallback? onChartPressed;
|
||
|
||
const ScoreCard({
|
||
super.key,
|
||
required this.selectedUser,
|
||
required this.scoreList,
|
||
this.onUserChanged,
|
||
this.onChartPressed,
|
||
});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xff0F2B44),
|
||
borderRadius: BorderRadius.circular(16),
|
||
),
|
||
padding: const EdgeInsets.all(12),
|
||
child: Column(
|
||
children: [
|
||
// 顶部用户选择 + 图标按钮
|
||
Row(
|
||
children: [
|
||
DropdownButtonHideUnderline(
|
||
child: DropdownButton<String>(
|
||
value: selectedUser,
|
||
borderRadius: BorderRadius.circular(12),
|
||
dropdownColor: const Color(0xff0F2B44),
|
||
iconEnabledColor: Colors.white,
|
||
style: const TextStyle(color: Colors.white),
|
||
items: ['Eason Chan', 'Jay Chou', 'G.E.M.']
|
||
.map((user) => DropdownMenuItem(
|
||
value: user,
|
||
child: Text(user),
|
||
))
|
||
.toList(),
|
||
onChanged: onUserChanged,
|
||
),
|
||
),
|
||
const Spacer(),
|
||
IconButton(
|
||
onPressed: onChartPressed,
|
||
icon: const Icon(Icons.bar_chart, color: Colors.white),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 12),
|
||
// 日期+分数 横向滚动展示
|
||
SizedBox(
|
||
height: 70,
|
||
child: ListView.separated(
|
||
scrollDirection: Axis.horizontal,
|
||
itemCount: scoreList.length,
|
||
separatorBuilder: (_, __) => const SizedBox(width: 12),
|
||
itemBuilder: (context, index) {
|
||
final item = scoreList[index];
|
||
final isToday = item.isToday;
|
||
|
||
return Container(
|
||
padding:
|
||
const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||
decoration: BoxDecoration(
|
||
color: isToday
|
||
? Colors.white.withOpacity(0.1)
|
||
: Colors.transparent,
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(item.weekday,
|
||
style: const TextStyle(
|
||
color: Colors.white70, fontSize: 12)),
|
||
Text(item.dateStr,
|
||
style: const TextStyle(
|
||
color: Colors.white54, fontSize: 10)),
|
||
const SizedBox(height: 4),
|
||
Text(
|
||
item.score.toString(),
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontWeight:
|
||
isToday ? FontWeight.bold : FontWeight.normal,
|
||
fontSize: 16,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
)
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|