<!--
 * @Date: 2024-01-15 11:43:01
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-01-16 16:18:14
 * @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>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
    </div>
    <div style="height: 7rem;"></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>
      <div @click="confirmBtn" class="confirm-btn">确认，下一步</div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'

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';
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);

const go = useGo();

const checked = ref(['0']);

const confirmBtn = () => {
  if (checked.value[1] === '1') {
    go('/booking');
  } else {
    showToast('请勾选同意须知');
  }
}
</script>

<style lang="less" scoped>
.notice-page {
  position: relative;
  height: 100vh;
  .content {
    margin: 1rem;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 1rem;
    p {
      padding-bottom: 0.8rem;
      line-height: 1.7;
    }
  }
  .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 7rem;
    display: flex;
    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;
      font-size: 1.1rem;
      border-radius: 8px;
      transition: all 0.2s;
      margin: 1rem;
      margin-top: 0.5rem;
      text-align: center;
      padding: 0.8rem 0;
    }
  }
}
</style>