Merge branch 'master' of http://git.ruanyiit.com/zhanghong/laki_icu_app

lib/blocs/device_control/device_control_bloc.dart

@@ -122,6 +122,9 @@ class DeviceControlBloc
   final BleBluetoothManager _bluetoothManager;
   final StorageService _storageService;
   final McuReportFrameDecoder _mcuReportDecoder;
+  static const Duration _careLevelPendingTimeout = Duration(seconds: 5);
+  int? _pendingCareLevelProtocolValue;
+  DateTime? _pendingCareLevelSince;
   late final StreamSubscription<McuReportChangedEvent> _mcuReportSub;
   late final StreamSubscription<BluetoothDataPacket> _bluetoothDataSub;
 
@@ -220,6 +223,7 @@ class DeviceControlBloc
       'co2Set=${report.co2Setting} '
       'sn=${report.sn.isEmpty ? '<EMPTY>' : report.sn}',
     );
+    final reportCareLevel = _careLevelFromReportValue(report.levelLight);
     final newData = state.data.copyWith(
       sn: report.sn.isEmpty ? state.data.sn : report.sn,
       cabinTemp: state.data.cabinTemp.copyWith(
@@ -250,6 +254,11 @@ class DeviceControlBloc
           state.data.co2Concentration.alarmThreshold,
         ),
       ),
+      careLevel: reportCareLevel == null
+          ? state.data.careLevel
+          : state.data.careLevel.copyWith(
+              currentLevel: reportCareLevel,
+            ),
     );
     emit(state.copyWith(data: newData, clearError: true));
 
@@ -683,6 +692,8 @@ class DeviceControlBloc
     DeviceControlCareLevelChanged event,
     Emitter<DeviceControlState> emit,
   ) async {
+    final protocolValue = _careLevelProtocolValue(event.level);
+    _markCareLevelPending(protocolValue);
     final newData = state.data.copyWith(
       careLevel: state.data.careLevel.copyWith(
         currentLevel: event.level,
@@ -695,10 +706,11 @@ class DeviceControlBloc
     ));
     await _writeControlValueToBluetooth(
       identifier: 0xA8,
-      setValue: '${_careLevelProtocolValue(event.level)}',
+      setValue: '$protocolValue',
       errorPrefix: '护理等级',
       emit: emit,
     );
+    eventBus.emit(CareLevelChangedEvent(protocolValue));
   }
 
   // ==================== 新风进化控制事件处理 ====================
@@ -1110,6 +1122,52 @@ class DeviceControlBloc
     }
   }
 
+  CareLevel? _careLevelFromProtocolValue(int value) {
+    switch (value) {
+      case 0:
+        return CareLevel.off;
+      case 1:
+        return CareLevel.level3;
+      case 2:
+        return CareLevel.level2;
+      case 3:
+        return CareLevel.level1;
+      case 4:
+        return CareLevel.special;
+    }
+    return null;
+  }
+
+  CareLevel? _careLevelFromReportValue(int value) {
+    final pendingValue = _pendingCareLevelProtocolValue;
+    final pendingSince = _pendingCareLevelSince;
+    if (pendingValue != null && pendingSince != null) {
+      final isPendingFresh =
+          DateTime.now().difference(pendingSince) < _careLevelPendingTimeout;
+      if (isPendingFresh && value != pendingValue) {
+        Log.warn(
+          '🔥🔥🔥 BLE_READ_DEBUG care_level_report_ignored '
+          'pending=$pendingValue report=$value',
+        );
+        return null;
+      }
+      if (value == pendingValue || !isPendingFresh) {
+        _clearPendingCareLevel();
+      }
+    }
+    return _careLevelFromProtocolValue(value);
+  }
+
+  void _markCareLevelPending(int protocolValue) {
+    _pendingCareLevelProtocolValue = protocolValue;
+    _pendingCareLevelSince = DateTime.now();
+  }
+
+  void _clearPendingCareLevel() {
+    _pendingCareLevelProtocolValue = null;
+    _pendingCareLevelSince = null;
+  }
+
   List<int>? _buildControlValueCommand({
     required int identifier,
     required String setValue,

lib/models/bo/monitoring_bo.dart

@@ -102,9 +102,42 @@ class PatientInfoBO extends Equatable {
     );
   }
 
+  PatientInfoBO copyWith({
+    String? name,
+    String? type,
+    String? phone,
+    String? breed,
+    String? doctor,
+    String? disease,
+    String? checkInDate,
+    String? careLevel,
+    String? avatarUrl,
+  }) {
+    return PatientInfoBO(
+      name: name ?? this.name,
+      type: type ?? this.type,
+      phone: phone ?? this.phone,
+      breed: breed ?? this.breed,
+      doctor: doctor ?? this.doctor,
+      disease: disease ?? this.disease,
+      checkInDate: checkInDate ?? this.checkInDate,
+      careLevel: careLevel ?? this.careLevel,
+      avatarUrl: avatarUrl ?? this.avatarUrl,
+    );
+  }
+
   @override
-  List<Object?> get props =>
-      [name, type, phone, breed, doctor, disease, checkInDate, careLevel, avatarUrl];
+  List<Object?> get props => [
+        name,
+        type,
+        phone,
+        breed,
+        doctor,
+        disease,
+        checkInDate,
+        careLevel,
+        avatarUrl
+      ];
 }
 
 /// 用途：首页监护舱告警信息展示数据

lib/utils/event_bus.dart

@@ -58,3 +58,10 @@ class DeviceSensorAlarmEvent {
 
   const DeviceSensorAlarmEvent({required this.sn, this.alarmInfo});
 }
+
+// 护理等级更新事件
+class CareLevelChangedEvent {
+  final int protocolValue;
+
+  const CareLevelChangedEvent(this.protocolValue);
+}

lib/views/monitoring/index/cubit/monitoring_index_state.dart

@@ -18,6 +18,7 @@ class MonitoringIndexState extends Equatable {
   final String? error;
   final List<MonitoringMetricBO> metrics;
   final PatientInfoBO? patientInfo;
+  final String? currentCareLevel;
   final List<AlertInfoBO> alerts;
 
   /// WebRTC 视频连接状态
@@ -89,6 +90,7 @@ class MonitoringIndexState extends Equatable {
     this.error,
     this.metrics = const [],
     this.patientInfo,
+    this.currentCareLevel,
     this.alerts = const [],
     this.cameraAlerts = const [],
     this.videoConnectionState = WebrtcConnectionState.disconnected,
@@ -119,6 +121,7 @@ class MonitoringIndexState extends Equatable {
     String? error,
     List<MonitoringMetricBO>? metrics,
     PatientInfoBO? patientInfo,
+    String? currentCareLevel,
     List<AlertInfoBO>? alerts,
     List<AlertInfoBO>? cameraAlerts,
     WebrtcConnectionState? videoConnectionState,
@@ -144,6 +147,7 @@ class MonitoringIndexState extends Equatable {
     bool clearBoundBluetoothDevice = false,
     bool clearLatestMcuReport = false,
     bool clearPatientInfo = false,
+    bool clearCurrentCareLevel = false,
     bool clearMqttDeviceSn = false,
     bool clearSelectedAlert = false,
   }) {
@@ -153,6 +157,9 @@ class MonitoringIndexState extends Equatable {
       error: error ?? this.error,
       metrics: metrics ?? this.metrics,
       patientInfo: clearPatientInfo ? null : patientInfo ?? this.patientInfo,
+      currentCareLevel: clearCurrentCareLevel
+          ? null
+          : currentCareLevel ?? this.currentCareLevel,
       alerts: alerts ?? this.alerts,
       cameraAlerts: cameraAlerts ?? this.cameraAlerts,
       videoConnectionState: videoConnectionState ?? this.videoConnectionState,
@@ -183,9 +190,8 @@ class MonitoringIndexState extends Equatable {
           clearMqttDeviceSn ? null : mqttDeviceSn ?? this.mqttDeviceSn,
       cabinCameraSn: cabinCameraSn ?? this.cabinCameraSn,
       cabinWifiPwd: cabinWifiPwd ?? this.cabinWifiPwd,
-      selectedAlert: clearSelectedAlert
-          ? null
-          : selectedAlert ?? this.selectedAlert,
+      selectedAlert:
+          clearSelectedAlert ? null : selectedAlert ?? this.selectedAlert,
     );
   }
 
@@ -218,6 +224,7 @@ class MonitoringIndexState extends Equatable {
         error,
         metrics,
         patientInfo,
+        currentCareLevel,
         alerts,
         cameraAlerts,
         videoConnectionState,

lib/views/monitoring/index/monitoring_index_view.dart

@@ -8,7 +8,6 @@ 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 'cubit/monitoring_index_cubit.dart';
 import 'cubit/monitoring_index_state.dart';
 import 'widgets/bluetooth_bind_dialog.dart';
@@ -41,6 +40,7 @@ class MonitoringIndexContent extends StatefulWidget {
 class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
   late final MonitoringIndexCubit _monitoringIndexCubit;
   StreamSubscription<OpenBluetoothScanEvent>? _bluetoothScanEventSub;
+
   /// 正在弹出框展示的告警，为空表示当前没有弹窗
   AlertInfoBO? _currentDialogAlert;
 
@@ -107,6 +107,7 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
           flex: 26,
           child: MonitoringPetInfoCard(
             patientInfo: state.patientInfo,
+            currentCareLevel: state.currentCareLevel,
             onExit: () => _monitoringIndexCubit.clearPatientInfo(),
             onBindPet: () => _monitoringIndexCubit.setTestPatientInfo(),
           ),
@@ -189,7 +190,8 @@ class _MonitoringIndexContentState extends State<MonitoringIndexContent> {
               height: 62.h,
               decoration: const BoxDecoration(
                 image: DecorationImage(
-                  image: AssetImage('lib/assets/monitoring/title_bg_spacewalk.png'),
+                  image: AssetImage(
+                      'lib/assets/monitoring/title_bg_spacewalk.png'),
                   fit: BoxFit.cover,
                 ),
               ),

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

@@ -3,15 +3,16 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 import 'package:laki_icu_app/models/bo/monitoring_bo.dart';
 
-
 class MonitoringPetInfoCard extends StatelessWidget {
   final PatientInfoBO? patientInfo;
+  final String? currentCareLevel;
   final VoidCallback? onExit;
   final VoidCallback? onBindPet;
 
   const MonitoringPetInfoCard({
     super.key,
     required this.patientInfo,
+    this.currentCareLevel,
     this.onExit,
     this.onBindPet,
   });
@@ -20,15 +21,21 @@ class MonitoringPetInfoCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       decoration: BoxDecoration(
-        image: DecorationImage(image: AssetImage('lib/assets/monitoring/box_bg_460x905.png'),fit: BoxFit.fill),
+        image: DecorationImage(
+            image: AssetImage('lib/assets/monitoring/box_bg_460x905.png'),
+            fit: BoxFit.fill),
         // border: Border.all(color: Colors.red,width: 1.w)
       ),
-      padding: EdgeInsets.only(left: 40.w,right: 40.w, top: 32.h),
-      child: patientInfo == null ? _buildEmpty() : _buildContent(patientInfo!),
+      padding: EdgeInsets.only(left: 40.w, right: 40.w, top: 32.h),
+      child: patientInfo == null
+          ? _buildEmpty(currentCareLevel)
+          : _buildContent(patientInfo!),
     );
   }
 
-  Widget _buildEmpty() {
+  Widget _buildEmpty(String? careLevel) {
+    final displayCareLevel =
+        careLevel == null || careLevel.isEmpty ? '暂无' : careLevel;
     return Column(
       children: [
         SizedBox(height: 10.h),
@@ -101,7 +108,7 @@ class MonitoringPetInfoCard extends StatelessWidget {
             ),
             SizedBox(height: 41.h),
             Text(
-              '暂无',
+              displayCareLevel,
               style: TextStyle(
                 color: Colors.white,
                 fontSize: 64.sp,
@@ -110,111 +117,43 @@ class MonitoringPetInfoCard extends StatelessWidget {
               ),
             ),
             SizedBox(height: 55.h),
-            // 进度条
-            Container(
-              padding: EdgeInsets.symmetric(horizontal: 4.w),
-              decoration: BoxDecoration(
-                color: const Color(0xFF0A1A2E),
-                borderRadius: BorderRadius.circular(6.r),
-              ),
-              child: Row(
-                children: [
-                  Expanded(
-                    child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 2.w),
-                      height: 10.h,
-                      decoration: BoxDecoration(
-                        color: const Color(0xFFFFFFFF),
-                        borderRadius: BorderRadius.circular(2.r),
-                        boxShadow: const [
-                          BoxShadow(
-                            color: Color(0x99FFFFFF),
-                            blurRadius: 6,
-                          ),
+            _buildLevelBar(displayCareLevel),
           ],
         ),
-                    ),
-                  ),
-                  Expanded(
-                    child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 2.w),
-                      height: 10.h,
-                      decoration: BoxDecoration(
-                        color: const Color(0xFF25E5B0).withOpacity(0.3),
-                        borderRadius: BorderRadius.circular(2.r),
-                      ),
-                    ),
-                  ),
-                  Expanded(
-                    child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 2.w),
-                      height: 10.h,
-                      decoration: BoxDecoration(
-                        color: const Color(0xFFFFB347).withOpacity(0.3),
-                        borderRadius: BorderRadius.circular(2.r),
-                      ),
-                    ),
-                  ),
-                  Expanded(
+        SizedBox(height: 26.h),
+        // 绑定宠物按钮
+        GestureDetector(
+          onTap: onBindPet,
           child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 2.w),
-                      height: 10.h,
-                      decoration: BoxDecoration(
-                        color: const Color(0xFFFF7A4D).withOpacity(0.3),
-                        borderRadius: BorderRadius.circular(2.r),
-                      ),
-                    ),
+            width: double.infinity,
+            height: 140.h,
+            decoration: const BoxDecoration(
+              image: DecorationImage(
+                image:
+                    AssetImage('lib/assets/monitoring/title_bg_spacewalk.png'),
+                fit: BoxFit.fill,
               ),
-                  Expanded(
-                    child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 2.w),
-                      height: 10.h,
-                      decoration: BoxDecoration(
-                        color: const Color(0xFFFF4E4E).withOpacity(0.3),
-                        borderRadius: BorderRadius.circular(2.r),
             ),
+            child: Center(
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  SizedBox(width: 24.w),
+                  Text(
+                    '绑定宠物',
+                    style: TextStyle(
+                      color: Colors.white,
+                      fontSize: 32.sp,
+                      fontWeight: FontWeight.w700,
+                      letterSpacing: 4.w,
                     ),
                   ),
+                  SizedBox(width: 24.w),
                 ],
               ),
             ),
-          ],
           ),
-        SizedBox(height: 26.h),
-        // 绑定宠物按钮
-        // GestureDetector(
-        //   onTap: onBindPet,
-        //   child: Container(
-        //     width: double.infinity,
-        //     height: 140.h,
-        //     decoration: const BoxDecoration(
-        //       image: DecorationImage(
-        //         image: AssetImage('lib/assets/monitoring/title_bg_spacewalk.png'),
-        //         fit: BoxFit.fill,
-        //       ),
-        //     ),
-        //     child: Center(
-        //       child: Row(
-        //         mainAxisAlignment: MainAxisAlignment.center,
-        //         children: [
-                   
-        //           SizedBox(width: 24.w),
-        //           Text(
-        //             '绑定宠物',
-        //             style: TextStyle(
-        //               color: Colors.white,
-        //               fontSize: 32.sp,
-        //               fontWeight: FontWeight.w700,
-        //               letterSpacing: 4.w,
-        //             ),
-        //           ),
-        //           SizedBox(width: 24.w),
-                  
-        //         ],
-        //       ),
-        //     ),
-        //   ),
-        // ),
+        ),
       ],
     );
   }
@@ -234,7 +173,6 @@ class MonitoringPetInfoCard extends StatelessWidget {
         SizedBox(height: 30.h),
         _buildCareLevelBlock(info),
         SizedBox(height: 25.h),
-        
         _buildExitButton(),
       ],
     );
@@ -358,7 +296,8 @@ class MonitoringPetInfoCard extends StatelessWidget {
   Widget _buildInfoBlock(PatientInfoBO info) {
     return Column(
       children: [
-        _buildInfoItem(Icons.description_outlined, '宠物病因', _truncate(info.disease)),
+        _buildInfoItem(
+            Icons.description_outlined, '宠物病因', _truncate(info.disease)),
         SizedBox(height: 20.h),
         _buildInfoItem(Icons.home_outlined, '入住时间', info.checkInDate),
         SizedBox(height: 20.h),
@@ -433,12 +372,12 @@ class MonitoringPetInfoCard extends StatelessWidget {
           ],
         ),
         SizedBox(height: 49.h),
-        _buildLevelBar(),
+        _buildLevelBar(info.careLevel),
       ],
     );
   }
 
-  Widget _buildLevelBar() {
+  Widget _buildLevelBar(String careLevel) {
     const segments = [
       Color(0xFFFFFFFF),
       Color(0xFF25E5B0),
@@ -453,6 +392,7 @@ class MonitoringPetInfoCard extends StatelessWidget {
       Color(0x99FF7A4D),
       Color(0x99FF4E4E),
     ];
+    final activeIndex = _careLevelIndex(careLevel);
     return Container(
       padding: EdgeInsets.symmetric(horizontal: 4.w),
       decoration: BoxDecoration(
@@ -468,14 +408,18 @@ class MonitoringPetInfoCard extends StatelessWidget {
                     margin: EdgeInsets.symmetric(horizontal: 2.w),
                     height: 10.h,
                     decoration: BoxDecoration(
-                      color: entry.value,
+                      color: entry.key <= activeIndex
+                          ? entry.value
+                          : const Color(0xFF6A7481),
                       borderRadius: BorderRadius.circular(2.r),
-                      boxShadow: [
+                      boxShadow: entry.key <= activeIndex
+                          ? [
                               BoxShadow(
                                 color: shadowColors[entry.key],
                                 blurRadius: 6,
                               ),
-                      ],
+                            ]
+                          : null,
                     ),
                   ),
                 ))
@@ -484,6 +428,22 @@ class MonitoringPetInfoCard extends StatelessWidget {
     );
   }
 
+  int _careLevelIndex(String careLevel) {
+    switch (careLevel) {
+      case '关闭':
+        return 0;
+      case '三级':
+        return 1;
+      case '二级':
+        return 2;
+      case '一级':
+        return 3;
+      case '特级':
+        return 4;
+    }
+    return 0;
+  }
+
   Widget _buildExitButton() {
     return GestureDetector(
       onTap: onExit,

lib/views/settings/about/widgets/settings_about_panel.dart

@@ -15,14 +15,14 @@ class SettingsAboutPanel extends StatelessWidget {
   Widget build(BuildContext context) {
     return SettingsPanelFrame(
       backgroundAsset: settingsAssetPanelMain,
-      padding: EdgeInsets.fromLTRB(42.w, 54.h, 42.w, 48.h),
+      padding: EdgeInsets.fromLTRB(100.w, 80.h, 100.w, 100.h),
       child: BlocBuilder<SettingsIndexCubit, SettingsIndexState>(
         builder: (context, state) {
           return Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
               const _LogoPlaceholder(),
-              SizedBox(height: 62.h),
+              SizedBox(height: 12.h),
               Row(
                 crossAxisAlignment: CrossAxisAlignment.end,
                 children: [
@@ -31,9 +31,9 @@ class SettingsAboutPanel extends StatelessWidget {
                   const _BarcodeCard(),
                 ],
               ),
-              SizedBox(height: 36.h),
+              SizedBox(height: 20.h),
               Divider(color: const Color(0xFF4CA7D2).withValues(alpha: 0.36)),
-              SizedBox(height: 18.h),
+              SizedBox(height: 4.h),
               Expanded(
                 child: Row(
                   children: [
@@ -71,8 +71,8 @@ class _LogoPlaceholder extends StatelessWidget {
   Widget build(BuildContext context) {
     return Center(
       child: Container(
-        width: 855.w,
-        height: 184.h,
+        width: 863.w,
+        height: 150.h,
         color: const Color(0xFFD7D7D7),
         alignment: Alignment.center,
         child: Text(
@@ -155,8 +155,7 @@ class _DeviceInfoColumn extends StatelessWidget {
     return BlocBuilder<BluetoothReadBloc, BluetoothReadState>(
       buildWhen: (previous, current) => previous.info.sn != current.info.sn,
       builder: (context, state) {
-        final sn =
-            state.info.sn?.isNotEmpty == true ? state.info.sn! : 'CNA07212L';
+        final sn = state.info.sn?.isNotEmpty == true ? state.info.sn! : '--';
         return Column(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
           children: [
@@ -239,10 +238,14 @@ class _InfoRow extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
+    return SizedBox(
+      height: 96.h,
+      child: Row(
         children: [
           SizedBox(
             width: 210.w,
+            child: Align(
+              alignment: Alignment.centerLeft,
               child: Text(
                 label,
                 style: TextStyle(
@@ -252,6 +255,7 @@ class _InfoRow extends StatelessWidget {
                 ),
               ),
             ),
+          ),
           Expanded(
             child: Align(
               alignment: Alignment.centerRight,
@@ -269,6 +273,7 @@ class _InfoRow extends StatelessWidget {
             ),
           ),
         ],
+      ),
     );
   }
 }
@@ -282,8 +287,8 @@ class _SelectButton extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       width: 350.w,
-      height: 52.h,
-      decoration: settingsButtonDecoration(),
+      height: 96.h,
+      decoration: settingsButtonDecoration(asset: settingsAssetDDL),
       padding: EdgeInsets.symmetric(horizontal: 28.w),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.end,
@@ -296,12 +301,7 @@ class _SelectButton extends StatelessWidget {
               fontWeight: FontWeight.w700,
             ),
           ),
-          SizedBox(width: 28.w),
-          Icon(
-            Icons.keyboard_arrow_down,
-            color: const Color(0xFF7CCDF0).withValues(alpha: 0.74),
-            size: 30.w,
-          ),
+          SizedBox(width: 100.w)
         ],
       ),
     );

lib/views/settings/widgets/settings_panel_frame.dart

@@ -4,9 +4,10 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 const String settingsAssetPanelLeft =
     'lib/assets/monitoring/box_bg_460x905.png';
 const String settingsAssetPanelMain =
-    'lib/assets/monitoring/box_bg_674x509.png';
-const String settingsAssetButton =
-    'lib/assets/monitoring/frame_button_324x164.png';
+    'lib/assets/settings/frame_panel_3900x2000.png';
+
+const String settingsAssetDDL = 'lib/assets/settings/ddl.png';
+const String settingsAssetButton = 'lib/assets/settings/frame_333x150.png';
 
 class SettingsPanelFrame extends StatelessWidget {
   const SettingsPanelFrame({
@@ -37,10 +38,13 @@ class SettingsPanelFrame extends StatelessWidget {
   }
 }
 
-BoxDecoration settingsButtonDecoration({bool active = false}) {
+BoxDecoration settingsButtonDecoration({
+  bool active = false,
+  String asset = settingsAssetButton,
+}) {
   return BoxDecoration(
-    image: const DecorationImage(
-      image: AssetImage(settingsAssetButton),
+    image: DecorationImage(
+      image: AssetImage(asset),
       fit: BoxFit.fill,
     ),
     boxShadow: active

lib/views/settings/widgets/settings_side_menu.dart

@@ -3,6 +3,10 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 import 'settings_panel_frame.dart';
 
+const String _settingsMenuButtonAsset = 'lib/assets/settings/btn_setmenu.png';
+const String _settingsMenuButtonActiveAsset =
+    'lib/assets/settings/btn_setmenu_active.png';
+
 class SettingsSideMenu extends StatelessWidget {
   const SettingsSideMenu({
     super.key,
@@ -25,7 +29,7 @@ class SettingsSideMenu extends StatelessWidget {
   Widget build(BuildContext context) {
     return SettingsPanelFrame(
       backgroundAsset: settingsAssetPanelLeft,
-      padding: EdgeInsets.fromLTRB(42.w, 48.h, 42.w, 48.h),
+      padding: EdgeInsets.fromLTRB(36.w, 48.h, 36.w, 48.h),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -37,7 +41,7 @@ class SettingsSideMenu extends StatelessWidget {
               fontWeight: FontWeight.w700,
             ),
           ),
-          SizedBox(height: 34.h),
+          SizedBox(height: 30.h),
           Divider(color: const Color(0xFF4CA7D2).withValues(alpha: 0.42)),
           SizedBox(height: 30.h),
           for (final menu in menus) ...[
@@ -46,7 +50,7 @@ class SettingsSideMenu extends StatelessWidget {
               active: menu == selectedMenu,
               onTap: () => onSelected(menu),
             ),
-            SizedBox(height: 22.h),
+            // SizedBox(height: 6.h),
           ],
         ],
       ),
@@ -71,9 +75,10 @@ class _SettingsMenuButton extends StatelessWidget {
       behavior: HitTestBehavior.opaque,
       onTap: onTap,
       child: Container(
-        height: 64.h,
-        padding: EdgeInsets.symmetric(horizontal: 28.w),
-        decoration: settingsButtonDecoration(active: active),
+        width: 388,
+        height: 62,
+        // padding: EdgeInsets.symmetric(horizontal: 10.w),
+        decoration: _settingsMenuButtonDecoration(active: active),
         child: Row(
           children: [
             Expanded(
@@ -82,23 +87,35 @@ class _SettingsMenuButton extends StatelessWidget {
                 textAlign: TextAlign.center,
                 style: TextStyle(
                   color: active ? const Color(0xFFC9F8FF) : Colors.white,
-                  fontSize: 30.sp,
+                  fontSize: 20,
+                  // height: 0.9,
                   fontWeight: FontWeight.w700,
                 ),
               ),
             ),
-            Text(
-              '》》',
-              style: TextStyle(
-                color: const Color(0xFF67C9F5)
-                    .withValues(alpha: active ? 0.72 : 0.36),
-                fontSize: 28.sp,
-                fontWeight: FontWeight.w700,
-              ),
-            ),
           ],
         ),
       ),
     );
   }
 }
+
+BoxDecoration _settingsMenuButtonDecoration({required bool active}) {
+  return BoxDecoration(
+    image: DecorationImage(
+      image: AssetImage(
+        active ? _settingsMenuButtonActiveAsset : _settingsMenuButtonAsset,
+      ),
+      fit: BoxFit.fill,
+    ),
+    boxShadow: active
+        ? [
+            BoxShadow(
+              color: const Color(0xFF45CFFF).withValues(alpha: 0.10),
+              blurRadius: 18.r,
+              spreadRadius: 10.r,
+            ),
+          ]
+        : null,
+  );
+}

pubspec.yaml

@@ -102,6 +102,7 @@ flutter:
     - lib/assets/tab/
     - lib/assets/icon/
     - lib/assets/monitoring/
+    - lib/assets/settings/
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see