|
|
@ -12,7 +12,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content2">
|
|
|
|
<div class="content2">
|
|
|
|
<image :src="info.ticketImage"></image>
|
|
|
|
<image @click="viewImg" class="wrap2" :src="info.ticketImage"></image>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content3" >
|
|
|
|
<div class="content3" >
|
|
|
|
<display-box :styleColor="{backgroundColor: '#B1292E'}">
|
|
|
|
<display-box :styleColor="{backgroundColor: '#B1292E'}">
|
|
|
@ -138,7 +138,18 @@
|
|
|
|
<div class="wrap1">*预约后信息不可更改,请仔细核对预约信息</div>
|
|
|
|
<div class="wrap1">*预约后信息不可更改,请仔细核对预约信息</div>
|
|
|
|
<div class="wrap2">预约</div>
|
|
|
|
<div class="wrap2">预约</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<tm-drawer :height="1054" :round="8" hideHeader inContent ref="calendarView" :placement="'bottom'" v-model:show="showWin">
|
|
|
|
<tm-drawer :height="1054" :round="8" hideHeader inContent ref="calendarView" :placement="'bottom'" v-model:show="showWin">
|
|
|
|
|
|
|
|
<tm-calendar
|
|
|
|
|
|
|
|
format="YYYY年MM月DD日"
|
|
|
|
|
|
|
|
:dateStyle="dateStyle"
|
|
|
|
|
|
|
|
@click="test"
|
|
|
|
|
|
|
|
:multiple="multiple"
|
|
|
|
|
|
|
|
color="#F7963B"
|
|
|
|
|
|
|
|
v-model:show="showdate"
|
|
|
|
|
|
|
|
v-model:model-str="dateStr"
|
|
|
|
|
|
|
|
:model="modeltype"
|
|
|
|
|
|
|
|
></tm-calendar>
|
|
|
|
<div class="content10" >
|
|
|
|
<div class="content10" >
|
|
|
|
<div class="wrap1">
|
|
|
|
<div class="wrap1">
|
|
|
|
<image src="../../static/Close@3x.png"></image>
|
|
|
|
<image src="../../static/Close@3x.png"></image>
|
|
|
@ -182,7 +193,7 @@
|
|
|
|
明日
|
|
|
|
明日
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="wrap5_4">
|
|
|
|
<div class="wrap5_4" @click="goMore">
|
|
|
|
<div class="wrap5_4_1">更多</div>
|
|
|
|
<div class="wrap5_4_1">更多</div>
|
|
|
|
<div class="wrap5_4_2">
|
|
|
|
<div class="wrap5_4_2">
|
|
|
|
<image src="../../static/lj781@3x.png"></image>
|
|
|
|
<image src="../../static/lj781@3x.png"></image>
|
|
|
@ -231,12 +242,40 @@ import {useMainStore} from "@/store"
|
|
|
|
import {ref} from 'vue'
|
|
|
|
import {ref} from 'vue'
|
|
|
|
const showWin=ref(true)
|
|
|
|
const showWin=ref(true)
|
|
|
|
const store=useMainStore()
|
|
|
|
const store=useMainStore()
|
|
|
|
|
|
|
|
const modeltype = ref('day')
|
|
|
|
|
|
|
|
const multiple = ref(false)
|
|
|
|
|
|
|
|
const dateStr = ref('')
|
|
|
|
|
|
|
|
const showdate = ref(false)
|
|
|
|
|
|
|
|
|
|
|
|
const info=ref(uni.getStorageSync('currentBooking'))
|
|
|
|
const info=ref(uni.getStorageSync('currentBooking'))
|
|
|
|
|
|
|
|
const viewImg=()=>{
|
|
|
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
|
|
|
urls:[info.value.ticketImage],
|
|
|
|
|
|
|
|
indicator:'none'
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
const dateStyle = ref([
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
date: '2022-12-8', //日期
|
|
|
|
|
|
|
|
text: false, //浅色背景。
|
|
|
|
|
|
|
|
color: '#F7963B', //主题色.
|
|
|
|
|
|
|
|
extra: '测试' //额外的内容,在日期下方显示的文本。
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
date: '2022-12-24', //日期
|
|
|
|
|
|
|
|
text: false, //浅色背景。
|
|
|
|
|
|
|
|
color: '#F7963B', //主题色.
|
|
|
|
|
|
|
|
extra: '签到' //额外的内容,在日期下方显示的文本。
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
])
|
|
|
|
const rpxToPx=(rpx)=>{
|
|
|
|
const rpxToPx=(rpx)=>{
|
|
|
|
const systemInfo = uni.getSystemInfoSync();
|
|
|
|
const systemInfo = uni.getSystemInfoSync();
|
|
|
|
const screenWidth = systemInfo.windowWidth;
|
|
|
|
const screenWidth = systemInfo.windowWidth;
|
|
|
|
return rpx * screenWidth / 750;
|
|
|
|
return rpx * screenWidth / 750;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const goMore=()=>{
|
|
|
|
|
|
|
|
showdate.value=true
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|