|
|
|
@ -33,30 +33,29 @@
|
|
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;">
|
|
|
|
<scroll-view scroll-y style="height: 100%;width: 100%;">
|
|
|
|
<view class="scell" v-if="tabItem.slist.length>0">
|
|
|
|
<view class="scell" v-if="tabItem.slist.length>0">
|
|
|
|
<view v-for="(item, index) in tabItem.slist" :key="index" class="oitem">
|
|
|
|
<view v-for="(item, index) in tabItem.slist" :key="index" class="oitem">
|
|
|
|
|
|
|
|
|
|
|
|
<view class="otop">
|
|
|
|
<view class="otop">
|
|
|
|
<view class="hleft">
|
|
|
|
<view class="hleft">
|
|
|
|
{{item.courseName||'-'}}
|
|
|
|
{{item.storeName||'-'}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="hright">
|
|
|
|
<view class="hright">
|
|
|
|
{{item.startTime+'-'+item.endTime}}
|
|
|
|
{{formatTime(item.startTime)+' - '+formatTime(item.endTime)}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<view class="oscon">
|
|
|
|
<view class="oscon">
|
|
|
|
<view class="osimg imgload">
|
|
|
|
<view class="osimg imgload">
|
|
|
|
<image class="osimg" v-if="item.pic" :src="getimgRemoteFile(item.pic)" mode="aspectFill"></image>
|
|
|
|
<image v-if="item.pic" :src="getimgRemoteFile(item.pic)" mode="aspectFill"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="osname">
|
|
|
|
<view class="osname">
|
|
|
|
<view class="oscell">
|
|
|
|
<view class="oscell">
|
|
|
|
<!-- <view v-if="item.claName=='团课'" class="txtbg">{{item.claName}}</view>
|
|
|
|
<!-- <view v-if="item.claName=='团课'" class="txtbg">{{item.claName}}</view>
|
|
|
|
<view v-else class="txtbg1">{{item.claName}}</view> -->
|
|
|
|
<view v-else class="txtbg1">{{item.claName}}</view> -->
|
|
|
|
<view v-if="item.claName" class="txtbg1">{{item.claName}}</view>
|
|
|
|
<!-- <view v-if="item.claName" class="txtbg1">{{item.claName}}</view>-->
|
|
|
|
<uni-rate :size="15" :readonly="true" :value="item.star?item.star:5" :max="5"/>
|
|
|
|
<uni-rate :size="15" :readonly="true" :value="item.star?item.star:0" :max="5"/>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="oscell" v-if="item.storeName">
|
|
|
|
<view class="oscell" v-if="item.storeName">
|
|
|
|
<uni-icons type="paperclip" size="18" color="#00A99A"></uni-icons>
|
|
|
|
<uni-icons type="paperclip" size="18" color="#00A99A"></uni-icons>
|
|
|
|
<view class="ntip">{{item.storeName}}</view>
|
|
|
|
<view class="ntip">{{item.courseName}}</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="oscell">
|
|
|
|
<view class="oscell">
|
|
|
|
<uni-icons type="calendar" size="18" color="#00A99A"></uni-icons>
|
|
|
|
<uni-icons type="calendar" size="18" color="#00A99A"></uni-icons>
|
|
|
|
@ -82,7 +81,7 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="rcpm">
|
|
|
|
<view class="rcpm">
|
|
|
|
<button type="primary" class="orderbtn" @click="gotoorder(item)">预约</button>
|
|
|
|
<button type="primary" class="orderbtn" @click="gotoorder(item)">预约</button>
|
|
|
|
<button type="primary" class="sharebtn" @click="gotoshare(item)">分享</button>
|
|
|
|
<!-- <button type="primary" class="sharebtn" @click="gotoshare(item)">分享</button>-->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -141,8 +140,8 @@
|
|
|
|
<view class="ctxt">{{dd.claName}}</view>
|
|
|
|
<view class="ctxt">{{dd.claName}}</view>
|
|
|
|
<view class="ctxt" v-if="dd.staffName">{{dd.staffName}}</view>
|
|
|
|
<view class="ctxt" v-if="dd.staffName">{{dd.staffName}}</view>
|
|
|
|
<view class="ctxt" v-if="dd.roomName">{{dd.roomName}}</view>
|
|
|
|
<view class="ctxt" v-if="dd.roomName">{{dd.roomName}}</view>
|
|
|
|
<button v-if="dd.claTimeStatus=='1'" type="primary" class="orderbtn" @click="gotoorder(dd)">可以预约</button>
|
|
|
|
<button v-if="dd.claTimeStatus=='1'" type="primary" class="orderbtn" style="width: 80%;" @click="gotoorder(dd)">预约</button>
|
|
|
|
<view v-else class="noorderbtn">不可预约</view>
|
|
|
|
<!-- <view v-else class="noorderbtn">不可预约</view>-->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
@ -679,6 +678,10 @@
|
|
|
|
},100);
|
|
|
|
},100);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
formatTime(timeStr) {
|
|
|
|
|
|
|
|
// 假设 timeStr 格式为 "HH:MM:SS"
|
|
|
|
|
|
|
|
return timeStr.slice(0, 5); // 取前5位 "HH:MM"
|
|
|
|
|
|
|
|
},
|
|
|
|
closeDialog(){
|
|
|
|
closeDialog(){
|
|
|
|
this.$refs.pfDialog.close();
|
|
|
|
this.$refs.pfDialog.close();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -1067,9 +1070,14 @@
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
.osimg{
|
|
|
|
.osimg{
|
|
|
|
width: 160rpx;
|
|
|
|
width: 200rpx;
|
|
|
|
height: 260rpx;
|
|
|
|
height: 200rpx;
|
|
|
|
border-radius: 10rpx;
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
|
|
|
>image {
|
|
|
|
|
|
|
|
width: 200rpx;
|
|
|
|
|
|
|
|
height: 200rpx;
|
|
|
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.osname{
|
|
|
|
.osname{
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|