Skip to content

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

.

parent aba1fd46
Show whitespace changes
Inline Side-by-side
Showing with 223 additions and 138 deletions
lib/views/home/abnormal/abnormal_detail_view.dart
View file @ e12f65bf
...@@ -75,18 +75,18 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> { ...@@ -75,18 +75,18 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> {
children: [ children: [
Container( Container(
width: double.infinity, width: double.infinity,
height: 70.h, height: 88.h,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color.fromRGBO(59, 130, 246, 1), color: Color.fromRGBO(73, 149, 234, 1),
borderRadius: BorderRadius.circular(20.r), borderRadius: BorderRadius.circular(16.r),
), ),
child: TextButton( child: TextButton(
onPressed: _controller.handleConfirm, onPressed: _controller.handleConfirm,
child: Text( child: Text(
'确认处理', '确认处理',
style: TextStyle( style: TextStyle(
fontSize: 22.sp, fontSize: 28.sp,
color: Colors.white, color: Color.fromRGBO(237, 245, 255, 1),
), ),
), ),
), ),
...@@ -94,10 +94,10 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> { ...@@ -94,10 +94,10 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> {
SizedBox(height: 20.h), SizedBox(height: 20.h),
Container( Container(
width: double.infinity, width: double.infinity,
height: 70.h, height: 88.h,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Color.fromRGBO(209, 213, 219, 1), color: Color.fromRGBO(100, 116, 139, 0.2),
borderRadius: BorderRadius.circular(20.r), borderRadius: BorderRadius.circular(16.r),
), ),
child: TextButton( child: TextButton(
onPressed: _controller.handleViewDevice, onPressed: _controller.handleViewDevice,
...@@ -107,12 +107,12 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> { ...@@ -107,12 +107,12 @@ class _AbnormalDetailViewState extends State<AbnormalDetailView> {
Text( Text(
'查看关联设备', '查看关联设备',
style: TextStyle( style: TextStyle(
fontSize: 22.sp, fontSize: 28.sp,
color: Color.fromRGBO(75, 85, 99, 1), color: Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
SizedBox(width: 8.w), SizedBox(width: 8.w),
Icon(Icons.launch, color: Color.fromRGBO(75, 85, 99, 1)), Image.asset("lib/assets/icon/right.png", width: 24.w, height: 21.h,),
], ],
), ),
), ),
......
lib/views/home/abnormal/child/alarm_info_block.dart
View file @ e12f65bf
...@@ -24,7 +24,7 @@ class AlarmInfoBlock extends StatelessWidget { ...@@ -24,7 +24,7 @@ class AlarmInfoBlock extends StatelessWidget {
'电压波动告警', '电压波动告警',
style: TextStyle( style: TextStyle(
fontSize: 28.sp, fontSize: 28.sp,
color: Color.fromRGBO(17, 24, 39, 1), color: Colors.black,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
...@@ -34,7 +34,7 @@ class AlarmInfoBlock extends StatelessWidget { ...@@ -34,7 +34,7 @@ class AlarmInfoBlock extends StatelessWidget {
_buildInfoRow( _buildInfoRow(
'告警级别', '告警级别',
'${alarmInfo.alarmLevel}(Level 3)', '${alarmInfo.alarmLevel}(Level 3)',
valueColor: Color.fromRGBO(239, 68, 68, 1), valueColor: Color.fromRGBO(255, 100, 101, 1),
), ),
SizedBox(height: 25.h), SizedBox(height: 25.h),
_buildInfoRow('闭值设置', alarmInfo.threshold), _buildInfoRow('闭值设置', alarmInfo.threshold),
...@@ -44,13 +44,13 @@ class AlarmInfoBlock extends StatelessWidget { ...@@ -44,13 +44,13 @@ class AlarmInfoBlock extends StatelessWidget {
_buildInfoRow( _buildInfoRow(
'峰值记录', '峰值记录',
alarmInfo.peak, alarmInfo.peak,
valueColor: Color.fromRGBO(251, 191, 36, 1), valueColor: Color.fromRGBO(250, 204, 21, 1),
), ),
SizedBox(height: 25.h), SizedBox(height: 25.h),
_buildInfoRow( _buildInfoRow(
'关联联动', '关联联动',
alarmInfo.linkAction, alarmInfo.linkAction,
valueColor: Color.fromRGBO(59, 130, 246, 1), valueColor: Color.fromRGBO(73, 149, 234, 1),
), ),
], ],
), ),
...@@ -64,15 +64,15 @@ class AlarmInfoBlock extends StatelessWidget { ...@@ -64,15 +64,15 @@ class AlarmInfoBlock extends StatelessWidget {
Text( Text(
label, label,
style: TextStyle( style: TextStyle(
fontSize: 20.sp, fontSize: 24.sp,
color: Color.fromRGBO(107, 114, 128, 1), color: Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
Text( Text(
value, value,
style: TextStyle( style: TextStyle(
fontSize: 20.sp, fontSize: 24.sp,
color: valueColor ?? Color.fromRGBO(107, 114, 128, 1), color: valueColor ?? Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
], ],
......
lib/views/home/device/child/device_parms_block.dart
View file @ e12f65bf
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/device/controller.dart';
class DeviceParmsBlock extends StatefulWidget { class DeviceParmsBlock extends StatelessWidget {
const DeviceParmsBlock({super.key}); final DeviceInfo deviceInfo;
@override const DeviceParmsBlock({super.key, required this.deviceInfo});
State<DeviceParmsBlock> createState() => _DeviceParmsBlockState();
}
class _DeviceParmsBlockState extends State<DeviceParmsBlock> {
@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,
...@@ -25,32 +23,32 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> { ...@@ -25,32 +23,32 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> {
Text( Text(
'实时参数', '实时参数',
style: TextStyle( style: TextStyle(
fontSize: 18.sp, fontSize: 28.sp,
color: Colors.white, color: Colors.black,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
SizedBox(height: 15.h), SizedBox(height: 20.h),
Row( Row(
children: [ children: [
Expanded( Expanded(
child: _buildParamCard('220V', '电压'), child: _buildParamCard(deviceInfo.voltage, '电压'),
), ),
SizedBox(width: 12.w), SizedBox(width: 15.w),
Expanded( Expanded(
child: _buildParamCard('2.36A', '电流'), child: _buildParamCard(deviceInfo.current, '电流'),
), ),
], ],
), ),
SizedBox(height: 12.h), SizedBox(height: 15.h),
Row( Row(
children: [ children: [
Expanded( Expanded(
child: _buildParamCard('520W', '有功功率', isGreen: true), child: _buildParamCard(deviceInfo.power, '有功功率', isGreen: true),
), ),
SizedBox(width: 12.w), SizedBox(width: 15.w),
Expanded( Expanded(
child: _buildParamCard('38°C', '设备温度'), child: _buildParamCard(deviceInfo.temperature, '设备温度'),
), ),
], ],
), ),
...@@ -61,10 +59,10 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> { ...@@ -61,10 +59,10 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> {
Widget _buildParamCard(String value, String label, {bool isGreen = false}) { Widget _buildParamCard(String value, String label, {bool isGreen = false}) {
return Container( return Container(
padding: EdgeInsets.all(20.w), padding: EdgeInsets.all(25.w),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15.r), borderRadius: BorderRadius.circular(25.r),
color: Color.fromRGBO(45, 55, 72, 1), color: Color.fromRGBO(229, 241, 255, 1),
), ),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
...@@ -72,8 +70,8 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> { ...@@ -72,8 +70,8 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> {
Text( Text(
value, value,
style: TextStyle( style: TextStyle(
fontSize: 28.sp, fontSize: 40.sp,
color: isGreen ? Color.fromRGBO(34, 197, 94, 1) : Colors.white, color: isGreen ? Color.fromRGBO(20, 184, 166, 1) : Color.fromRGBO(73, 149, 234, 1),
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
...@@ -81,8 +79,8 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> { ...@@ -81,8 +79,8 @@ class _DeviceParmsBlockState extends State<DeviceParmsBlock> {
Text( Text(
label, label,
style: TextStyle( style: TextStyle(
fontSize: 15.sp, fontSize: 24.sp,
color: Colors.grey, color: Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
], ],
......
lib/views/home/device/child/power_char_block.dart
View file @ e12f65bf
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/device/controller.dart';
class PowerCharBlock extends StatefulWidget { class PowerCharBlock extends StatefulWidget {
const PowerCharBlock({super.key}); final DeviceInfo deviceInfo;
const PowerCharBlock({super.key, required this.deviceInfo});
@override @override
State<PowerCharBlock> createState() => _PowerCharBlockState(); State<PowerCharBlock> createState() => _PowerCharBlockState();
...@@ -16,11 +19,11 @@ class _PowerCharBlockState extends State<PowerCharBlock> { ...@@ -16,11 +19,11 @@ class _PowerCharBlockState extends State<PowerCharBlock> {
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,
...@@ -29,17 +32,20 @@ class _PowerCharBlockState extends State<PowerCharBlock> { ...@@ -29,17 +32,20 @@ class _PowerCharBlockState extends State<PowerCharBlock> {
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Text(
'24h 功率趋势', '24小时功率趋势',
style: TextStyle( style: TextStyle(
fontSize: 16.sp, fontSize: 24.sp,
color: Colors.white, color: Color.fromRGBO(100, 116, 139, 1),
fontWeight: FontWeight.bold,
), ),
), ),
Container( Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.r), borderRadius: BorderRadius.circular(12.r),
color: Color.fromRGBO(45, 55, 72, 1), color: Colors.transparent,
border: Border.all(
color: Color.fromRGBO(73, 149, 234, 0.5),
width: 1.5.w,
),
), ),
child: Row( child: Row(
children: [ children: [
...@@ -52,20 +58,63 @@ class _PowerCharBlockState extends State<PowerCharBlock> { ...@@ -52,20 +58,63 @@ class _PowerCharBlockState extends State<PowerCharBlock> {
), ),
SizedBox(height: 20.h), SizedBox(height: 20.h),
Container( Container(
height: 200.h, height: 250.h,
child: BarChart( child: BarChart(
BarChartData( BarChartData(
alignment: BarChartAlignment.spaceAround, alignment: BarChartAlignment.spaceBetween,
maxY: 100, maxY: 100,
minY: 0, minY: 0,
groupsSpace: 8, groupsSpace: 10,
barTouchData: BarTouchData(enabled: false), barTouchData: BarTouchData(enabled: false),
gridData: FlGridData(
show: true,
drawHorizontalLine: true,
drawVerticalLine: false,
horizontalInterval: 20,
getDrawingHorizontalLine: (value) {
return FlLine(
color: Color.fromRGBO(209, 213, 219, 1),
strokeWidth: 1.5,
dashArray: [5, 5],
);
},
),
titlesData: FlTitlesData( titlesData: FlTitlesData(
show: true, show: true,
rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), rightTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
leftTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), leftTitles: AxisTitles(
bottomTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)), sideTitles: SideTitles(
showTitles: true,
interval: 20,
getTitlesWidget: (value, meta) {
return Text(
'${value.toInt()}',
style: TextStyle(
color: Color.fromRGBO(156, 163, 175, 1),
fontSize: 14.sp,
),
);
},
reservedSize: 40,
),
),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
showTitles: true,
interval: 3,
getTitlesWidget: (value, meta) {
return Text(
'11:04',
style: TextStyle(
color: Color.fromRGBO(156, 163, 175, 1),
fontSize: 14.sp,
),
);
},
reservedSize: 40,
),
),
), ),
borderData: FlBorderData(show: false), borderData: FlBorderData(show: false),
barGroups: _buildBarGroups(_selectedIndex), barGroups: _buildBarGroups(_selectedIndex),
...@@ -88,14 +137,14 @@ class _PowerCharBlockState extends State<PowerCharBlock> { ...@@ -88,14 +137,14 @@ class _PowerCharBlockState extends State<PowerCharBlock> {
child: Container( child: Container(
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h), padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.r), borderRadius: BorderRadius.circular(8.r),
color: isSelected ? Color.fromRGBO(59, 130, 246, 1) : Colors.transparent, color: isSelected ? Color.fromRGBO(219, 234, 254, 1) : Colors.transparent,
), ),
child: Text( child: Text(
title, title,
style: TextStyle( style: TextStyle(
fontSize: 14.sp, fontSize: 24.sp,
color: isSelected ? Colors.white : Colors.grey, color: isSelected ? Color.fromRGBO(73, 149, 234, 1) : Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
), ),
...@@ -103,29 +152,27 @@ class _PowerCharBlockState extends State<PowerCharBlock> { ...@@ -103,29 +152,27 @@ class _PowerCharBlockState extends State<PowerCharBlock> {
} }
List<BarChartGroupData> _buildBarGroups(int index) { List<BarChartGroupData> _buildBarGroups(int index) {
final powerData = [30, 45, 55, 65, 75, 80, 70, 60, 45, 30, 25]; final data = index == 0 ? widget.deviceInfo.powerData : widget.deviceInfo.tempData;
final tempData = [25, 28, 30, 32, 35, 38, 36, 34, 32, 29, 26];
final data = index == 0 ? powerData : tempData;
final Color mainColor = index == 0 final Color mainColor = index == 0
? Color.fromRGBO(59, 130, 246, 1) ? Color.fromRGBO(59, 130, 246, 1)
: Color.fromRGBO(246, 158, 11, 1.0); : Color.fromRGBO(251, 191, 36, 1);
final Color highlightColor = index == 0
? Color.fromRGBO(34, 197, 94, 1)
: Color.fromRGBO(239, 68, 68, 1);
return List.generate( return List.generate(
data.length, data.length,
(i) => BarChartGroupData( (i) {
if (data[i] == 0) return BarChartGroupData(x: i);
return BarChartGroupData(
x: i, x: i,
barRods: [ barRods: [
BarChartRodData( BarChartRodData(
toY: data[i].toDouble(), toY: data[i].toDouble(),
color: i == 5 ? highlightColor : mainColor, color: mainColor,
width: 20.w, width: 22.w,
borderRadius: BorderRadius.vertical(top: Radius.circular(4.r)), borderRadius: BorderRadius.vertical(top: Radius.circular(8.r)),
), ),
], ],
),
); );
},
).where((group) => group.barRods.isNotEmpty).toList();
} }
} }
\ No newline at end of file
lib/views/home/device/child/state_info_block.dart
View file @ e12f65bf
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/device/controller.dart';
class StateInfoBlock extends StatelessWidget { class StateInfoBlock extends StatelessWidget {
const StateInfoBlock({super.key}); final DeviceInfo deviceInfo;
const StateInfoBlock({super.key, required this.deviceInfo});
@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: Row( child: Row(
children: [ children: [
...@@ -20,8 +23,8 @@ class StateInfoBlock extends StatelessWidget { ...@@ -20,8 +23,8 @@ class StateInfoBlock extends StatelessWidget {
width: 70.w, width: 70.w,
height: 70.h, height: 70.h,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.r), borderRadius: BorderRadius.circular(15.r),
color: Color.fromRGBO(51, 65, 85, 1), color: Color.fromRGBO(219, 234, 254, 1),
), ),
child: Icon( child: Icon(
Icons.power, Icons.power,
...@@ -29,35 +32,35 @@ class StateInfoBlock extends StatelessWidget { ...@@ -29,35 +32,35 @@ class StateInfoBlock extends StatelessWidget {
size: 32.sp, size: 32.sp,
), ),
), ),
SizedBox(width: 20.w), SizedBox(width: 15.w),
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
'客房 305 智能空开', deviceInfo.deviceName,
style: TextStyle( style: TextStyle(
fontSize: 18.sp, fontSize: 28.sp,
color: Colors.white, color: Colors.black,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
SizedBox(height: 8.h), SizedBox(height: 8.h),
Text( Text(
'A-305 · 位置：3楼客房区', '${deviceInfo.deviceId}·位置: ${deviceInfo.location}',
style: TextStyle( style: TextStyle(
fontSize: 15.sp, fontSize: 24.sp,
color: Colors.grey, color: Color.fromRGBO(100, 116, 139, 1),
), ),
), ),
], ],
), ),
), ),
Text( Text(
'在线', deviceInfo.status,
style: TextStyle( style: TextStyle(
fontSize: 16.sp, fontSize: 24.sp,
color: Color.fromRGBO(34, 197, 94, 1), color: Color.fromRGBO(20, 184, 166, 1),
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
), ),
......
lib/views/home/device/controller.dart
View file @ e12f65bf
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
class DeviceInfo {
final String deviceName;
final String deviceId;
final String location;
final String status;
final String voltage;
final String current;
final String power;
final String temperature;
final List<int> powerData;
final List<int> tempData;
DeviceInfo({
required this.deviceName,
required this.deviceId,
required this.location,
required this.status,
required this.voltage,
required this.current,
required this.power,
required this.temperature,
required this.powerData,
required this.tempData,
});
}
class HomeDeviceController { class HomeDeviceController {
final BuildContext context; final BuildContext context;
...@@ -12,4 +39,19 @@ class HomeDeviceController { ...@@ -12,4 +39,19 @@ class HomeDeviceController {
void remotePowerOff() { void remotePowerOff() {
// 远程断电 // 远程断电
} }
DeviceInfo getDeviceInfo() {
return DeviceInfo(
deviceName: '客房305 智能空开',
deviceId: 'A-305',
location: '3楼客房区',
status: '在线',
voltage: '220V',
current: '2.36A',
power: '520W',
temperature: '38°C',
powerData: [40, 60, 85, 98, 85, 72, 60, 48, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
tempData: [28, 30, 32, 35, 33, 31, 30, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
);
}
} }
\ No newline at end of file
lib/views/home/device/device_detail_view.dart
View file @ e12f65bf
...@@ -16,22 +16,24 @@ class DeviceDetailView extends StatefulWidget { ...@@ -16,22 +16,24 @@ class DeviceDetailView extends StatefulWidget {
class _DeviceDetailViewState extends State<DeviceDetailView> { class _DeviceDetailViewState extends State<DeviceDetailView> {
late final HomeDeviceController _controller; late final HomeDeviceController _controller;
late final DeviceInfo _deviceInfo;
@override @override
void initState() { void initState() {
super.initState(); super.initState();
_controller = HomeDeviceController(context); _controller = HomeDeviceController(context);
_deviceInfo = _controller.getDeviceInfo();
} }
@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,83 +41,73 @@ class _DeviceDetailViewState extends State<DeviceDetailView> { ...@@ -39,83 +41,73 @@ class _DeviceDetailViewState extends State<DeviceDetailView> {
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: [
StateInfoBlock(), StateInfoBlock(deviceInfo: _deviceInfo),
SizedBox(height: 10.h), SizedBox(height: 10.h),
DeviceParmsBlock(), DeviceParmsBlock(deviceInfo: _deviceInfo),
SizedBox(height: 10.h), SizedBox(height: 10.h),
PowerCharBlock(), PowerCharBlock(deviceInfo: _deviceInfo),
SizedBox(height: 120.h), 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( child: Row(
color: Color.fromRGBO(15, 23, 42, 1),
border: Border(
top: BorderSide(
color: Color.fromRGBO(30, 41, 59, 1),
width: 1.w,
),
),
),
child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Row( Container(
children: [ width: 300.w,
Expanded( height: 88.h,
child: ElevatedButton( decoration: BoxDecoration(
style: ElevatedButton.styleFrom( color: Color.fromRGBO(73, 149, 234, 1),
backgroundColor: Color.fromRGBO(34, 197, 94, 1), borderRadius: BorderRadius.circular(16.r),
minimumSize: Size(double.infinity, 55.h),
padding: EdgeInsets.zero,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.r),
),
), ),
child: TextButton(
onPressed: _controller.remotePowerOn, onPressed: _controller.remotePowerOn,
child: Text( child: Text(
"远程送电", "远程送电",
style: TextStyle(fontSize: 16.sp, color: Colors.white, fontWeight: FontWeight.bold), style: TextStyle(fontSize: 28.sp, color: Color.fromRGBO(237, 245, 255, 1)),
), ),
), ),
), ),
SizedBox(width: 12.w), SizedBox(width: 30.w,),
Expanded( Container(
child: ElevatedButton( width: 300.w,
style: ElevatedButton.styleFrom( height: 88.h,
backgroundColor: Color.fromRGBO(239, 68, 68, 1), decoration: BoxDecoration(
minimumSize: Size(double.infinity, 55.h), color: Color.fromRGBO(229, 241, 255, 1.0),
padding: EdgeInsets.zero, border: Border.all(
shape: RoundedRectangleBorder( color: Color.fromRGBO(73, 149, 234, 1),
borderRadius: BorderRadius.circular(15.r), width: 1.w,
), ),
borderRadius: BorderRadius.circular(16.r),
), ),
child: TextButton(
onPressed: _controller.remotePowerOff, onPressed: _controller.remotePowerOff,
child: Text( child: Text(
"远程断电", "远程断电",
style: TextStyle(fontSize: 16.sp, color: Colors.white, fontWeight: FontWeight.bold), style: TextStyle(fontSize: 28.sp, color: Color.fromRGBO(100, 116, 139, 1)),
),
), ),
), ),
],
), ),
], ],
), ),
......
pubspec.yaml
View file @ e12f65bf
...@@ -74,6 +74,7 @@ flutter: ...@@ -74,6 +74,7 @@ flutter:
- lib/assets/ - lib/assets/
- lib/assets/login/ - lib/assets/login/
- lib/assets/tab/ - lib/assets/tab/
- lib/assets/icon/
# - images/a_dot_ham.jpeg # - images/a_dot_ham.jpeg
# An image asset can refer to one or more resolution-specific "variants", see # An image asset can refer to one or more resolution-specific "variants", see
......
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