From 4e5b399038c132730f28dbe162bed482eff11a71 Mon Sep 17 00:00:00 2001
From: wangxiaoxian <1094175543@qq.com>
Date: Sun, 8 Mar 2026 19:16:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/rental/Detail.vue | 2 +-
 src/views/rental/List.vue   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/rental/Detail.vue b/src/views/rental/Detail.vue
index 2fadd39..cad8be0 100644
--- a/src/views/rental/Detail.vue
+++ b/src/views/rental/Detail.vue
@@ -6,7 +6,7 @@
           <span>房屋详情</span>
           <div class="action-buttons">
             <el-button v-if="room.status === 'empty' || room.status === 'reserved'" type="primary" size="small" @click="handleRent">租房</el-button>
-            <el-button v-if="room.status === 'empty'" type="info" size="small" @click="handleReserve">预订</el-button>
+            <el-button v-if="room.status === 'empty'" type="warning" size="small" @click="handleReserve">预订</el-button>
             <el-button v-if="room.status === 'reserved'" type="warning" size="small" @click="handleCancelReserve">取消预订</el-button>
             <el-button v-if="room.status === 'rented'" type="warning" size="small" @click="handleCheckout">退房</el-button>
             <el-button v-if="!room.otherStatus || room.otherStatus === ''" type="info" size="small" @click="handleCleaning">打扫</el-button>
diff --git a/src/views/rental/List.vue b/src/views/rental/List.vue
index 631b1de..4984b6a 100644
--- a/src/views/rental/List.vue
+++ b/src/views/rental/List.vue
@@ -424,6 +424,11 @@ export default {
 
 /* 状态样式 */
 .status-empty {
+  border-color: #dcdfe6;
+  background-color: #ffffff;
+}
+
+.status-reserved {
   border-color: #dcdfe6;
   background-color: #f5f7fa;
 }