<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>印象之旅11.18</title>
<style>
* {
margin: 0;
padding: 0;
}
.main {
width: 100%;
height: 100%;
background: url(../images/gongxi4.png) no-repeat;
background-size: 100%;
background-color: #8d54cc;
position: relative;
overflow: hidden;
}
.main .box {
position: relative;
top: 30%;
width: 100%;
opacity: 0;
text-align: center;
}
.main .box.nomove {
top: 40%;
opacity: 1;
}
.main .box.move {
top: 40%;
opacity: 1;
transition: all linear .5s;
-moz-transition: all linear .5s;
/* Firefox 4 */
-webkit-transition: all linear .5s;
/* Safari and Chrome */
-o-transition: all linear .5s;
/* Opera */
}
.main .box .hongbao {
width: 80%;
}
.main .box .anniu {
width: 64%;
position: absolute;
left: 18%;
bottom: 15%;
background: url(../images/gongxi22.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-x: center;
margin: 0 auto;
font-size: 1.4rem;
color: #c6780f;
height: 4rem;
line-height: 4rem;
}
.main .box .anniu::after {
content: "";
display: block;
padding-bottom: 36%;
}
#RushbuyTime {
font-size: 0.13rem;
color: #e03234;
height: 0.2rem;
position: absolute;
width: 100%;
right: -18.5%;
top: 26%;
}
.rushNocheck {
width: 0.9rem;
height: 0.9rem;
border: 1px solid #fff;
display: inline-block;
border-radius: 0.2rem;
position: relative;
top: 0.1rem;
margin-right: 0.2rem;
display: none;
}
.rushNocheckTwo {
width: 1rem;
height: 1rem;
display: inline-block;
border-radius: 0.2rem;
position: relative;
top: 0.1rem;
margin-right: 0.2rem;
}
.rushNocheckTwo img {
width: 100%;
height: 100%;
}
.readXieyi {
color: #fff;
font-size: 1rem;
width: 100%;
text-align: center;
position: absolute;
bottom: 3rem;
}
.benciXieyi {
color: #FFCE55;
text-decoration: underline;
}
.activeXieyi {
position: absolute;
width: 100%;
height: 100%;
display: none;
top: 0;
left: 0;
background: rgba(0, 0, 0, .6);
color: #333333;
}
.xieyiContent {
width: 80%;
height: 26rem;
padding: 1rem;
background-color: #fff;
margin: 0 auto;
margin-top: 6rem;
border-radius: 1rem;
}
.xieyiTitle {
font-size: 1rem;
width: 100%;
text-align: center;
}
.xieyiNei {
width: 100%;
height: 6rem;
width: 100%;
height: 20rem;
margin-top: 1rem;
overflow-y: auto;
font-size: 0.9rem;
color: #333333;
padding: 0 0.2rem;
}
.xieyiNei div {
margin-bottom: 1rem;
}
.xieyiNei::-webkit-scrollbar {
width: 4px;
height: 8px;
}
.xieyiNei::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #c9c9c9;
}
.xieyiNei::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
background: #EDEDED;
}
.readBtn {
width: 6rem;
height: 2.5rem;
background-color: #FFC430;
color: #A76104;
border: none;
outline: none;
font-size: 1rem;
border-radius: 0.5rem;
margin-top: 1rem;
}
</style>
</head>
<body>
<div class="main">
<div class="box">
<img class="hongbao" src="../images/gongxi1.png">
<span id="RushbuyTime"></span>
<div class="anniu">
</div>
<!-- <img class="anniu" src="../images/gongxi2.png"> -->
</div>
<div class="readXieyi">
<div class="rushNocheck"></div>
<div class="rushNocheckTwo">
<img src="../images/xyck.png" alt="" />
</div>
<span>我已阅读并同意</span><span class="benciXieyi">《本次活动说明》</span>
</div>
<div class="activeXieyi">
<div class="xieyiContent">
<div class="xieyiTitle">11.18活动说明</div>
<div class="xieyiNei">
<div>1、所有印象同业会员均可参加本次活动</div>
<div>2、活动期间内，每天更新1118张面额为200的散拼跟团游优惠券，用户需要进入活动页面进行抢购，抢到优惠券的用户需要在1分钟内完成支付，若未完成支付系统将自动取消订单；用户完成付款后，系统将自动发放优惠券，可前往APP“我的优惠券”页面进行查看。</div>
<div>3、本次活动的优惠券只能用于印象之旅的散拼跟团游产品，每团限定使用一张。</div>
<div>4、本次活动商品为APP专享优惠券，只能在印象同业APP中使用，优惠券有效期为：2019-11-18 至 2020-11-17。</div>
<div>5、本次优惠券不能与其他优惠券叠加使用，但可以与其他活动一起组合使用。例如：幸福存折等。</div>
<div>6、每个同行用户限定每天只能抢购一张优惠券。</div>
<div>7、活动时间：2019年11月18日-2019年11月25日为期8天，用户可在印象同业APP，行程助理小程序以及本次活动的H5页面中参与。</div>
<div>本次活动最终解释权归印象之旅所有。</div>
</div>
<div style="width:100%;text-align:center;">
<button class="readBtn">我已阅读</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/mian.js?r=12312312312"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
let param = window.location.href.split('?')[1].split("&") ? window.location.href.split('?')[1].split("&") : null;
let price = param ? param[0].split('=')[1] : 0;
let couponId = param ? param[1].split('=')[1] : 0;
let platform = param ? param[2].split('=')[1] : 0;
$('.anniu').html('支付' + price + '元领取')
let buyIf = {}
// if (localStorage.buyInfo) {
// buyIf = JSON.parse(localStorage.buyInfo)
// }else {
// history.go(-1)
// }
if (platform == 'app') {
move(1)
} else {
move(2)
}
let RushbuyTime = localStorage.RushbuyTime ? JSON.parse(localStorage.RushbuyTime) : {
RushbuyTime: ''
}
$('#RushbuyTime').html(`有效期截止:` + RushbuyTime.RushbuyTime)
function move(t) {
if (t === 1) {
$('.box').addClass('nomove')
} else {
setTimeout(function() {
$('.box').addClass('move')
}, 500)
}
}
var isChecke = true;
$('.readXieyi').click(function() {
isChecke = !isChecke
if (!isChecke) {
$('.rushNocheckTwo').css({
'display': 'none'
})
$('.rushNocheck').css({
'display': 'inline-block'
})
} else {
$('.rushNocheckTwo').css({
'display': 'inline-block'
})
$('.rushNocheck').css({
'display': 'none'
})
}
})
//点击本次协议弹出窗
$(".benciXieyi").click(function(e) {
e.stopPropagation();
$('.activeXieyi').css({
'display': 'block'
});
});
//关闭弹窗
$('.readBtn').click(function() {
$('.activeXieyi').css({
'display': 'none'
});
})
$('.anniu').click(function() {
if (!isChecke) {
layer.msg('请同意活动说明');
return;
}
var loadingFlag;
if (platform == 'app') {
window.postMessage(JSON.stringify({
'action': 'showHud',
'message': '抢购中...'
}));
}
if (platform == 'H5') {
loadingFlag = layer.msg('抢购中...', {
icon: 16,
shade: 0.01,
shadeClose: false,
time: 60000
});
}
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/PanicBuyingCoupon`,
contentType: "application/json",
data: getJavaData({
redemptionPrice: price,
couponId: couponId,
productName: '印象之旅-200元线路产品优惠券'
}),
async: false,
success: function(res) {
if (platform == 'app') {
window.postMessage(JSON.stringify({
'action': 'dismissHud'
}));
}
if (platform == 'H5') {
layer.close(loadingFlag);
}
if (res.resultCode === 1) {
let title = '印象之旅-200元线路产品优惠券';
let data = {
'action': 'jump', // showToast->一个提示信息 showHud->一个黑色的loading
'page': 'payment',
'pageData': {
'couponId': res.data.couponId,
'title': title,
'price': res.data.preferPrice,
'backType': 'reload',
'data': res.data,
'goBack': '1',
'cardInfo': {
title: RushbuyTime.title,
date: RushbuyTime.RushbuyTime,
userName: RushbuyTime.userName,
shopName: RushbuyTime.shopName,
}
}
}
if (platform == 'app') {
window.postMessage(JSON.stringify(data));
}
// 跳转到支付
else if (platform == 'xcx') {
// window.postMessage(JSON.stringify(data));
let data = {};
data.sOrderNo = res.data.id;
data.sProductName = title;
data.productId = res.data.couponId;
data.dTotalPrice = res.data.preferPrice;
wx.miniProgram.getEnv(function(res) {
window.wx.miniProgram.navigateTo({
url: `/pages/Home/pay/pay?data=` + JSON.stringify(data),
});
});
} else if (platform == 'H5') {
let userInfo = getLocalStorage()
let data = {};
data.sOrderNo = res.data.id;
data.sProductName = title;
data.productId = res.data.couponId;
data.dTotalPrice = res.data.preferPrice;
data.customerId = userInfo.customerId;
sessionStorage.setItem("payInfo", JSON.stringify(data));
//window.location.href = 'https://127.0.0.1:5500/html/pay.html';
//window.location.href = 'http://192.168.0.117:5500/html/pay.html';
window.location.href = 'https://activity.oytour.com/html/pay.html';
}
} else {
if (platform == 'app') {
window.postMessage(JSON.stringify({
'action': 'showToast',
'message': res.message
}));
} else {
layer.msg(res.message)
}
layer.msg(res.message)
// window.location.reload()
}
},
error: function(res) {
console.log(platform)
if (platform == 'app') {
window.postMessage(JSON.stringify({
'action': 'dismissHud'
}));
} else if (platform == 'H5') {
layer.close(loadingFlag);
}
}
});
})
</script>
</body>
</html>