<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>更换刷头提示</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/mui.min.css?v=2017101701" />
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/iconfont.css?v=2017101701" />
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/tooth/css/style.css?v=2017101701" />
<style>
.yuan{width: 100px;height: 100px;margin: 50px auto;border-radius: 50%;border:3px solid #a6e7fe;line-height: 100px;position: relative;color: #3ba7c9;}
.yuan:before{content: '';position: absolute;width: 1px;height: 30px;left: 50%;top: -40px;background-color: rgba(0,0,0,.1);}
.yuan:after{content: '';position: absolute;width: 1px;height: 30px;left: 50%;bottom: -40px;background-color: rgba(0,0,0,.1);}
.price{position: relative;font-size: 50px;color: #54c0dc;padding-left: 5px;height: 70px;}
.price:after{content: '¥';position: absolute;left: 0;top:30px;color: #54c0dc;font-size: 16px;}
.btn-send{width: 70px;height: 70px;position: absolute;right: 18px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;color:#54c0dc;background-color: #fff;line-height: 70px;}
.content1{position: absolute;left: 120px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); color: #54c0dc;text-align: left;}
.couponbox{padding: 0 10px;position: relative;margin: 15px 0;display: none;}
.mui-popup.mui-popup-in{height: 360px;background: url(http://static.iamberry.com/images/shop/yhq_dlg_bg.png) center top /100% no-repeat;}
.mui-popup-inner{background-color: transparent;margin-top: 80px;padding: 15px 15px 5px 15px;position: static;}
.mui-popup-title{font-size: 16px;color: #939393;}
.mui-popup-title+.mui-popup-text{margin-top: 15px;}
.mui-popup-text strong{color: #fc5b8b;font-size:20px;}
.mui-popup-text span{color: #fc5b8b;font-size: 30px;}
.mui-popup-button{background-color: transparent;}
.mui-popup-button:after,.mui-popup-inner:after{display: none;}
.mui-popup-button:last-child{border-radius: 25px;background: #f44f80;height: 38px;line-height: 40px;font-weight: 100;color: #fff;width: 50%;margin: 10px auto;}
.mui-popup-button:last-child:active{background: #fc5b8b;}
.mui-popup-button:first-child{border-radius: 25px;background: #fff;height: 38px;line-height: 40px;font-weight: 100;color:#ed376c;width: 50%;margin: 10px auto;border:1px solid #ed376c}
.mui-popup-button:first-child:active{background: #c9c9c9;}
.mui-popup-buttons{display: block;}
.x-close{position: absolute;right:32px;top: 0;width:20px;}
.mui-popup.mui-popup-out{-webkit-transition-duration: 0ms;transition-duration: 0ms;}
.no_yhq{text-align: center;position:absolute;left:0;top:50%;width:100%;display: none;-webkit-transform: translateY(-70%);transform: translateY(-70%);}
.no_yhq img{width:33%;}
</style>
<script type="text/javascript">
// 屏蔽分享
window.hiddenAllWechatMenu = true;
</script>
</head>
<body style="background: #fff;">
<div class="loading-bg">
<div class="mui-loading">
<div class="mui-spinner">
</div>
加载中...
</div>
</div>
<div class="mui-content" style="background: #fff;">
<div style="height: 200px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#34a3c5), to(#75cbe8));">
<div style="width: 100px;margin: 0 auto;padding: 20px 0 15px 0;">
<img width="100px" src="/tooth/common/shop/images/tx-4.png" />
</div>
<div style="color: #fff;text-align: center;">
亲，您的牙刷刷头已经使用3个月 <br/>定期更换刷头，可有效防止细菌滋生
</div>
</div>
<div class="mui-text-center" style="padding: 10px 0;">
<h5 id="hintCreateTime">1900-01-01</h5>
<div>开始使用</div>
<div class="yuan">
三个月
</div>
<h5 id="hintTime">1900-01-01</h5>
<div>需要更换</div>
<div class="couponbox">
<img width="100%" src="/tooth/common/shop/images/quan-bg3.png" />
<div style="position: absolute;left: 45px;top: 50%;-webkit-transform: translateY(-50%);"><span class="price">0</span></div>
<div class="content1">
<div>仅供购买刷头使用</div>
<div style="font-size: 12px;">限量100份</div>
</div>
<div class="btn-send">立即领取</div>
</div>
</div>
</div>
<script src="//s.iamberry.com/tooth/js/mui.min.js?v=2017101701"></script>
<script src="//s.iamberry.com/tooth/js/jquery-2.1.1.min.js"></script>
<script src="//s.iamberry.com/tooth/js/shop/main.js?v=2017101701"></script>
<!--<script src="//s.iamberry.com/tooth/js/shop/wechat-utils-1.0.js"></script>-->
<script type="text/javascript">
var hintId=getParam("hintId");
var couponTypeId='';
mui.ready(function(){
mui.ajax(base_path + '/agentTooth/select_order_hint?dates=' + new Date().getTime(), {
data:{"hintId":hintId},
dataType: 'json',
type: 'post',
timeout: 15000,
success: function(dt) {
//console.log(dt)
if(dt.resultCode=="200") {
$("#hintCreateTime").text(formatDate(dt.data.hint.hintCreateTime));
$("#hintTime").text(formatDate(dt.data.hint.hintTime));
coupon(dt.data.couponTypeId);
couponTypeId=dt.data.couponTypeId;
}else{
console.log("获取信息失败！");
}
},
error: function(xhr, type, errorThrown) {
errorfn(xhr)
}
});
document.querySelector('.loading-bg').style.display='none';
});
function coupon(typeId){
var btnArray = ['否', '是'];
mui.ajax(base_path + '/coupon/couponTypeList', {
data: {
"typeId": typeId
},
dataType: 'json',
type: 'post',
timeout: 15000,
success: function(dt) {
//console.log(dt);
if(dt.resultCode=="200") {
if(dt.data.typeList.length>0){
$(".price").text(accDiv(dt.data.typeList[0].couponReduce, 100));
/*$(".btn-send").attr("name",dt.data.typeList[0].couponId);*/
$(".couponbox").show();
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
}
});
}
//领券
$(document).on('tap','.btn-send',function(){
if(couponTypeId!=''){
mui.ajax(base_path + '/coupon/getCoupon', {
data: {
"couponId": couponTypeId
},
dataType: 'json',
type: 'post',
timeout: 15000,
success: function(dt) {
//console.log(dt);
if(dt.status) {
var btnArray = ['查看优惠券', '立 即 使 用'];
mui.confirm('<span>' + $(".price").text() + '元 </span>优惠券<img class="x-close" src="/tooth/common/shop/images/x.png" />', '恭喜您成功领取一张', btnArray, function(e) {
if(e.index == 1) {
location.href = base_path + '/wxCart/goProductList'
} else {
location.href = base_path + '/couponWechat/couponList'
}
})
} else {
var r = confirm(dt.message);
if(r == true) {
location.reload(true)
}
}
},
error: function(xhr, type, errorThrown) {
if(xhr.readyState == 4 && xhr.status == 200) {} else {
location.href = domanUrl + base_path + "/couponWechat/coupon?dates=" + new Date().getTime()
}
}
});
}
});
</script>
</body>
</html>