Skip to content

L
laki_icu_app
Commit 797d12e9 authored by 张宏's avatar 张宏
Browse files
Options

6666

parent c9959b5c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 51 deletions
lib/main.dart
View file @ 797d12e9
......@@ -152,7 +152,7 @@ class _MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return ScreenUtilInit(
designSize: Size(1024, 1366),
designSize: Size(1920, 1199),
builder: (context, child) {
return MultiBlocProvider(
providers: [
......
lib/views/monitoring/index/monitoring_index_view.dart
View file @ 797d12e9
......@@ -125,28 +125,29 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
return Row(
children: [
Expanded(
flex: 20,
flex: 26,
child: MonitoringPetInfoCard(patientInfo: state.patientInfo),
),
// SizedBox(width: gap),
Expanded(
flex: 40,
flex: 74,
child: Column(
children: [
Expanded(
flex: 32,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
flex: 4,
child: _buildMetrics(state.metrics, gap),
child: _buildMetrics(state.metrics, gap), // 4个监控
),
// SizedBox(width: gap),
],
),
),
SizedBox(height: gap),
SizedBox(height: 24.h),
Expanded(
flex: 34,
child: Row(
......@@ -183,19 +184,24 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
Widget _buildMetrics(List<MonitoringMetricBO> metrics, double gap) {
final displayMetrics = _environmentMetrics(metrics);
return Row(
children: displayMetrics
.map(
(metric) => Expanded(
child: Container(
decoration: BoxDecoration(
// border: BoxBorder.all(width: 1.w,color: Colors.red)
),
child: MonitoringMetricCard(metric: metric),
),
final children = <Widget>[];
for (int i = 0; i < displayMetrics.length; i++) {
children.add(
Expanded(
child: Container(
decoration: BoxDecoration(
// border: BoxBorder.all(width: 1.w, color: Colors.red),
),
)
.toList(),
child: MonitoringMetricCard(metric: displayMetrics[i]),
),
),
);
if (i < displayMetrics.length - 1) {
children.add(SizedBox(width: 20.w));
}
}
return Row(
children: children,
);
}
......
lib/views/monitoring/index/widgets/monitoring_metric_card.dart
View file @ 797d12e9
......@@ -24,22 +24,21 @@ class MonitoringMetricCard extends StatelessWidget {
@override
Widget build(BuildContext context) {
final displayLabel = _displayLabel(metric.label);
return Container(
decoration: const BoxDecoration(
return Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('lib/assets/monitoring/box_bg_325x372.png'),
fit: BoxFit.cover,
fit: BoxFit.fill,
),
// border: BoxBorder.all(width: 1.w,color: Colors.red)
),
// padding: EdgeInsets.zero,
padding: EdgeInsets.only(left: 10.w,right: 10.w, top: 54.h),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 60.h,),
children: [
Row(
children: [
SizedBox(width: 20.w),
SizedBox(width: 32.w),
Expanded(
flex: 3,
child: Text(
......@@ -48,7 +47,7 @@ class MonitoringMetricCard extends StatelessWidget {
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.white,
fontSize: 18.sp,
fontSize: 28.sp,
fontWeight: FontWeight.bold,
),
),
......@@ -58,14 +57,14 @@ class MonitoringMetricCard extends StatelessWidget {
child: Align(
alignment: Alignment.topLeft,
child: FlutterSwitch(
width: 30.w,
width: 60.w,
height: 30.h,
value: switchValue,
onToggle: onSwitchToggle ?? (_) {},
activeColor: const Color(0xFF75C1DD),
inactiveColor: Color(0xFF0A1B34),
toggleSize: 12.w,
padding: 2.w,
toggleSize: 22.w,
padding: 4.w,
),
),
),
......@@ -73,7 +72,7 @@ class MonitoringMetricCard extends StatelessWidget {
),
// const Spacer(),
Container(
padding: EdgeInsets.only(left: 20.w,top: 40.h),
padding: EdgeInsets.only(left: 32.w,top: 24.h),
child: Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
......@@ -81,19 +80,19 @@ class MonitoringMetricCard extends StatelessWidget {
metric.value,
style: TextStyle(
color: const Color(0xFF9DF5FF),
fontSize: 36.sp,
fontSize: 90.sp,
height: 1,
fontWeight: FontWeight.bold,
),
),
SizedBox(width: 6.w),
SizedBox(width: 18.w),
Padding(
padding: EdgeInsets.only(bottom: 3.h),
child: Text(
metric.unit,
style: TextStyle(
color: Colors.white70,
fontSize: 18.sp,
color: Colors.white,
fontSize: 30.sp,
fontWeight: FontWeight.w500,
),
),
......@@ -102,10 +101,10 @@ class MonitoringMetricCard extends StatelessWidget {
),
),
SizedBox(height: 12.h),
SizedBox(height: 22.h),
Container(
width: 100.w,
margin: EdgeInsets.only(left: 20.w),
width: 220.w,
margin: EdgeInsets.only(left: 32.w,),
decoration: BoxDecoration(
// border: Border.all(
// color: Colors.red,
......@@ -122,12 +121,12 @@ class MonitoringMetricCard extends StatelessWidget {
"设定24"+metric.unit,
style: TextStyle(
color: Colors.white,
fontSize: 14.sp,
fontSize: 24.sp,
),
),
Container(
height: 5.h,
margin: EdgeInsets.only(top: 15.h),
margin: EdgeInsets.only(top: 18.h),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(3.r),
gradient: const LinearGradient(
......@@ -138,12 +137,12 @@ class MonitoringMetricCard extends StatelessWidget {
],
),
Positioned(
right: -45.w,
top: -40.h,
right: -65.w,
top: -20.h,
child: Image.asset(
_iconAsset(metric.label),
width: 60.w,
height: 60.w,
width: 102.w,
height: 102.w,
fit: BoxFit.contain,
),
),
......@@ -151,10 +150,10 @@ class MonitoringMetricCard extends StatelessWidget {
),
),
Container(
margin: EdgeInsets.only(left: 14),
margin: EdgeInsets.only(left: 2.w),
child: Image.asset(
'lib/assets/monitoring/box_bottom_char.png',
width: 140.w,
// width: 140.w,
// height: 60.w,
fit: BoxFit.contain,
),
......
lib/views/monitoring/index/widgets/monitoring_top_status_bar.dart
View file @ 797d12e9
......@@ -13,7 +13,7 @@ class MonitoringTopStatusBar extends StatelessWidget {
fit: BoxFit.fill,
),
),
padding: EdgeInsets.only(left: 20.w,bottom: 22.h),
padding: EdgeInsets.only(left: 32.w,bottom: 22.h),
child: Row(
children: [
// SizedBox(width: 18.w),
......@@ -21,23 +21,23 @@ class MonitoringTopStatusBar extends StatelessWidget {
'总运行时长:9999h',
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontSize: 25.sp,
),
),
SizedBox(width: 8.w),
SizedBox(width: 32.w),
Text(
'环境温度:30.68',
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontSize: 25.sp,
),
),
SizedBox(width: 8.w),
SizedBox(width: 32.w),
Text(
'总制氧时长:500h',
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontSize: 25.sp,
),
),
// const Spacer(),
......
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