<template>
	<view class="wrap">
		<view>
			<view>
				<text class="button" @click="goKnow()">购票须知</text>
			</view>
			<view style="margin-top: 100rpx;">
				<text class="button" @click="goBuy()">立即购票</text>
			</view>
		</view>
		<!-- 购票须知 -->
		<view class="buy-know" v-if="showKnow" @click="showKnow=false">
			<view class="box">
				<view class="title">
					告游客书
				</view>
				<view>
					尊敬的游客、广大市民:
				</view>
				<view>
					<text>
						开放时间:
					</text>
					09:00 - 18:30,闭馆前1小时(17:30)停止售票
				</view>
				<view>
					<text>
						博物馆开放日多功能设备运行时间:
					</text>
					09:30 - 12:30;14:30 - 17:30,(根据景区当天实际情况为准)
				</view>
				<view>
					<text>
						免费人群:
					</text>
					需出示身份证及有效证件原件前往检票处登记入园。
				</view>
				<view>
					<text>
						退票须知:
					</text>
					游客所购门票在选定游玩日期当天19:00前如未使用,可在电子门票‘我的订单’中申请退票,逾期不可退。
				</view>
				<view style="margin-top: 48rpx;display: flex;justify-content: center;">
					<text class="button" @click.stop="goBuy()">立即购票</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      urlQuery:'',
      showKnow:false
    }
  },
  onLoad(option) {
    let channelId=option.channelId||''
    let companyId=option.companyId||''
    let merchantId=option.merchantId||''
    let groupId=option.groupId||''
    let groupChannelId=option.groupChannelId||''
    this.urlQuery=channelId+'&merchantId='+merchantId+'&groupId='+groupId+'&groupChannelId='+groupChannelId+'&companyId='+companyId
  },
  methods: {
    //---购票
    goBuy(){
      uni.navigateTo({
        url:'/pages/combination/distributionCombiChoose/distributionCombiChoose?channelId='+this.urlQuery
      })
    },
    //---购票须知
    goKnow(){
      this.showKnow=true
    }
  }
}
</script>

<style scoped>
.wrap{
	height: 100%;
	background:#fffae8;
	font-size: 40rpx;
	display: flex;
	align-items: center;
	justify-content:center;
}
.button{
	width: 520rpx;
	height: 112rpx;
	display:flex;
	align-items: center;
	justify-content: center;
	background: url('../../../static/img/hghg/bigBtn.png') no-repeat;
	background-size: 100% 100%;
}
.buy-know{
	padding: 0 48rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}
.box{
	padding: 60rpx 40rpx;
	background: url('../../../static/img/hghg/dialog.png') no-repeat;
	background-size: 100% 100%;
	color: #000000;
	font-size: 28rpx;
}
.box>view{
	margin-top: 10rpx;
}
.box view text{
	font-weight: bold;
}
.title{
	font-weight: bold;
	font-size: 40rpx;
	text-align: center;
}
.button{
	display: flex;
	width: 244rpx;
	height: 96rpx;
	background: url('../../../static/img/hghg/smallBtn.png') no-repeat;
	background-size: 100% 100%;
	align-items: center;
	justify-content: center;
	font-size: 32rpx;
}
</style>