hookehuyr

预约须知更新文本

<!--
* @Date: 2024-01-15 11:43:01
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-01-18 18:00:44
* @LastEditTime: 2024-01-24 14:23:43
* @FilePath: /xysBooking/src/views/notice.vue
* @Description: 文件描述
-->
<template>
<div class="notice-page">
<div class="content">
<p>观众朋友您好,欢迎参观苏州西园戒幢律寺。预约前请仔细阅读以下须知。</p>
<p>苏州西园戒幢律寺开放时间为每周二至周日9:00-17:00(16:00停止入馆),周一闭馆(法定节假日除外,特殊情况请参照开放公告)。</p>
<p>苏州西园戒幢律寺实行实名制全预约制度,观众可提前通过线上渠道进行参观预约(系统服务时间:每日8:00-23:00) 。如未提前预约且参观当日仍有余票时,观众可在当日进行预约。如无特别说明,探索体验馆可凭预约记录入场参观,无需另行预约。</p>
<p>未办理身份证的未成年人请使用其户口本上的身份证号码为其预约,参观时请携带好户口本,以便核实预约信息。60周岁以上老人、残障人士、现役军人、退役军人、军烈属、荣誉献血个人、苏博会员、文博单位工作人员、离休干部均可凭本人有效证件免预约入馆。其中60周岁以上老人、残障人士和离休干部的陪同看护人员均需提前进行实名预约。 </p>
<p>为充分预留时间进行信息核查,保障观众顺利入馆,苏州博物馆西馆当日预约截止</p>
<p>
为了您和他人的健康与安全,维护清净庄严的寺院环境,营造一个喜悦而祥和的节日氛围,请您留意并遵守以下注意事项:
</p>
<p>1、进寺后请全程佩戴口罩。</p>
<p>2、敬香贵在心诚,不在数量多少。请带着虔诚心、恭敬心和清净心敬香礼佛。</p>
<p>3、请不要自带香烛进寺院点燃,禁止燃放烟花爆竹。</p>
<p>4、山门殿两侧设有赠香处,凭香花券可免费领取三支清香。</p>
<p>5、点燃香烛时请小心谨慎,以免灼伤自己与他人。</p>
<p>6、请爱护公共绿地,请不要在草坪上点烛燃香。</p>
<p>7、点燃后的香烛请放入指定的地点,禁止将香烛带入天王殿内。</p>
<p>8、请照看好身边的家人,以免走散或发生意外。</p>
<p>9、请保管好自己随身携带的钱物,以免丢失给您带来麻烦。</p>
<p>
10、您若有任何问题和困难,请向身边的法师或义工咨询、求助,或直接与客堂联系。电话:0512-65349545.
</p>
<p>11、预约如需退款,请在初七之后,到客堂办理。</p>
<p>谢谢您的支持与配合。祝您新春吉祥、万事如意</p>
</div>
<div style="height: 8rem;"></div>
<div style="height: 8rem"></div>
<div class="footer">
<van-checkbox-group v-model="checked" shape="square" checked-color="#A67939" style="margin-left: 1.25rem;">
<van-checkbox name="1" icon-size="0.8rem"><span style="color: #A67939; font-size: 0.85rem;">我已阅读并同意以上内容</span></van-checkbox>
<van-checkbox-group
v-model="checked"
shape="square"
checked-color="#A67939"
style="margin-left: 1.25rem"
>
<van-checkbox name="1" icon-size="0.8rem"
><span style="color: #a67939; font-size: 0.85rem"
>我已阅读并同意以上内容</span
></van-checkbox
>
</van-checkbox-group>
<div @click="confirmBtn" class="confirm-btn">确认,下一步</div>
</div>
......@@ -25,30 +46,39 @@
</template>
<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
import {
Cookies,
$,
_,
axios,
storeToRefs,
mainStore,
Toast,
useTitle,
} from "@/utils/generatePackage.js";
//import { } from '@/utils/generateModules.js'
//import { } from '@/utils/generateIcons.js'
//import { } from '@/composables'
import { useGo } from '@/hooks/useGo'
import { showSuccessToast, showFailToast, showToast } from 'vant';
import { useGo } from "@/hooks/useGo";
import { showSuccessToast, showFailToast, showToast } from "vant";
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);
const go = useGo();
const checked = ref(['0']);
const checked = ref(["0"]);
const confirmBtn = () => {
if (checked.value[1] === '1') {
go('/booking');
if (checked.value[1] === "1") {
go("/booking");
} else {
showToast('请勾选同意须知');
showToast("请勾选同意须知");
}
}
};
</script>
<style lang="less" scoped>
......@@ -57,7 +87,7 @@ const confirmBtn = () => {
height: 100vh;
.content {
margin: 1rem 0.5rem;
background-color: #FFFFFF;
background-color: #ffffff;
border-radius: 8px;
padding: 1rem;
p {
......@@ -72,13 +102,13 @@ const confirmBtn = () => {
width: 100vw;
height: 8rem;
display: flex;
background: #FFFFFF;
box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);
background: #ffffff;
box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0, 0, 0, 0.12);
flex-direction: column;
justify-content: center;
.confirm-btn {
background-color: #A67939;
color: #FFFFFF;
background-color: #a67939;
color: #ffffff;
font-size: 1.1rem;
border-radius: 8px;
transition: all 0.2s;
......