feat: 添加中控页

lib/views/monitoring/controller/cubit/controller_index_cubit.dart

+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import 'controller_index_state.dart';
+
+class ControllerIndexCubit extends Cubit<ControllerIndexState> {
+  ControllerIndexCubit({
+    required String selectedMetricLabel,
+  }) : super(ControllerIndexState(selectedMetricLabel: selectedMetricLabel));
+
+  void selectMetric(String label) {
+    emit(state.copyWith(selectedMetricLabel: label));
+  }
+}

lib/views/monitoring/controller/cubit/controller_index_state.dart

+import 'package:equatable/equatable.dart';
+
+class ControllerIndexState extends Equatable {
+  final String selectedMetricLabel;
+
+  const ControllerIndexState({
+    required this.selectedMetricLabel,
+  });
+
+  ControllerIndexState copyWith({
+    String? selectedMetricLabel,
+  }) {
+    return ControllerIndexState(
+      selectedMetricLabel: selectedMetricLabel ?? this.selectedMetricLabel,
+    );
+  }
+
+  @override
+  List<Object?> get props => [selectedMetricLabel];
+}

lib/views/monitoring/controller/monitoring_controller_view.dart

+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:laki_icu_app/models/bo/monitoring_bo.dart';
+
+import 'cubit/controller_index_cubit.dart';
+import 'cubit/controller_index_state.dart';
+import 'widgets/monitoring_environment_detail_view.dart';
+
+class MonitoringControllerView extends StatelessWidget {
+  const MonitoringControllerView({
+    super.key,
+    required this.metrics,
+    required this.selectedMetricLabel,
+    required this.onBack,
+  });
+
+  final List<MonitoringMetricBO> metrics;
+  final String selectedMetricLabel;
+  final VoidCallback onBack;
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (_) => ControllerIndexCubit(
+        selectedMetricLabel: selectedMetricLabel,
+      ),
+      child: ControllerIndexContent(
+        metrics: metrics,
+        onBack: onBack,
+      ),
+    );
+  }
+}
+
+class ControllerIndexContent extends StatelessWidget {
+  const ControllerIndexContent({
+    super.key,
+    required this.metrics,
+    required this.onBack,
+  });
+
+  final List<MonitoringMetricBO> metrics;
+  final VoidCallback onBack;
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ControllerIndexCubit, ControllerIndexState>(
+      builder: (context, state) {
+        return MonitoringEnvironmentDetailView(
+          metrics: metrics,
+          selectedLabel: state.selectedMetricLabel,
+          onBack: onBack,
+          onMetricSelected: context.read<ControllerIndexCubit>().selectMetric,
+        );
+      },
+    );
+  }
+}

lib/views/monitoring/index/monitoring_index_view.dart

@@ -8,6 +8,7 @@ import 'package:laki_icu_app/enums/video_stream_mode_enum.dart';
 import 'package:laki_icu_app/models/bo/monitoring_bo.dart';
 import 'package:laki_icu_app/utils/event_bus.dart';
 
+import '../controller/monitoring_controller_view.dart';
 import 'cubit/monitoring_index_cubit.dart';
 import 'cubit/monitoring_index_state.dart';
 import 'widgets/bluetooth_bind_dialog.dart';
@@ -39,6 +40,7 @@ class MonitoringIndexContent extends StatefulWidget {
 class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
   late final MonitoringIndexCubit _monitoringIndexCubit;
   StreamSubscription<OpenBluetoothScanEvent>? _bluetoothScanEventSub;
+  String? _selectedEnvironmentMetricLabel;
 
   @override
   void initState() {
@@ -69,6 +71,9 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
             state.metrics.isEmpty) {
           return _buildError(state.error);
         }
+        if (_selectedEnvironmentMetricLabel != null) {
+          return _buildEnvironmentDetail(state);
+        }
         return _buildMainArea(state);
       },
     );
@@ -154,7 +159,10 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
     for (int i = 0; i < displayMetrics.length; i++) {
       children.add(
         Expanded(
-          child: MonitoringMetricCard(metric: displayMetrics[i]),
+          child: MonitoringMetricCard(
+            metric: displayMetrics[i],
+            onTap: () => _openEnvironmentDetail(displayMetrics[i]),
+          ),
         ),
       );
       if (i < displayMetrics.length - 1) {
@@ -166,6 +174,25 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
     );
   }
 
+  Widget _buildEnvironmentDetail(MonitoringIndexState state) {
+    final metrics = _environmentMetrics(state.metrics);
+    return MonitoringControllerView(
+      metrics: metrics,
+      selectedMetricLabel: _selectedEnvironmentMetricLabel!,
+      onBack: () {
+        setState(() {
+          _selectedEnvironmentMetricLabel = null;
+        });
+      },
+    );
+  }
+
+  void _openEnvironmentDetail(MonitoringMetricBO metric) {
+    setState(() {
+      _selectedEnvironmentMetricLabel = metric.label;
+    });
+  }
+
   /// 模式切换回调
   void _onToggleStreamMode() {
     final cubit = _monitoringIndexCubit;

lib/views/monitoring/index/widgets/bluetooth_bind_dialog.dart

@@ -127,7 +127,6 @@ class _BluetoothBindDialogState extends State<BluetoothBindDialog> {
           _buildPanelStatus(context, state),
           SizedBox(height: 28.h),
           Expanded(child: _buildDeviceList(context, state)),
-          _buildLatestData(state),
         ],
       ),
     );
@@ -138,7 +137,7 @@ class _BluetoothBindDialogState extends State<BluetoothBindDialog> {
         ? '自动发现附近可配对的监护舱设备，搜索中...'
         : state.bluetoothDevices.isEmpty
             ? '未发现设备，可重新搜索附近蓝牙设备'
-            : '自动发现附近可配对的监护舱设备';
+            : '蓝牙扫描结束，共发现 ${state.bluetoothDevices.length} 个设备';
 
     return Row(
       children: [
@@ -266,143 +265,6 @@ class _BluetoothBindDialogState extends State<BluetoothBindDialog> {
       await context.read<MonitoringIndexCubit>().unbindBluetoothDevice();
     }
   }
-
-  Widget _buildLatestData(MonitoringIndexState state) {
-    final report = state.latestMcuReport;
-    final rawHex = state.latestBluetoothRawHex;
-    final message = state.bluetoothMessage;
-
-    if (report == null &&
-        (rawHex == null || rawHex.isEmpty) &&
-        (message == null || message.isEmpty)) {
-      return SizedBox(height: 10.h);
-    }
-
-    if (report != null) {
-      return _BluetoothReportSummary(report: report);
-    }
-
-    return Padding(
-      padding: EdgeInsets.only(top: 18.h),
-      child: Text(
-        rawHex != null && rawHex.isNotEmpty ? '最新数据: $rawHex' : message!,
-        style: TextStyle(
-          color: rawHex != null && rawHex.isNotEmpty
-              ? const Color(0xFF00F6FF)
-              : Colors.white.withValues(alpha: 0.66),
-          fontSize: 22.sp,
-        ),
-        maxLines: 2,
-        overflow: TextOverflow.ellipsis,
-      ),
-    );
-  }
-}
-
-class _BluetoothReportSummary extends StatelessWidget {
-  const _BluetoothReportSummary({required this.report});
-
-  final McuReport report;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      width: double.infinity,
-      margin: EdgeInsets.only(top: 18.h),
-      padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 14.h),
-      decoration: BoxDecoration(
-        color: Colors.black.withValues(alpha: 0.18),
-        borderRadius: BorderRadius.circular(8.r),
-        border: Border.all(color: Colors.white.withValues(alpha: 0.12)),
-      ),
-      child: Row(
-        children: [
-          Expanded(
-            flex: 2,
-            child: Text(
-              report.sn.isEmpty ? 'SN --' : 'SN ${report.sn}',
-              style: TextStyle(
-                color: const Color(0xFF00F6FF),
-                fontSize: 22.sp,
-                fontWeight: FontWeight.w600,
-              ),
-              maxLines: 1,
-              overflow: TextOverflow.ellipsis,
-            ),
-          ),
-          _BluetoothReportMetric(
-            label: '温度',
-            value: report.mainTemperature.toStringAsFixed(1),
-            unit: '℃',
-          ),
-          _BluetoothReportMetric(
-            label: '湿度',
-            value: '${report.humidity}',
-            unit: '%',
-          ),
-          _BluetoothReportMetric(
-            label: '氧气',
-            value: '${report.oxygenConcentration}',
-            unit: '%',
-          ),
-          _BluetoothReportMetric(
-            label: 'CO2',
-            value: '${report.co2Measurement}',
-            unit: 'ppm',
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class _BluetoothReportMetric extends StatelessWidget {
-  const _BluetoothReportMetric({
-    required this.label,
-    required this.value,
-    required this.unit,
-  });
-
-  final String label;
-  final String value;
-  final String unit;
-
-  @override
-  Widget build(BuildContext context) {
-    return SizedBox(
-      width: 128.w,
-      child: RichText(
-        maxLines: 1,
-        overflow: TextOverflow.ellipsis,
-        text: TextSpan(
-          children: [
-            TextSpan(
-              text: '$label ',
-              style: TextStyle(
-                color: Colors.white.withValues(alpha: 0.58),
-                fontSize: 20.sp,
-              ),
-            ),
-            TextSpan(
-              text: value,
-              style: TextStyle(
-                color: Colors.white,
-                fontSize: 23.sp,
-                fontWeight: FontWeight.w600,
-              ),
-            ),
-            TextSpan(
-              text: unit,
-              style: TextStyle(
-                color: Colors.white.withValues(alpha: 0.72),
-                fontSize: 19.sp,
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
 }
 
 class _BluetoothDeviceRow extends StatelessWidget {

lib/views/monitoring/index/widgets/monitoring_metric_card.dart

@@ -3,7 +3,6 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:flutter_switch/flutter_switch.dart';
 import 'package:laki_icu_app/models/bo/monitoring_bo.dart';
 
-
 class MonitoringMetricCard extends StatelessWidget {
   final MonitoringMetricBO metric;
 
@@ -13,25 +12,32 @@ class MonitoringMetricCard extends StatelessWidget {
   /// 开关切换回调
   final ValueChanged<bool>? onSwitchToggle;
 
+  /// 卡片点击回调
+  final VoidCallback? onTap;
+
   const MonitoringMetricCard({
     super.key,
     required this.metric,
     this.switchValue = false,
     this.onSwitchToggle,
+    this.onTap,
   });
 
   @override
   Widget build(BuildContext context) {
     final displayLabel = _displayLabel(metric.label);
-    return Container(  
-      decoration: BoxDecoration(
+    return GestureDetector(
+      onTap: onTap,
+      behavior: HitTestBehavior.opaque,
+      child: Container(
+        decoration: const BoxDecoration(
           image: DecorationImage(
             image: AssetImage('lib/assets/monitoring/box_bg_325x372.png'),
             fit: BoxFit.fill,
           ),
           // border: BoxBorder.all(width: 1.w,color: Colors.red)
         ),
-      padding: EdgeInsets.only(left: 10.w,right: 10.w, top: 54.h),
+        padding: EdgeInsets.only(left: 10.w, right: 10.w, top: 54.h),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
@@ -61,7 +67,7 @@ class MonitoringMetricCard extends StatelessWidget {
                       value: switchValue,
                       onToggle: onSwitchToggle ?? (_) {},
                       activeColor: const Color(0xFF75C1DD),
-                    inactiveColor: Color(0xFF0A1B34),
+                      inactiveColor: const Color(0xFF0A1B34),
                       toggleSize: 22.w,
                       padding: 4.w,
                     ),
@@ -71,7 +77,7 @@ class MonitoringMetricCard extends StatelessWidget {
             ),
             // const Spacer(),
             Container(
-            padding: EdgeInsets.only(left: 32.w,top: 24.h),
+              padding: EdgeInsets.only(left: 32.w, top: 24.h),
               child: Row(
                 crossAxisAlignment: CrossAxisAlignment.end,
                 children: [
@@ -98,17 +104,12 @@ class MonitoringMetricCard extends StatelessWidget {
                   ),
                 ],
               ),
-            
             ),
             SizedBox(height: 22.h),
             Container(
               width: 220.w,
-            margin: EdgeInsets.only(left: 32.w,),
-            decoration: BoxDecoration(
-              // border: Border.all(
-              //   color: Colors.red,
-              //   width: 1.w
-              // )
+              margin: EdgeInsets.only(
+                left: 32.w,
               ),
               child: Stack(
                 clipBehavior: Clip.none,
@@ -117,7 +118,7 @@ class MonitoringMetricCard extends StatelessWidget {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Text(
-                      "设定24"+metric.unit,
+                        '设定24${metric.unit}',
                         style: TextStyle(
                           color: Colors.white,
                           fontSize: 24.sp,
@@ -159,6 +160,7 @@ class MonitoringMetricCard extends StatelessWidget {
             )
           ],
         ),
+      ),
     );
   }