wangxiaowei/chazhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化包间状态显示

Browse Source
This commit is contained in:
wangxiaowei
2026-01-10 19:06:20 +08:00
parent c2e729838f
commit 446f1ecc3d
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/reserve/RoomList.vue
View File

@ -34,21 +34,15 @@
<wd-radio checked-color="#4C9F44" size='large' shape="dot" :value="index"></wd-radio> <wd-radio checked-color="#4C9F44" size='large' shape="dot" :value="index"></wd-radio>
</view> </view>
<view v-if="!isUseCoupon"> <view v-if="!isUseCoupon" class="flex flex-col justify-end items-end">
<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 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="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 class="bg-[#4C9F44] font-400 text-26rpx text-[#fff] h-40rpx wait2-border">预定</view>
</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">使用中</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="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-200rpx text-right mt-8rpx" v-if="item.people_number">{{ item.people_number }}</view>
<!-- <view class="font-400 text-22rpx text-[#6A6363] leading-32rpx w-104rpx text-center mt-8rpx">推荐1-5人</view> -->
</view> </view>
</view> </view>
</view> </view>
@ -126,6 +120,15 @@
const spec = ref<boolean>(true) const spec = ref<boolean>(true)
// 房间状态枚举
enum RoomStatus {
WAIT_CLEANING = 1, // 待打扫 - 灰色
AVAILABLE = 2, // 空闲中 - 绿色
MAINTENANCE = 3, // 维护中 - 红色
CLEANING = 4, // 打扫中 - 橙色
IN_USE = 5, // 使用中 - 蓝色
}
// 使用团购优惠券选择的包间 // 使用团购优惠券选择的包间
const couponRoomIndex = ref<number>(-1) const couponRoomIndex = ref<number>(-1)