Skip to content

S
smart_hotel_app
Commit aba1fd46 authored by 张宏's avatar 张宏
Browse files
Options

.

parent 95ab7cfd
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 213 additions and 165 deletions
lib/views/home/abnormal/abnormal_detail_view.dart
View file @ aba1fd46
...@@ -16,22 +16,24 @@ class AbnormalDetailView extends StatefulWidget { ...@@ -16,22 +16,24 @@ class AbnormalDetailView extends StatefulWidget {
class _AbnormalDetailViewState extends State<AbnormalDetailView> { class _AbnormalDetailViewState extends State<AbnormalDetailView> {
late final HomeAbnormalController _controller; late final HomeAbnormalController _controller;
late final AlarmInfo _alarmInfo;
@override @override
void initState() { void initState() {
super.initState(); super.initState();
_controller = HomeAbnormalController(context); _controller = HomeAbnormalController(context);
_alarmInfo = _controller.getAlarmInfo();
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
backgroundColor: Color.fromRGBO(15, 23, 42, 1), backgroundColor: Color.fromRGBO(242, 243, 245, 1),
appBar: AppBar( appBar: AppBar(
backgroundColor: Color.fromRGBO(15, 23, 42, 1), backgroundColor: Colors.white,
elevation: 0, elevation: 0,
leading: IconButton( leading: IconButton(
icon: Icon(Icons.arrow_back, color: Colors.white), icon: Icon(Icons.arrow_back_ios, color: Color.fromRGBO(100, 116, 139, 1),),
onPressed: () { onPressed: () {
context.popRoute(); context.popRoute();
}, },
...@@ -39,105 +41,82 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> { ...@@ -39,105 +41,82 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> {
title: Text( title: Text(
'告警详情', '告警详情',
style: TextStyle( style: TextStyle(
color: Colors.white, color: Color.fromRGBO(10, 13, 20, 1),
fontSize: 18.sp, fontSize: 32.sp,
fontWeight: FontWeight.bold, fontWeight: FontWeight.w200,
), ),
), ),
centerTitle: true, centerTitle: true,
), ),
body: SingleChildScrollView( body: SingleChildScrollView(
padding: EdgeInsets.symmetric(horizontal: 28.w),
child: Column( child: Column(
children: [ children: [
TemperatureBlock(), TemperatureBlock(alarmInfo: _alarmInfo),
TemperatureCharBlock(), SizedBox(height: 10.h),
AlarmInfoBlock(), TemperatureCharBlock(alarmInfo: _alarmInfo),
SizedBox(height: 120.h), SizedBox(height: 10.h),
AlarmInfoBlock(alarmInfo: _alarmInfo),
SizedBox(height: 10.h),
_buildBottomButtons(),
SizedBox(height: 30.h),
], ],
), ),
), ),
bottomNavigationBar: _buildBottomButtons(),
); );
} }
Widget _buildBottomButtons() { Widget _buildBottomButtons() {
return Container( return Container(
width: double.infinity, width: double.infinity,
padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 15.h), padding: EdgeInsets.symmetric(vertical: 15.h),
decoration: BoxDecoration(
color: Color.fromRGBO(15, 23, 42, 1),
border: Border(
top: BorderSide(
color: Color.fromRGBO(30, 41, 59, 1),
width: 1.w,
),
),
),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Row( Container(
children: [ width: double.infinity,
Expanded( height: 70.h,
child: ElevatedButton( decoration: BoxDecoration(
style: ElevatedButton.styleFrom( color: Color.fromRGBO(59, 130, 246, 1),
backgroundColor: Color.fromRGBO(246, 158, 11, 1.0), borderRadius: BorderRadius.circular(20.r),
minimumSize: Size(double.infinity, 55.h), ),
padding: EdgeInsets.zero, child: TextButton(
shape: RoundedRectangleBorder( onPressed: _controller.handleConfirm,
borderRadius: BorderRadius.circular(15.r), child: Text(
), '确认处理',
), style: TextStyle(
onPressed: () { fontSize: 22.sp,
print("确认处理"); color: Colors.white,
},
child: Text(
"确认处理",
style: TextStyle(fontSize: 16.sp, color: Colors.white),
),
), ),
), ),
SizedBox(width: 12.w), ),
Expanded( ),
child: ElevatedButton( SizedBox(height: 20.h),
style: ElevatedButton.styleFrom( Container(
backgroundColor: Color.fromRGBO(51, 65, 85, 1), width: double.infinity,
minimumSize: Size(double.infinity, 55.h), height: 70.h,
padding: EdgeInsets.zero, decoration: BoxDecoration(
shape: RoundedRectangleBorder( color: Color.fromRGBO(209, 213, 219, 1),
borderRadius: BorderRadius.circular(15.r), borderRadius: BorderRadius.circular(20.r),
),
child: TextButton(
onPressed: _controller.handleViewDevice,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'查看关联设备',
style: TextStyle(
fontSize: 22.sp,
color: Color.fromRGBO(75, 85, 99, 1),
), ),
), ),
onPressed: _controller.navigateToDeviceDetail, SizedBox(width: 8.w),
child: Text( Icon(Icons.launch, color: Color.fromRGBO(75, 85, 99, 1)),
"查看关联设备 →", ],
style: TextStyle(fontSize: 16.sp, color: Colors.white),
),
),
), ),
], ),
), ),
// SizedBox(height: 10.h),
// Container(
// width: double.infinity,
// height: 55.h,
// decoration: BoxDecoration(
// color: Color.fromRGBO(30, 41, 59, 1),
// borderRadius: BorderRadius.circular(15.r),
// ),
// child: TextButton(
// onPressed: () {
// print("查看关联设备");
// },
// child: Text(
// "查看关联设备 →",
// style: TextStyle(
// fontSize: 16.sp,
// color: Colors.grey,
// ),
// ),
// ),
// ),
], ],
), ),
); );
......
lib/views/home/abnormal/child/alarm_info_block.dart
View file @ aba1fd46
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:smart_hotel_app/views/home/abnormal/controller.dart';
class AlarmInfoBlock extends StatelessWidget { class AlarmInfoBlock extends StatelessWidget {
const AlarmInfoBlock({super.key}); final AlarmInfo alarmInfo;
const AlarmInfoBlock({super.key, required this.alarmInfo});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: double.infinity, width: double.infinity,
margin: EdgeInsets.only(top: 10.h, left: 20.w, right: 20.w), margin: EdgeInsets.only(top: 10.h),
padding: EdgeInsets.all(20.w), padding: EdgeInsets.all(25.w),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.r), borderRadius: BorderRadius.circular(25.r),
color: Color.fromRGBO(30, 41, 59, 1), color: Colors.white,
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
'告警信息', '电压波动告警',
style: TextStyle( style: TextStyle(
fontSize: 18.sp, fontSize: 28.sp,
color: Colors.white, color: Color.fromRGBO(17, 24, 39, 1),
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
SizedBox(height: 15.h), SizedBox(height: 30.h),
_buildInfoRow('触发时间', '2026-05-09 14:23:18'), _buildInfoRow('触发时间', alarmInfo.triggerTime),
SizedBox(height: 12.h), SizedBox(height: 25.h),
_buildInfoRow( _buildInfoRow(
'告警级别', '告警级别',
'高警 (Level 3)', '${alarmInfo.alarmLevel}(Level 3)',
valueColor: Color.fromRGBO(246, 158, 11, 1.0), valueColor: Color.fromRGBO(239, 68, 68, 1),
),
SizedBox(height: 25.h),
_buildInfoRow('闭值设置', alarmInfo.threshold),
SizedBox(height: 25.h),
_buildInfoRow('持续时间', alarmInfo.duration),
SizedBox(height: 25.h),
_buildInfoRow(
'峰值记录',
alarmInfo.peak,
valueColor: Color.fromRGBO(251, 191, 36, 1),
), ),
SizedBox(height: 12.h), SizedBox(height: 25.h),
_buildInfoRow('阈值设置', '温度 > 80℃ 触发'),
SizedBox(height: 12.h),
_buildInfoRow('持续时间', '2小时37分钟'),
SizedBox(height: 12.h),
_buildInfoRow('峰值记录', '89.2℃ (15:02)'),
SizedBox(height: 12.h),
_buildInfoRow( _buildInfoRow(
'关联联动', '关联联动',
'自动断电保护 →', alarmInfo.linkAction,
valueColor: Color.fromRGBO(59, 130, 246, 1.0), valueColor: Color.fromRGBO(59, 130, 246, 1),
), ),
], ],
), ),
...@@ -57,15 +64,15 @@ class AlarmInfoBlock extends StatelessWidget { ...@@ -57,15 +64,15 @@ class AlarmInfoBlock extends StatelessWidget {
Text( Text(
label, label,
style: TextStyle( style: TextStyle(
fontSize: 15.sp, fontSize: 20.sp,
color: Colors.grey, color: Color.fromRGBO(107, 114, 128, 1),
), ),
), ),
Text( Text(
value, value,
style: TextStyle( style: TextStyle(
fontSize: 15.sp, fontSize: 20.sp,
color: valueColor ?? Colors.white, color: valueColor ?? Color.fromRGBO(107, 114, 128, 1),
), ),
), ),
], ],
......
lib/views/home/abnormal/child/temperature_char_block.dart
View file @ aba1fd46
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:fl_chart/fl_chart.dart'; import 'package:fl_chart/fl_chart.dart';
import 'package:smart_hotel_app/views/home/abnormal/controller.dart';
class TemperatureCharBlock extends StatelessWidget { class TemperatureCharBlock extends StatelessWidget {
const TemperatureCharBlock({super.key}); final AlarmInfo alarmInfo;
const TemperatureCharBlock({super.key, required this.alarmInfo});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: double.infinity, width: double.infinity,
margin: EdgeInsets.only(top: 10.h, left: 20.w, right: 20.w), margin: EdgeInsets.only(top: 10.h),
padding: EdgeInsets.all(20.w), padding: EdgeInsets.all(25.w),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(25.r), borderRadius: BorderRadius.circular(25.r),
color: Color.fromRGBO(30, 41, 59, 1), color: Colors.white,
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
...@@ -24,76 +27,72 @@ class TemperatureCharBlock extends StatelessWidget { ...@@ -24,76 +27,72 @@ class TemperatureCharBlock extends StatelessWidget {
Text( Text(
'24小时温度趋势', '24小时温度趋势',
style: TextStyle( style: TextStyle(
fontSize: 16.sp, fontSize: 24.sp,
color: Colors.white, color: Color.fromRGBO(100, 116, 139, 1),
fontWeight: FontWeight.bold,
), ),
), ),
Text( Text(
'5月9日', alarmInfo.date,
style: TextStyle( style: TextStyle(
fontSize: 14.sp, fontSize: 24.sp,
color: Colors.grey, color: Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
], ],
), ),
SizedBox(height: 20.h), SizedBox(height: 20.h),
Container( Container(
height: 200.h, height: 250.h,
child: LineChart( child: LineChart(
LineChartData( LineChartData(
gridData: FlGridData(show: false), gridData: FlGridData(
show: true,
drawHorizontalLine: true,
drawVerticalLine: false,
horizontalInterval: 10,
getDrawingHorizontalLine: (value) {
return FlLine(
color: Color.fromRGBO(209, 213, 219, 1),
strokeWidth: 2,
dashArray: [5, 5],
);
},
),
titlesData: FlTitlesData( titlesData: FlTitlesData(
rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
bottomTitles: AxisTitles( bottomTitles: AxisTitles(
sideTitles: SideTitles( sideTitles: SideTitles(
showTitles: true, showTitles: true,
interval: 3, interval: 6,
getTitlesWidget: (value, meta) {
return Text(
'11:04',
style: TextStyle(
color: Color.fromRGBO(156, 163, 175, 1),
fontSize: 14.sp,
),
);
},
reservedSize: 40,
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
interval: 20,
getTitlesWidget: (value, meta) { getTitlesWidget: (value, meta) {
String text = '';
switch (value.toInt()) {
case 0:
text = '00:00';
break;
case 3:
text = '03:00';
break;
case 6:
text = '06:00';
break;
case 9:
text = '09:00';
break;
case 12:
text = '12:00';
break;
case 15:
text = '15:00';
break;
case 18:
text = '18:00';
break;
case 21:
text = '21:00';
break;
case 24:
text = '现在';
break;
}
return Text( return Text(
text, '${value.toInt()}',
style: TextStyle( style: TextStyle(
color: Colors.grey, color: Color.fromRGBO(156, 163, 175, 1),
fontSize: 10.sp, fontSize: 14.sp,
), ),
); );
}, },
reservedSize: 30, reservedSize: 40,
), ),
), ),
leftTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
), ),
borderData: FlBorderData(show: false), borderData: FlBorderData(show: false),
minX: 0, minX: 0,
...@@ -102,28 +101,18 @@ class TemperatureCharBlock extends StatelessWidget { ...@@ -102,28 +101,18 @@ class TemperatureCharBlock extends StatelessWidget {
maxY: 100, maxY: 100,
lineBarsData: [ lineBarsData: [
LineChartBarData( LineChartBarData(
spots: [ spots: alarmInfo.temperatureSpots,
FlSpot(0, 75),
FlSpot(4, 76),
FlSpot(8, 78),
FlSpot(12, 82),
FlSpot(16, 86),
FlSpot(18, 89),
FlSpot(20, 87),
FlSpot(22, 85),
FlSpot(24, 70),
],
isCurved: true, isCurved: true,
color: Color.fromRGBO(246, 158, 11, 1.0), color: Color.fromRGBO(239, 68, 68, 1),
barWidth: 3, barWidth: 4,
isStrokeCapRound: true, isStrokeCapRound: true,
dotData: FlDotData(show: false), dotData: FlDotData(show: false),
belowBarData: BarAreaData( belowBarData: BarAreaData(
show: true, show: true,
gradient: LinearGradient( gradient: LinearGradient(
colors: [ colors: [
Color.fromRGBO(246, 158, 11, 0.5), Color.fromRGBO(254, 202, 202, 1),
Color.fromRGBO(246, 158, 11, 0.1), Color.fromRGBO(254, 226, 226, 0.1),
], ],
begin: Alignment.topCenter, begin: Alignment.topCenter,
end: Alignment.bottomCenter, end: Alignment.bottomCenter,
......
lib/views/home/abnormal/controller.dart
View file @ aba1fd46
import 'package:auto_route/auto_route.dart'; import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
import 'package:smart_hotel_app/routes/app_router.gr.dart'; import 'package:smart_hotel_app/routes/app_router.gr.dart';
class AlarmInfo {
final String alarmType;
final String deviceInfo;
final String alarmLevel;
final String urgency;
final String currentTemp;
final String voltage;
final String current;
final String triggerTime;
final String threshold;
final String duration;
final String peak;
final String linkAction;
final String date;
final List<FlSpot> temperatureSpots;
AlarmInfo({
required this.alarmType,
required this.deviceInfo,
required this.alarmLevel,
required this.urgency,
required this.currentTemp,
required this.voltage,
required this.current,
required this.triggerTime,
required this.threshold,
required this.duration,
required this.peak,
required this.linkAction,
required this.date,
required this.temperatureSpots,
});
}
class HomeAbnormalController { class HomeAbnormalController {
final BuildContext context; final BuildContext context;
...@@ -10,4 +45,41 @@ class HomeAbnormalController { ...@@ -10,4 +45,41 @@ class HomeAbnormalController {
void navigateToDeviceDetail() { void navigateToDeviceDetail() {
context.pushRoute(const DeviceDetailRoute()); context.pushRoute(const DeviceDetailRoute());
} }
AlarmInfo getAlarmInfo() {
return AlarmInfo(
alarmType: '温度异常告警',
deviceInfo: 'A-301智能空开·客房301',
alarmLevel: '高警',
urgency: '紧急',
currentTemp: '85℃',
voltage: '22V',
current: '3.2A',
triggerTime: '2026-05-09 14:23:18',
threshold: '温度>80℃触发',
duration: '2小时37分钟',
peak: '89.2℃ (15:02)',
linkAction: '自动断电保护',
date: '5月9日',
temperatureSpots: [
FlSpot(0, 40),
FlSpot(4, 40),
FlSpot(8, 15),
FlSpot(12, 55),
FlSpot(16, 50),
FlSpot(18, 55),
FlSpot(20, 75),
FlSpot(22, 82),
FlSpot(24, 85),
],
);
}
void handleConfirm() {
print('确认处理');
}
void handleViewDevice() {
navigateToDeviceDetail();
}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment