285 行
9.4 KiB
HTML
可执行文件
285 行
9.4 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>{$merchant_name}</title>
|
|
<link rel="stylesheet" href="__PUBLIC__/css/css-comment.css">
|
|
<script src="__PUBLIC__/rem/js/rem.js"></script>
|
|
<link rel="stylesheet" href="__PUBLIC__/vip/css/templateA/vip.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<if condition="$notices">
|
|
<div class="noticeWrap">
|
|
<div class="notice">
|
|
<p class="noticeImg">
|
|
<img class="img" src="__PUBLIC__/vip/images/templateA/noticeImg.png" alt="公告">
|
|
</p>
|
|
<div class="notice-scroll">
|
|
<ul class="notice-ul">
|
|
<volist name="notices" id="vo">
|
|
<li class='notice-li' onclick="toNoticeDetail('{$vo[\'url\']}')">{$vo.content}</li>
|
|
</volist>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</if>
|
|
<div>
|
|
|
|
<div class="my-vip">
|
|
<div class="myVip-exhibition">
|
|
<span class="userImg">
|
|
<img src="{$vip['headimgurl']}" alt="">
|
|
</span>
|
|
<span class="vipType">{$vip['cardname']}</span>
|
|
<span class="vip-icon">
|
|
<img src="{$vip['gradeimgurl']}" alt="">
|
|
</span>
|
|
</div>
|
|
<p class="vipNumber">NO.{$vip['cardnum1']}</p>
|
|
</div>
|
|
<div class="IntegralBalance">
|
|
<div class="Balance" style="border-right: 1px solid #ccc" onclick="location.href='/index.php/Vip/Onlinepay/index.html'">
|
|
<p class="marginBottom">余额</p>
|
|
<p class="font-color">{$vip['balance']}</p>
|
|
</div>
|
|
<div class="Integral" onclick="location.href='{:U('Integral/index')}'">
|
|
<p class="marginBottom">积分</p>
|
|
<p class="font-color">{$vip['integral']}</p>
|
|
</div>
|
|
</div>
|
|
<div class="vip-card">
|
|
<img class="card" src="__PUBLIC__/vip/images/templateA/vip-card.png" alt="vip">
|
|
<div class="card-box">
|
|
<div class="rwm" onclick="location.href='/index.php/Vip/Mycard/Index'">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-rwm.png" alt="">
|
|
</div>
|
|
<div>
|
|
<if condition="$vip['iswxcode'] eq 1">
|
|
<div class="add-wx center_list_big" >微信卡包</button>
|
|
<else/>
|
|
<div class="add-wx center_list_big" >添加至微信卡包</button>
|
|
</if>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul class="vip-function">
|
|
<li class="item-li addBottom">
|
|
<a class="item-box" href="{:U('Cardcenter/index')}">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon.png" alt="储值卡中心">
|
|
<span>储值卡中心</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-li addBottom">
|
|
<a class="item-box" href="{:U('Membership/index')}">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon2.png" alt="会员卡详情">
|
|
<span>会员卡详情</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-li addBottom">
|
|
<a class="item-box" href="{:U('Signin/index')}">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon3.png" alt="每日签到">
|
|
<span>每日签到</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-li">
|
|
<a class="item-box" href="{:U('ScoreMall/index')}">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon4.png" alt="积分商城">
|
|
<span>积分商城</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-li">
|
|
<a class="item-box" href="{:U('Coupon/index')}">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon5.png" alt="储值卡中心">
|
|
<span>优惠券中心</span>
|
|
</a>
|
|
</li>
|
|
<li class="item-li" onclick="share()">
|
|
<a class="item-box" href="javascript:;">
|
|
<img src="__PUBLIC__/vip/images/templateA/vip-icon6.png" alt="分享得积分">
|
|
<span>分享得积分</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!--分享-->
|
|
<div class="share share_know_div" style="display: none;">
|
|
<img src="__PUBLIC__/vip/images/templateA/share.png" alt="">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/vip/js/window-reload.js"></script>
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js" type="text/javascript" charset="utf-8"></script>
|
|
<if condition="$canPerfect EQ 1">
|
|
<script>
|
|
$(document).ready(function() {
|
|
var tipsTime = sessionStorage.tipsTime || 0;
|
|
if(tipsTime == 0) {
|
|
alertSureAndCancel({
|
|
title: '温馨提示',
|
|
detail: "前往<br>储值卡中心=>个人设置<br>完善资料可以获得{$score}积分哦",
|
|
cancelText: '下次再说',
|
|
sureText: '立即前往',
|
|
detailSize: '4.5vw',
|
|
detailSize: '3.7vw',
|
|
btnHeight: '12vw',
|
|
titleWeight: 'bold',
|
|
sure: function() {
|
|
window.location.href = "/index.php/Vip/Set/changepersonal";
|
|
},
|
|
cancel: function() {
|
|
sessionStorage.tipsTime = 1;
|
|
}
|
|
})
|
|
}
|
|
})
|
|
</script>
|
|
</if>
|
|
<script>
|
|
|
|
var lih = $(".notice-ul li");
|
|
|
|
function lunbo(el, h) {
|
|
var ul = $(el);
|
|
var liFirst = ul.find('li:first');
|
|
$(ul).animate({
|
|
top: h
|
|
}, 'slow').animate({
|
|
"top": 0,
|
|
}, 0, function() {
|
|
var clone = liFirst.clone();
|
|
$(ul).append(clone);
|
|
liFirst.remove();
|
|
})
|
|
}
|
|
setInterval("lunbo('.notice-ul', '-30px')", 2500);
|
|
|
|
//公告跳转
|
|
function toNoticeDetail(url) {
|
|
location.href = url;
|
|
}
|
|
wx.config({
|
|
debug: false,
|
|
appId: "{$signPackage.appId}",
|
|
timestamp: "{$signPackage.timestamp}",
|
|
nonceStr: "{$signPackage.nonceStr}",
|
|
signature: "{$signPackage.signature}",
|
|
jsApiList: ['checkJsApi', 'scanQRCode', 'addCard', 'onMenuShareTimeline', 'onMenuShareAppMessage']
|
|
});
|
|
|
|
//---------------------
|
|
/*wx.error(function(res) {
|
|
alert("出错了：" + res.errMsg);//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
|
|
});*/
|
|
|
|
//回调函数
|
|
wx.ready(function() {
|
|
//分享好友
|
|
wx.onMenuShareAppMessage({
|
|
title: "{$shareinfo['title']}", // 分享标题
|
|
desc: "{$shareinfo['describe']}", // 分享描述
|
|
link: "{$http}" + '/index.php/Vip/Register/index/index.html?merchantid=' + "{$vip['merchantid']}" + '&vipid=' + "{$vip['id']}", // 分享链接
|
|
imgUrl: "{$shareinfo['image']}", // 分享图标
|
|
type: '', // 分享类型,music、video或link，不填默认为link
|
|
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
|
|
success: function() {
|
|
|
|
// 用户确认分享后执行的回调函数
|
|
},
|
|
cancel: function() {
|
|
// 用户取消分享后执行的回调函数
|
|
}
|
|
});
|
|
//分享朋友圈
|
|
wx.onMenuShareTimeline({
|
|
title: "{$shareinfo['title']}", // 分享标题
|
|
desc: "{$shareinfo['describe']}", // 分享描述
|
|
link: "{$http}" + '/index.php/Vip/Register/index/index.html?merchantid=' + "{$vip['merchantid']}" + '&vipid=' + "{$vip['id']}", // 分享链接
|
|
imgUrl: "{$shareinfo['image']}", // 分享图标
|
|
success: function() {
|
|
// 用户确认分享后执行的回调函数
|
|
},
|
|
cancel: function() {
|
|
// 用户取消分享后执行的回调函数
|
|
}
|
|
});
|
|
//添加卡券
|
|
var str = "{$mem_signPackage['timestamp']}";
|
|
var strs = "{$mem_signPackage.signature}";
|
|
var code = "{$mem_signPackage.code}";
|
|
var nonce_str = "{$mem_signPackage.nonce_str}";
|
|
|
|
$('.center_list_big').click(function() {
|
|
var text = "{$mem_signPackage['card_id']}";
|
|
if(!text) {
|
|
alertBtn("商家未创建会员卡，请及时联系商家创建会员卡");
|
|
return;
|
|
}
|
|
wx.addCard({
|
|
cardList: [{
|
|
cardId: '{$mem_signPackage['card_id']}', //微信公众号内创建的会员卡的id
|
|
cardExt: '{"timestamp":"' + str + '","signature":"' + strs + '"}'
|
|
}],
|
|
//成功回调
|
|
success: function(res) {
|
|
|
|
window.location.reload();
|
|
}
|
|
})
|
|
})
|
|
});
|
|
$('.bottom_click').contextmenu(function(e) {
|
|
e.preventDefault();
|
|
})
|
|
$('.top_card_num').click(function() {
|
|
$('.top_card_num').show();
|
|
$(this).hide();
|
|
})
|
|
|
|
function share() {
|
|
$('.share').fadeIn();
|
|
}
|
|
|
|
$('.share_know_div').click(function() {
|
|
$('.share').fadeOut();
|
|
})
|
|
|
|
$('.bottom_click').on('touchstart', function() {
|
|
$('.bottom_click').css('backgroundColor', "white");
|
|
$(this).css('backgroundColor', "#ececec");
|
|
$('.bottom_click').on('touchend', function() {
|
|
$('.bottom_click').css('backgroundColor', "white");
|
|
})
|
|
})
|
|
|
|
localStorage.viprefrash = 0; //防止之后的页面重复pushstate
|
|
|
|
var discounts = localStorage.discounts || 0; //储值卡买单
|
|
var onlinepay = localStorage.onlinepay || 0; //在线充值
|
|
var exchange = localStorage.exchange || 0; //积分变动
|
|
var signin = localStorage.signin || 0; //签到
|
|
var changepersonl = localStorage.changepersonl || 0; //修改个人信息
|
|
if(discounts == 1 || onlinepay == 1 || exchange == 1 || signin == 1 || changepersonl == 1) {
|
|
localStorage.clear();
|
|
window.location.reload();
|
|
}
|
|
|
|
//拦截返回事件
|
|
var state = {
|
|
title: "会员卡——互支付智慧平台",
|
|
url: location.href
|
|
}
|
|
window.history.pushState(state, state.title, state.url);
|
|
ToUrlSelfFn(state.title, state.url, function() {
|
|
localStorage.clear();
|
|
WeixinJSBridge.call('closeWindow');
|
|
})
|
|
</script>
|
|
|
|
</html> |