茶艺师列表添加状态筛选

This commit is contained in:
wangxiaowei
2026-04-27 10:35:28 +08:00
parent 8e7c1ab6f6
commit 62a62932ea
6 changed files with 93 additions and 21 deletions

View File

@ -151,7 +151,7 @@
<scroll-view scroll-y class="h-900rpx">
<view class="">
<!-- 服务人数 -->
<view class="mx-60rpx mb-56rpx">
<!-- <view class="mx-60rpx mb-56rpx">
<view class="text-32rpx leading-44rpx text-#303133">服务人数</view>
<view class="flex items-center justify-between mt-28rpx">
<view class="text-28rpx leading-40rpx text-#303133">服务人数</view>
@ -159,6 +159,21 @@
<wd-input-number v-model="servicePeople"/>
</view>
</view>
</view> -->
<view class="mx-60rpx mb-56rpx">
<view class="text-32rpx leading-44rpx text-#303133">服务人数</view>
<view class="flex items-center mt-28rpx">
<view class="h-60rpx w-178rpx rounded-30rpx flex items-center justify-center mr-20rpx"
:class="servicePeople === '1-3' ? 'bg-[#4C9F44] text-[#fff]' : 'bg-[#F6F7F8] text-[#606266]'"
@click="Reserve.servicePeopleChange('1-3')">
<text class="text-26rpx leading-36rpx">1人~3人</text>
</view>
<view class="h-60rpx w-178rpx rounded-30rpx flex items-center justify-center"
:class="servicePeople === '4-6' ? 'bg-[#4C9F44] text-[#fff]' : 'bg-[#F6F7F8] text-[#606266]'"
@click="Reserve.servicePeopleChange('4-6')">
<text class="text-26rpx leading-36rpx">4人~6人</text>
</view>
</view>
</view>
<!-- 茶具使用 -->
@ -471,7 +486,7 @@
// 茶艺服务
const showTeaServicePopup = ref<boolean>(false) // 显示门店列表弹窗
const servicePeople = ref<number>(1) // 服务人数
const servicePeople = ref<string>('1-3') // 服务人数
const teaList = ref<ITeaTypeListResult[]>([]) // 茶叶列表
const selectedTea = ref<Array<any>>([]) // 选择的茶叶
const selectedTeaTxt = ref<Array<any>>([]) // 选择的茶叶文本
@ -603,6 +618,14 @@
})
const Reserve = {
/**
* 选择服务人数
* @param type 人数范围 '1-3' 或 '4-6'
*/
servicePeopleChange: (type: string) => {
servicePeople.value = type
},
/**
* 初始化-获取茶叶列表
*/
@ -829,7 +852,7 @@
* 重置差茶艺服务
*/
handleResetTeaService: () => {
servicePeople.value = 1
servicePeople.value = '1-3'
selectedTea.value = []
teaUsageValue.value = 0
},