Feat:旅居界面调整,逻辑补充
This commit is contained in:
@@ -345,13 +345,13 @@ export default {
|
|||||||
const currentDate = new Date(this.tempStartDate)
|
const currentDate = new Date(this.tempStartDate)
|
||||||
while (currentDate <= this.tempEndDate) {
|
while (currentDate <= this.tempEndDate) {
|
||||||
const day = currentDate.getDate()
|
const day = currentDate.getDate()
|
||||||
if (this.isDisabled(day)) {
|
// if (this.isDisabled(day)) {
|
||||||
uni.showToast({
|
// uni.showToast({
|
||||||
title: '所选日期范围包含不可预约日期,请重新选择',
|
// title: '所选日期范围包含不可预约日期,请重新选择',
|
||||||
icon: 'none'
|
// icon: 'none'
|
||||||
})
|
// })
|
||||||
return
|
// return
|
||||||
}
|
// }
|
||||||
currentDate.setDate(currentDate.getDate() + 1)
|
currentDate.setDate(currentDate.getDate() + 1)
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -362,7 +362,7 @@ export default {
|
|||||||
this.startDate ? this.formatDate(this.startDate) : null,
|
this.startDate ? this.formatDate(this.startDate) : null,
|
||||||
this.endDate ? this.formatDate(this.endDate) : null
|
this.endDate ? this.formatDate(this.endDate) : null
|
||||||
])
|
])
|
||||||
this.handleClose(false)
|
this.handleClose(true)
|
||||||
},
|
},
|
||||||
|
|
||||||
handleClose(shouldClear = true) {
|
handleClose(shouldClear = true) {
|
||||||
@@ -370,7 +370,7 @@ export default {
|
|||||||
this.clearDates()
|
this.clearDates()
|
||||||
this.startDate = null
|
this.startDate = null
|
||||||
this.endDate = null
|
this.endDate = null
|
||||||
this.$emit('input', [null, null])
|
// this.$emit('input', [null, null])
|
||||||
}
|
}
|
||||||
this.$emit('update:show', false)
|
this.$emit('update:show', false)
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
|
|||||||
@@ -1,5 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="group-detail">
|
<view class="group-detail">
|
||||||
|
<!-- 头部 -->
|
||||||
|
<hx-navbar
|
||||||
|
:fixed="true"
|
||||||
|
:background-color="[0,[0,0,0,0],[0,0,0,0]]"
|
||||||
|
statusBarFontColor="#ffffff"
|
||||||
|
barPlaceholder="hidden"
|
||||||
|
transparent="auto"
|
||||||
|
color='#ffffff'
|
||||||
|
/>
|
||||||
<scroll-view scroll-y class="page-scroll">
|
<scroll-view scroll-y class="page-scroll">
|
||||||
<!-- 顶部大图/轮播 -->
|
<!-- 顶部大图/轮播 -->
|
||||||
<swiper class="hero-swiper" indicator-dots autoplay interval="3000">
|
<swiper class="hero-swiper" indicator-dots autoplay interval="3000">
|
||||||
@@ -18,7 +27,7 @@
|
|||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- 礼物 -->
|
<!-- 礼物 -->
|
||||||
<view class="v12-px-3">
|
<view class="v12-px-3" v-if="detail.isGift">
|
||||||
<view
|
<view
|
||||||
@click="toGift"
|
@click="toGift"
|
||||||
class=" v12-white-text v12-px-2 v12-py-1 v12-mt-2 v12-radius-20 v12-font-bold v12-justify-between v12-align-center gift-wrap"
|
class=" v12-white-text v12-px-2 v12-py-1 v12-mt-2 v12-radius-20 v12-font-bold v12-justify-between v12-align-center gift-wrap"
|
||||||
@@ -72,8 +81,10 @@
|
|||||||
<view class="v12-px-2 v12-py-1"><u-icon name="home"></u-icon></view>
|
<view class="v12-px-2 v12-py-1"><u-icon name="home"></u-icon></view>
|
||||||
<view class="v12-px-2 v12-py-1 v12-white v12-radius-100">{{ c.title }}</view>
|
<view class="v12-px-2 v12-py-1 v12-white v12-radius-100">{{ c.title }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-for="(img, idx) in c.images" :key="idx" class="v12-justify-start v12-align-center">
|
<view class="v12-justify-start v12-align-center" style="display: flex; flex-wrap: wrap;">
|
||||||
<image :src="img" class="grid-img" mode="aspectFill" />
|
<view v-for="(img, idx) in c.images" :key="idx" class="v12-mr-2 v12-mb-2 v12-align-center" style="width: calc(33.33% - 16rpx);">
|
||||||
|
<image :src="img" class="grid-img" mode="aspectFill" style="width: 100%; height: 200rpx;" />
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="c.description" class="v12-font-26 v12-mt-2">{{ c.description }}</view>
|
<view v-if="c.description" class="v12-font-26 v12-mt-2">{{ c.description }}</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -88,7 +99,7 @@
|
|||||||
<rich-text :nodes="rules"></rich-text>
|
<rich-text :nodes="rules"></rich-text>
|
||||||
</view>
|
</view>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
<view class="simple-table">
|
<!-- <view class="simple-table">
|
||||||
<view class="table-row">
|
<view class="table-row">
|
||||||
<view class="table-cell">申请退款时间</view>
|
<view class="table-cell">申请退款时间</view>
|
||||||
<view class="table-cell">费用</view>
|
<view class="table-cell">费用</view>
|
||||||
@@ -105,7 +116,7 @@
|
|||||||
<view class="table-cell">入住前x天</view>
|
<view class="table-cell">入住前x天</view>
|
||||||
<view class="table-cell"></view>
|
<view class="table-cell"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="v12-px-3 v12-mt-3">
|
<view class="v12-px-3 v12-mt-3">
|
||||||
@@ -139,7 +150,6 @@
|
|||||||
></Calendar> -->
|
></Calendar> -->
|
||||||
<DateRangePicker
|
<DateRangePicker
|
||||||
ref="dateRangePicker"
|
ref="dateRangePicker"
|
||||||
v-model="dateRange"
|
|
||||||
:show="showDatePicker"
|
:show="showDatePicker"
|
||||||
:minBookingDays="detail.minBookingDays"
|
:minBookingDays="detail.minBookingDays"
|
||||||
:travelGroupProductId="detail.id"
|
:travelGroupProductId="detail.id"
|
||||||
@@ -294,6 +304,13 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
bookNow() {
|
bookNow() {
|
||||||
|
if(!this.dateRange[0] || !this.dateRange[1]){
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择预约日期',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
uni.navigateTo({ url: '/pkg_product/views/submitOrder?id=' + this.id + '&orderStartDate=' + this.dateRange[0] + '&orderEndDate=' + this.dateRange[1] })
|
uni.navigateTo({ url: '/pkg_product/views/submitOrder?id=' + this.id + '&orderStartDate=' + this.dateRange[0] + '&orderEndDate=' + this.dateRange[1] })
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -126,6 +126,7 @@ export default {
|
|||||||
getList() {
|
getList() {
|
||||||
const params = {
|
const params = {
|
||||||
// countyId: this.cityId,
|
// countyId: this.cityId,
|
||||||
|
// cityId: this.cityId,
|
||||||
wellnessPlaceCateId : this.categoryId,
|
wellnessPlaceCateId : this.categoryId,
|
||||||
shopType: 'wellness',
|
shopType: 'wellness',
|
||||||
page: 1,
|
page: 1,
|
||||||
@@ -143,6 +144,7 @@ export default {
|
|||||||
},
|
},
|
||||||
getTop() {
|
getTop() {
|
||||||
const params = {
|
const params = {
|
||||||
|
// cityId: this.cityId,
|
||||||
shopType: 'wellness',
|
shopType: 'wellness',
|
||||||
page: 1,
|
page: 1,
|
||||||
limit: 9999
|
limit: 9999
|
||||||
|
|||||||
@@ -23,8 +23,8 @@
|
|||||||
<view class="v12-pa-3 v12-justify-between v12-align-center">
|
<view class="v12-pa-3 v12-justify-between v12-align-center">
|
||||||
<view class="sojum-title">{{ store.name }}</view>
|
<view class="sojum-title">{{ store.name }}</view>
|
||||||
<view class="v12-align-center v12-radius-100 v12-primary v12-primary-border" style="height:38rpx">
|
<view class="v12-align-center v12-radius-100 v12-primary v12-primary-border" style="height:38rpx">
|
||||||
<view class="v12-align-center v12-font-22 v12-white-text v12-px-2" style="height: 100%;">营业时间</view>
|
<view class="v12-align-center v12-font-22 v12-white-text v12-px-2" style=" white-space: nowrap;height: 100%;">营业时间</view>
|
||||||
<view class="v12-align-center v12-primary-border v12-font-22 v12-ml-1 v12-px-2 v12-radius-100 v12-white" style="height: 100%;">{{ store.serviceTime }} - {{ store.serviceEndTime }}</view>
|
<view class="v12-align-center v12-primary-border v12-font-22 v12-ml-1 v12-px-2 v12-radius-100 v12-white" style=" white-space: nowrap;height: 100%;">{{ store.serviceTime }} - {{ store.serviceEndTime }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="v12-pa-3">
|
<!-- <view class="v12-pa-3">
|
||||||
@@ -223,14 +223,14 @@
|
|||||||
v-if="activeIndex === 2"
|
v-if="activeIndex === 2"
|
||||||
class="qualifications-section"
|
class="qualifications-section"
|
||||||
>
|
>
|
||||||
<view v-if="store.qualification !== []">
|
<view v-if="store.qualification.length === 0">
|
||||||
<image
|
<image
|
||||||
v-for="(item, index) in store.qualification || []"
|
v-for="(item, index) in store.qualification || []"
|
||||||
:key="index"
|
:key="index"
|
||||||
:src="item"
|
:src="item"
|
||||||
class="store-img"
|
class="store-img"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-else class="tab-no-data">
|
<view v-else class="tab-no-data">
|
||||||
@@ -265,6 +265,9 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="jiaLouProductArr.length === 0" class="tab-no-data">
|
||||||
|
店主还没有上传内容哦~
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 管家 -->
|
<!-- 管家 -->
|
||||||
<view v-if="activeIndex === 4" class="v12-pa-3" style="background: #F5F5F5;">
|
<view v-if="activeIndex === 4" class="v12-pa-3" style="background: #F5F5F5;">
|
||||||
@@ -290,6 +293,9 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="jiaLouStewardArr.length === 0" class="tab-no-data">
|
||||||
|
店主还没有上传内容哦~
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 分享 -->
|
<!-- 分享 -->
|
||||||
@@ -708,6 +714,7 @@ export default {
|
|||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
line-height: 200rpx;
|
line-height: 200rpx;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.btLine {
|
.btLine {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -103,7 +103,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="bar-actions">
|
<view class="bar-actions">
|
||||||
<view class="mini-btn" @click="contactMerchant">联系商家</view>
|
<view class="mini-btn" @click="contactMerchant">联系商家</view>
|
||||||
<view class="buy-btn" @click="subscribePay">立即购买</view>
|
<view class="buy-btn" @click="subscribePay()">立即购买</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -417,4 +417,5 @@ export default {
|
|||||||
.bar-actions { display: flex; gap: 16rpx; }
|
.bar-actions { display: flex; gap: 16rpx; }
|
||||||
.mini-btn { padding: 16rpx 22rpx; border: 1rpx solid #ccc; border-radius: 32rpx; font-size: 26rpx; color: #333; }
|
.mini-btn { padding: 16rpx 22rpx; border: 1rpx solid #ccc; border-radius: 32rpx; font-size: 26rpx; color: #333; }
|
||||||
.buy-btn { padding: 16rpx 28rpx; border-radius: 32rpx; background: #C52733; color: #fff; font-size: 26rpx; }
|
.buy-btn { padding: 16rpx 28rpx; border-radius: 32rpx; background: #C52733; color: #fff; font-size: 26rpx; }
|
||||||
|
.buy-btn.disabled { background: #ccc; pointer-events: none; }
|
||||||
</style>
|
</style>
|
||||||
@@ -283,7 +283,7 @@ export default {
|
|||||||
})
|
})
|
||||||
return {
|
return {
|
||||||
title: '礼笺轻启,礼藏心意',
|
title: '礼笺轻启,礼藏心意',
|
||||||
path: `/pkg_user/views/gift/receive?code=${this.giftItem.code}`,
|
path: `/pkg_user/views/gift/receive?code=${this.giftItem.code}&isTravelGroup=${this.giftItem.isTravelGroup}`,
|
||||||
imageUrl: this.giftItem.templateInfo.image
|
imageUrl: this.giftItem.templateInfo.image
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user