208 lines
7.6 KiB
HTML
208 lines
7.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="viewport"
|
|||
|
|
content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" />
|
|||
|
|
<title>支付宝立减金领取</title>
|
|||
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
|
|||
|
|
</script>
|
|||
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script>
|
|||
|
|
<link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet" />
|
|||
|
|
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage2_0.css" />
|
|||
|
|
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
|
|||
|
|
<!-- <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api_test.js"></script> -->
|
|||
|
|
<style>
|
|||
|
|
* {
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 0;
|
|||
|
|
font-family: HYQiHei;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html {
|
|||
|
|
font-size: 26.66666667vw;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
-webkit-text-size-adjust: 100%;
|
|||
|
|
-ms-text-size-adjust: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bind_btn {
|
|||
|
|
filter: grayscale(100%);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div id="alipay">
|
|||
|
|
<!-- 弹出框 -->
|
|||
|
|
<div class="mask" v-if="maskshow"></div>
|
|||
|
|
<!-- 弹出提示 -->
|
|||
|
|
<div class="popboxshow" v-if="popboxshow" :class="popboxshow?'active':''">
|
|||
|
|
<div class="tip">
|
|||
|
|
<p>{{tiptext}}</p>
|
|||
|
|
<span @click="knowFn">知道了</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="coupon_content">
|
|||
|
|
<img class="coupon_bg"
|
|||
|
|
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/coupon/alipay_coupon_bg.png" alt="" />
|
|||
|
|
<div class="coupon_info">
|
|||
|
|
<div class="coupon_money"><span class="symbol">￥</span>{{reduceInfo.reduce}}</div>
|
|||
|
|
<div class="coupon_title" :class="couponInfo.voucher_name.length>10?'small_font':''">
|
|||
|
|
{{couponInfo.voucher_name}}
|
|||
|
|
<span class="send_num" v-if="couponInfo.rule.send_num>1">x{{couponInfo.rule.send_num||1}}</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="coupon_full">
|
|||
|
|
满{{reduceInfo.full}}元可用
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div @click="toReceive" :class="reduceInfo.status == 0 ? 'receive_btn' : 'receive_btn bind_btn'">
|
|||
|
|
{{reduceInfo.status|statusFn}}</div>
|
|||
|
|
<div class="validity">
|
|||
|
|
有效期:{{reduceInfo.time_limit.effect_time.start_time}}至{{reduceInfo.time_limit.effect_time.end_time}}</div>
|
|||
|
|
</div> -->
|
|||
|
|
|
|||
|
|
<button @click="toReceive">
|
|||
|
|
领取
|
|||
|
|
</button>
|
|||
|
|
<!-- 使用须知 -->
|
|||
|
|
<div class="notice">
|
|||
|
|
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/coupon/use-word.png"
|
|||
|
|
class="rule_title" alt="" />
|
|||
|
|
<div class="instructions" v-html="reduceInfo.instruction"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script>
|
|||
|
|
new Vue({
|
|||
|
|
el: "#alipay",
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
explain: `1.在活动期间，每名用户仅可参与一次活动并享受一次赠礼。请注意：【（a）如用户在参与活动前已经是亚朵酒店金卡及以上级别会员，该用户无法领取亚朵酒店会员权益赠礼，权益不叠加；（b）喜马拉雅会员叠加上限为10年；（c）QQ音乐会员叠加上限为120个月。】如用户合作平台会员叠加（含本次活动领取时长）达到上限时间，用户将无法（完整）领取该合作平台赠礼，因此无法领取的赠礼不做补发；购买前请您确认您在合作平台会员有效期情况。
|
|||
|
|
2.活动期间，开通/续费严选Pro会员年卡后，赠礼将发放至“联合会员领取页面”，可前往一键领取（赠礼仅支持领取到同一手机号）；如遇到网络问题等原因，可能会存在延迟到账的情况，请在24小时内查看到账情况。
|
|||
|
|
3.赠礼需要用户在成功购买严选Pro会员年卡后15天内领取，请注意及时进行手机号充值和领取，否则由此产生的损失由您自行承担，网易严选及合作平台不支持任何逾期赠礼的领取、补发或其他补偿服务。
|
|||
|
|
6.仅限中国大陆手机号参与本活动及领取赠礼，非中国大陆手机号暂不支持领取赠礼。
|
|||
|
|
7.领取赠礼时，如您因填错/登录错账号或者误操作等原因导致充值到错误账号，网易严选及合
|
|||
|
|
作平台不支持退换、补发、补偿或退款，请您在领取前务必认真核对手机号及账号。
|
|||
|
|
8.开通严选Pro会员后有效期即时生效，不支持退款，原属于严选Pro会员或赠礼会员的老用
|
|||
|
|
户直接在原剩余有效期时长上叠加，新客户则自开通日起算。
|
|||
|
|
9.本次活动每个用户仅限参与1次，请勿重复参与。`,
|
|||
|
|
orderNumber: "N/WgFb11HOdKx7N/TaBcr6WuYVOuwSZJ9gxa7DUtUN8=",
|
|||
|
|
openId: "+UfCzEgd0h2Psj245UmcyHfW6QW0msZIAxO6RJBZ7Hk=",
|
|||
|
|
popboxshow: false,
|
|||
|
|
maskshow: false,
|
|||
|
|
reduceInfo: {},
|
|||
|
|
couponInfo: {},
|
|||
|
|
disabledBtn: false,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created () {
|
|||
|
|
//唤起支付宝授权，打开领取
|
|||
|
|
this.openId = this.getQueryString(
|
|||
|
|
window.location.search,
|
|||
|
|
"alipayuserid"
|
|||
|
|
);
|
|||
|
|
this.code_batch_id = this.getQueryString(
|
|||
|
|
window.location.search,
|
|||
|
|
"codeBatchId"
|
|||
|
|
);
|
|||
|
|
this.token = this.getQueryString(
|
|||
|
|
window.location.search,
|
|||
|
|
"token"
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
this.getProductDetail();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//获取浏览器地址栏的参数
|
|||
|
|
getQueryString (path, name) {
|
|||
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|||
|
|
var r = path.substr(1).match(reg);
|
|||
|
|
if (r != null) return unescape(r[2]);
|
|||
|
|
return null;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//获取商品详情
|
|||
|
|
getProductDetail () {
|
|||
|
|
req.axiosGet('/key/group/groupProductDetail', {
|
|||
|
|
token: this.token,
|
|||
|
|
code_batch_id: this.code_batch_id,
|
|||
|
|
}).then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.goods = res.data.group_info;
|
|||
|
|
}
|
|||
|
|
}).catch();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//领取立减金
|
|||
|
|
toReceive () {
|
|||
|
|
let data = {
|
|||
|
|
token: this.token,
|
|||
|
|
channel_user_id: this.openId, // "渠道用户id"
|
|||
|
|
code_batch_id: this.code_batch_id,
|
|||
|
|
};
|
|||
|
|
if (this.disabledBtn) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.disabledBtn = true;
|
|||
|
|
req.axiosPost("/voucher/groupVoucherGrant", data)
|
|||
|
|
.then((res) => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.disabledBtn = false;
|
|||
|
|
}, 2000);
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.openDialog('领取成功！');
|
|||
|
|
} else {
|
|||
|
|
this.openDialog(res.message);
|
|||
|
|
}
|
|||
|
|
this.getOrderDetail();
|
|||
|
|
})
|
|||
|
|
.catch((err) => { });
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//提示弹出框
|
|||
|
|
openDialog (tip) {
|
|||
|
|
this.maskshow = true;
|
|||
|
|
this.tiptext = tip;
|
|||
|
|
this.popboxshow = true;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
knowFn () {
|
|||
|
|
this.maskshow = false;
|
|||
|
|
this.tiptext = '';
|
|||
|
|
this.popboxshow = false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
filters: {
|
|||
|
|
statusFn (val) {
|
|||
|
|
switch (val) {
|
|||
|
|
case 0:
|
|||
|
|
return '立即领取';
|
|||
|
|
break;
|
|||
|
|
case 1:
|
|||
|
|
return '立即领取';
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
return '已领取';
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
return '立即领取';
|
|||
|
|
break;
|
|||
|
|
case 5:
|
|||
|
|
return '已过期';
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
return '立即领取';
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</html>
|