From 446f1ecc3d9e85b0fe41a9c7df0ea7a879f5418c Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Sat, 10 Jan 2026 19:06:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8C=85=E9=97=B4=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/reserve/RoomList.vue | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/reserve/RoomList.vue b/src/components/reserve/RoomList.vue
index 1405c84..83a9b41 100644
--- a/src/components/reserve/RoomList.vue
+++ b/src/components/reserve/RoomList.vue
@@ -34,21 +34,15 @@
                                 <wd-radio checked-color="#4C9F44" size='large' shape="dot" :value="index"></wd-radio>
                             </view>
 
-                            <view v-if="!isUseCoupon">
-                                <view 
-                                    class="w-104rpx h-52rpx mt-16rpx text-26rpx font-400 text-[#4C9F44] leading-52rpx text-center border-[2rpx] border-[#4C9F44] rounded-10rpx" 
-                                    @click="RoomList.handleToPage(ReserveServiceCategory.ReserveRoom, item.store_id, item.id, item.price)">
-                                        预定
-                                </view>
+                            <view v-if="!isUseCoupon" class="flex flex-col justify-end items-end">
                                 <!-- 预定状态 -->
-                                <!-- <view class="flex flex-col justify-center items-center w-108rpx" @click="RoomList.handleToPage(ReserveServiceCategory.ReserveRoom, item.store_id, item.id, item.price)">
+                                <view class="flex flex-col justify-center items-center w-108rpx" @click="RoomList.handleToPage(ReserveServiceCategory.ReserveRoom, item.store_id, item.id, item.price)" v-if="item.status === RoomStatus.AVAILABLE">
                                     <view class="font-bold text-26rpx leading-36rpx text-[#4C9F44] h-40rpx wait1-border">空闲中</view>
                                     <view class="bg-[#4C9F44] font-400 text-26rpx text-[#fff] h-40rpx wait2-border">预定</view>
-                                </view> -->
-
-                                <!-- <view class="w-108rpx h-52rpx leading-52rpx border-2rpx border-solid border-[#F29747] rounded-8rpx text-[#F29747] font-bold text-26rpx text-center">使用中</view> -->
-                                <!-- <view class="w-108rpx h-52rpx leading-52rpx border-2rpx border-solid border-[#FF5951] rounded-8rpx text-[#FF5951] font-bold text-26rpx text-center">维护中</view> -->
-                                <!-- <view class="font-400 text-22rpx text-[#6A6363] leading-32rpx w-104rpx text-center mt-8rpx">推荐1-5人</view> -->
+                                </view>
+                                <view class="w-108rpx h-52rpx leading-52rpx border-2rpx border-solid border-[#FF5951] rounded-8rpx text-[#FF5951] font-bold text-26rpx text-center" v-if="item.status === RoomStatus.MAINTENANCE">维护中</view>
+                                <view class="w-108rpx h-52rpx leading-52rpx border-2rpx border-solid border-[#F29747] rounded-8rpx text-[#F29747] font-bold text-26rpx text-center" v-if="item.status === RoomStatus.IN_USE">使用中</view>
+                                <view class="font-400 text-22rpx text-[#6A6363] leading-32rpx w-200rpx text-right mt-8rpx" v-if="item.people_number">{{ item.people_number }}</view>
                             </view>
                         </view>
                     </view>
@@ -126,6 +120,15 @@
 
     const spec = ref<boolean>(true)
 
+    // 房间状态枚举
+    enum RoomStatus {
+        WAIT_CLEANING = 1, // 待打扫 - 灰色
+        AVAILABLE = 2, // 空闲中 - 绿色
+        MAINTENANCE = 3, // 维护中 - 红色
+        CLEANING = 4, // 打扫中 - 橙色
+        IN_USE = 5, // 使用中 - 蓝色
+    }
+
     // 使用团购优惠券选择的包间
     const couponRoomIndex = ref<number>(-1)