.

lib/routes/app_router.dart

@@ -22,5 +22,6 @@ class AppRouter extends $AppRouter {
         AutoRoute(page: SearchRoute.page),
         AutoRoute(page: AbnormalDetailRoute.page),
         AutoRoute(page:DeviceDetailRoute.page),
+        AutoRoute(page: ServiceRoomDetailRoute.page),
       ];
 }

lib/views/service/index/child/room_management_block.dart

@@ -3,18 +3,14 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:smart_hotel_app/views/service/index/controller.dart';
 
 class RoomManagementBlock extends StatefulWidget {
-  final ServiceIndexController controller;
-
-  const RoomManagementBlock({
-    super.key,
-    required this.controller,
-  });
+  const RoomManagementBlock({super.key});
 
   @override
   State<RoomManagementBlock> createState() => _RoomManagementBlockState();
 }
 
 class _RoomManagementBlockState extends State<RoomManagementBlock> {
+  late final ServiceIndexController _controller;
   String _selectedFloor = '1楼';
   String _selectedType = '客房';
   String? _selectedRoom;
@@ -25,17 +21,14 @@ class _RoomManagementBlockState extends State<RoomManagementBlock> {
   @override
   void initState() {
     super.initState();
+    _controller = ServiceIndexController(context);
   }
 
-  @override
-  void dispose() {
-    _searchController.dispose();
-    _scrollController.dispose();
-    super.dispose();
-  }
+
+ 
 
   List<Map<String, dynamic>> _getFilteredRooms() {
-    final allRooms = widget.controller.getRoomsByFloor(_selectedFloor);
+    final allRooms = _controller.getRoomsByFloor(_selectedFloor);
     if (_searchText.isEmpty) {
       return allRooms;
     }
@@ -111,7 +104,7 @@ class _RoomManagementBlockState extends State<RoomManagementBlock> {
   }
 
   Widget _buildFloorSelector() {
-    final floors = widget.controller.getFloors();
+    final floors = _controller.getFloors();
     return SingleChildScrollView(
       scrollDirection: Axis.horizontal,
       child: Row(
@@ -419,7 +412,7 @@ class _RoomManagementBlockState extends State<RoomManagementBlock> {
             ),
             onPressed: () {
               if (_selectedRoom != null) {
-                widget.controller.powerOnRoom(_selectedRoom!);
+                _controller.powerOnRoom(_selectedRoom!);
               } else {
                 _showMessage('请先选择房间');
               }
@@ -450,7 +443,7 @@ class _RoomManagementBlockState extends State<RoomManagementBlock> {
             ),
             onPressed: () {
               if (_selectedRoom != null) {
-                widget.controller.powerOffRoom(_selectedRoom!);
+                _controller.powerOffRoom(_selectedRoom!);
               } else {
                 _showMessage('请先选择房间');
               }
@@ -481,7 +474,7 @@ class _RoomManagementBlockState extends State<RoomManagementBlock> {
             ),
             onPressed: () {
               if (_selectedRoom != null) {
-                widget.controller.viewRoom(_selectedRoom!);
+                _controller.viewRoom(_selectedRoom!);
               } else {
                 _showMessage('请先选择房间');
               }

lib/views/service/index/controller.dart

 import 'dart:math';
 
+import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:smart_hotel_app/routes/app_router.gr.dart';
 
 class ServiceIndexController {
   final BuildContext context;
 
   ServiceIndexController(this.context);
 
+  Map<String, List<Map<String, dynamic>>>? _roomCache;
+
   int getPendingCount() {
     // 获取待响应需求数量
     return 2;
@@ -28,8 +32,7 @@ class ServiceIndexController {
   }
 
   List<Map<String, dynamic>> getRoomsByFloor(String floor) {
-    // 根据楼层获取房间列表
-    final roomData = {
+    _roomCache ??= {
       '1楼': _generateRooms(1, 40),
       '2楼': _generateRooms(2, Random().nextInt(41) + 10),
       '3楼': _generateRooms(3, Random().nextInt(41) + 10),
@@ -38,7 +41,7 @@ class ServiceIndexController {
       '6楼': _generateRooms(6, Random().nextInt(41) + 10),
     };
 
-    return roomData[floor] ?? [];
+    return _roomCache![floor] ?? [];
   }
 
   List<Map<String, dynamic>> _generateRooms(int floor, int count) {
@@ -70,6 +73,6 @@ class ServiceIndexController {
 
   void viewRoom(String roomNumber) {
     // 查看房间详情
-    print('查看 $roomNumber 号房详情');
+    context.pushRoute(ServiceRoomDetailRoute(roomNumber: roomNumber));
   }
 }
\ No newline at end of file

lib/views/service/index/index_view.dart

@@ -40,7 +40,7 @@ class _ServiceIndexViewState extends State<ServiceIndexView> {
                   ServiceHeadBlock(),
                   ServiceStatsBlock(),
                   SizedBox(height: 10.h),
-                  RoomManagementBlock(controller: _controller),
+                  RoomManagementBlock(),
                   SizedBox(height: 10.h),
                 ],
               ),

lib/views/service/room/child/room_info_block.dart

+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:smart_hotel_app/views/service/room/controller.dart';
+
+class RoomInfoBlock extends StatefulWidget {
+  final ServiceRoomController controller;
+
+  const RoomInfoBlock({
+    super.key,
+    required this.controller,
+  });
+
+  @override
+  State<RoomInfoBlock> createState() => _RoomInfoBlockState();
+}
+
+class _RoomInfoBlockState extends State<RoomInfoBlock> {
+  @override
+  Widget build(BuildContext context) {
+    final roomDetail = widget.controller.getRoomDetail();
+    final guestName = roomDetail['guestName'] as String?;
+    final checkInDate = roomDetail['checkInDate'] as String?;
+    final checkOutDate = roomDetail['checkOutDate'] as String?;
+    final status = roomDetail['status'] as String;
+
+    Color statusColor;
+    Color statusBgColor;
+
+    switch (status) {
+      case '入住中':
+        statusColor = Color.fromRGBO(59, 130, 246, 1);
+        statusBgColor = Color.fromRGBO(59, 130, 246, 0.2);
+        break;
+      case '待清洁':
+        statusColor = Color.fromRGBO(246, 158, 11, 1);
+        statusBgColor = Color.fromRGBO(246, 158, 11, 0.2);
+        break;
+      case '空闲':
+      default:
+        statusColor = Color.fromRGBO(34, 197, 94, 1);
+        statusBgColor = Color.fromRGBO(34, 197, 94, 0.2);
+        break;
+    }
+
+    return Container(
+      width: double.infinity,
+      margin: EdgeInsets.symmetric(horizontal: 20.w),
+      padding: EdgeInsets.all(20.w),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(20.r),
+        color: Color.fromRGBO(30, 41, 59, 1),
+        border: Border.all(
+          color: Color.fromRGBO(71, 85, 105, 1),
+          width: 1.w,
+        ),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: 80.w,
+            height: 80.w,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(20.r),
+              color: Color.fromRGBO(51, 65, 85, 1),
+            ),
+            child: Icon(
+              Icons.bed,
+              color: statusColor,
+              size: 40.sp,
+            ),
+          ),
+          SizedBox(width: 20.w),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Row(
+                  children: [
+                    Text(
+                      roomDetail['roomNumber'] as String,
+                      style: TextStyle(
+                        fontSize: 24.sp,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white,
+                      ),
+                    ),
+                    SizedBox(width: 15.w),
+                    Container(
+                      padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 5.h),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(8.r),
+                        color: statusBgColor,
+                      ),
+                      child: Text(
+                        status,
+                        style: TextStyle(
+                          fontSize: 14.sp,
+                          color: statusColor,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+                SizedBox(height: 10.h),
+                if (guestName != null && checkInDate != null && checkOutDate != null)
+                  Text(
+                    '$guestName · $checkInDate-$checkOutDate · ${roomDetail['roomType']}',
+                    style: TextStyle(
+                      fontSize: 14.sp,
+                      color: Colors.grey,
+                    ),
+                  )
+                else
+                  Text(
+                    roomDetail['roomType'] as String,
+                    style: TextStyle(
+                      fontSize: 14.sp,
+                      color: Colors.grey,
+                    ),
+                  ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/views/service/room/controller.dart

+import 'package:flutter/material.dart';
+
+class ServiceRoomController {
+  final BuildContext context;
+  final String? roomNumber;
+
+  ServiceRoomController(this.context, {this.roomNumber});
+
+  Map<String, dynamic> getRoomDetail() {
+    final statuses = ['空闲', '入住中', '待清洁'];
+    final roomTypes = ['标准大床房', '豪华双床房', '商务套房', '总统套房'];
+    final guestNames = ['张先生', '李女士', '王先生', '赵女士', '刘先生'];
+    final months = ['5月', '6月', '7月', '8月'];
+
+    final num = roomNumber ?? '302';
+    final numInt = int.tryParse(num) ?? 302;
+    final statusIndex = numInt % 3;
+    final typeIndex = numInt % 4;
+    final guestIndex = numInt % 5;
+    final monthIndex = (numInt ~/ 100) % 4;
+
+    return {
+      'roomNumber': num,
+      'status': statuses[statusIndex],
+      'guestName': statusIndex == 0 ? null : guestNames[guestIndex],
+      'checkInDate': statusIndex == 0 ? null : '${months[monthIndex]}${(numInt % 20) + 1}日',
+      'checkOutDate': statusIndex == 0 ? null : '${months[monthIndex]}${(numInt % 20) + 3}日',
+      'roomType': roomTypes[typeIndex],
+    };
+  }
+}
\ No newline at end of file

lib/views/service/room/room_detail_view.dart

+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:smart_hotel_app/views/service/room/child/room_info_block.dart';
+import 'package:smart_hotel_app/views/service/room/controller.dart';
+
+@RoutePage()
+class ServiceRoomDetailView extends StatefulWidget {
+  final String? roomNumber;
+
+  const ServiceRoomDetailView({super.key, this.roomNumber});
+
+  @override
+  State<ServiceRoomDetailView> createState() => _ServiceRoomDetailViewState();
+}
+
+class _ServiceRoomDetailViewState extends State<ServiceRoomDetailView> {
+  late final ServiceRoomController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = ServiceRoomController(context, roomNumber: widget.roomNumber);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    
+    return Scaffold(
+      backgroundColor: Color.fromRGBO(15, 23, 42, 1),
+      appBar: AppBar(
+        backgroundColor: Color.fromRGBO(15, 23, 42, 1),
+        elevation: 0,
+        leading: IconButton(
+          icon: Icon(Icons.arrow_back, color: Colors.white),
+          onPressed: () {
+            context.popRoute();
+          },
+        ),
+        title: Text(
+          '${widget.roomNumber ?? '客房'}详情',
+          style: TextStyle(
+            color: Colors.white,
+            fontSize: 18.sp,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        centerTitle: true,
+      ),
+      body: SingleChildScrollView(
+        child: Column(
+          children: [ 
+            SizedBox(height: 20.h),
+            RoomInfoBlock(controller: _controller),
+          ],
+        ),
+      ), 
+    );
+  }
+}
\ No newline at end of file