198 lines
7.8 KiB
HTML
198 lines
7.8 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?v=1000"></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>
|
||
<!-- 使用须知 -->
|
||
<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,
|
||
};
|
||
},
|
||
async created () {
|
||
//唤起支付宝授权，打开领取
|
||
this.openId = this.getQueryString(
|
||
window.location.search,
|
||
"alipayuserid"
|
||
);
|
||
let orderNumber = this.getQueryString(
|
||
window.location.search,
|
||
"orderNumber"
|
||
);
|
||
this.orderNumber = orderNumber;
|
||
await this.getOrderDetail(this.orderNumber);
|
||
},
|
||
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;
|
||
},
|
||
//获取订单详情
|
||
getOrderDetail (id, isNext = false, message = '') {
|
||
req.axiosGet('/voucher/info', {
|
||
order_number: id
|
||
}).then(res => {
|
||
this.reduceInfo = res.data.rule;
|
||
this.reduceInfo.status = res.data.status;
|
||
this.couponInfo = res.data;
|
||
sessionStorage.setItem('bm_auth', JSON.stringify(res.data));
|
||
if (isNext) {
|
||
window.location.href = './advise.html';
|
||
sessionStorage.setItem('messageTip', message);
|
||
}
|
||
}).catch();
|
||
},
|
||
toReceive () {
|
||
let self = this;
|
||
//领取立减金
|
||
let data = {
|
||
order_number: this.orderNumber,
|
||
channel: "1", //立减金发放渠道，1：支付宝；2：微信小程序
|
||
channel_user_id: this.openId, // "渠道用户id"
|
||
receive_mode: 1,
|
||
};
|
||
if (this.disabledBtn) {
|
||
return;
|
||
}
|
||
this.disabledBtn = true;
|
||
req.axiosPost("/voucher/grant", data)
|
||
.then((res) => {
|
||
setTimeout(() => {
|
||
this.disabledBtn = false;
|
||
}, 2000);
|
||
const text = res.code == 200 ? '' : res.message;
|
||
this.getOrderDetail(this.orderNumber, true, text);
|
||
})
|
||
.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 buttonTextFun(2, 'receive');
|
||
break;
|
||
case 1:
|
||
return buttonTextFun(2, 'receive');
|
||
break;
|
||
case 2:
|
||
return buttonTextFun(2, 'received');
|
||
break;
|
||
case 3:
|
||
return buttonTextFun(2, 'receive');
|
||
break;
|
||
case 5:
|
||
return '已过期';
|
||
break;
|
||
default:
|
||
return buttonTextFun(2, 'receive');
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
</script>
|
||
|
||
</html> |