347 行
14 KiB
HTML
可执行文件
347 行
14 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.6.46]-->
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
|
<title>{$merchant_name}</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vip/css/templateB/card-home.css"/>
|
|
<script type="text/javascript" src="__PUBLIC__/vip/js/templateB/rem.js"></script>
|
|
<style>
|
|
html,body{
|
|
background-color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="card">
|
|
<if condition="$vip['headimgurl']">
|
|
<img class="card-head" src="{$vip['headimgurl']}"/>
|
|
<else/>
|
|
<img class="card-head" src="/Public/vip/images/tx.png">
|
|
</if>
|
|
<span class="card-name">{$vip['name']?$vip['name']:$vip['nickname']}</span>
|
|
<div class="card-grade-con">
|
|
<img class="card-v" src="{$vip['gradeimgurl']}"/>
|
|
<span class="card-grade" style="white-space: nowrap;">{$vip['cardname']}</span>
|
|
</div>
|
|
<img class="card-code" onclick="location.href='/index.php/Vip/Mycard/dynamic'"
|
|
src="__PUBLIC__/vip/images/templateB/code.png" alt="二维码ico"/>
|
|
<if condition="$vip['cardnum1']">
|
|
<span class="card-num">NO.{$vip['cardnum1']}</span>
|
|
<span class="card-num" style="display: none;">NO.{$vip['cardnum']}</span>
|
|
</if>
|
|
|
|
</div>
|
|
<div class="cube">
|
|
<a class="cube-inner1" onclick="location.href='/index.php/Vip/Onlinepay/index.html'">
|
|
<img class="cube-inner1-img" src="__PUBLIC__/vip/images/templateB/balance.png"/>
|
|
<div class="cube-inner1-txt">
|
|
<div class="cube-inner1-txt1">{$vip['balance']}</div>
|
|
<div class="cube-inner1-txt2">余额</div>
|
|
</div>
|
|
</a>
|
|
<notin name="defaultindex5" value="$hidedefaultindex">
|
|
<a class="cube-inner2 center_list_big">
|
|
<img class="cube-inner2-img" src="__PUBLIC__/vip/images/templateB/cardbag.png"/>
|
|
<div class="cube-inner2-txt">
|
|
<if condition="$vip['iswxcode'] eq 1">微信卡包
|
|
<else/>
|
|
添加至微信卡包
|
|
</if>
|
|
</div>
|
|
</a>
|
|
</notin>
|
|
<a class="cube-inner3" href="{:U('Integral/index')}">
|
|
<img class="cube-inner3-img" src="__PUBLIC__/vip/images/templateB/integral.png"/>
|
|
<div class="cube-inner3-txt">
|
|
<div class="cube-inner3-txt1">{$vip['integral']}</div>
|
|
<div class="cube-inner3-txt2">积分</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<if condition="$notices">
|
|
<div class="notice_con">
|
|
<div class="notice-box">
|
|
<img class="notice_img" src="__PUBLIC__/vip/images/templateB/horn.png" alt="通知">
|
|
<div class="notice" data-len="{:count($notices)}">
|
|
<volist name="notices" id="no">
|
|
<div class="notice_content" onclick="toNoticeDetail('{$no[\'url\']}')">
|
|
<span style="white-space: nowrap;">{$no['content']}</span>
|
|
</div>
|
|
</volist>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</if>
|
|
|
|
<div class="menu">
|
|
<notin name="defaultindex1" value="$hidedefaultindex">
|
|
<a class="menu-inner" href="{:U('Cardcenter/index')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu1.png"/>
|
|
<span class="menu-inner-txt">储值中心</span>
|
|
</a>
|
|
</notin>
|
|
<notin name="defaultindex2" value="$hidedefaultindex">
|
|
<a class="menu-inner" href="{:U('Membership/index')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu2.png"/>
|
|
<span class="menu-inner-txt">会员卡详情</span>
|
|
</a>
|
|
</notin>
|
|
<notin name="defaultindex3" value="$hidedefaultindex">
|
|
<a class="menu-inner" href="{:U('Signin/index')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu3.png"/>
|
|
<span class="menu-inner-txt">每日签到</span>
|
|
</a>
|
|
</notin>
|
|
<empty name="is_score_mall">
|
|
<else/>
|
|
<notin name="is_score_mall['id']" value="$hideplugarr">
|
|
<a class="menu-inner" href="{:U('ScoreMall/index')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu4.png"/>
|
|
<span class="menu-inner-txt">积分商城</span>
|
|
</a>
|
|
</notin>
|
|
</empty>
|
|
<empty name="is_coupon">
|
|
<else/>
|
|
<notin name="is_coupon['id']" value="$hideplugarr">
|
|
<a class="menu-inner" href="{:U('Coupon/index')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu6.png"/>
|
|
<span class="menu-inner-txt">优惠券中心</span>
|
|
</a>
|
|
</notin>
|
|
</empty>
|
|
|
|
<empty name="is_sub_card">
|
|
<else/>
|
|
<notin name="is_sub_card['id']" value="$hideplugarr">
|
|
<a class="menu-inner" href="{:U('CardBag/index2')}">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu7.png"/>
|
|
<span class="menu-inner-txt">卡包</span>
|
|
</a>
|
|
</notin>
|
|
</empty>
|
|
|
|
<notin name="defaultindex4" value="$hidedefaultindex">
|
|
<a class="menu-inner" id="shareClick">
|
|
<img class="menu-inner-img" src="__PUBLIC__/vip/images/templateB/menu5.png"/>
|
|
<span class="menu-inner-txt">分享得积分</span>
|
|
</a>
|
|
</notin>
|
|
</div>
|
|
<div class="mask">
|
|
<div class="sharea">
|
|
<img src="__PUBLIC__/vip/images/templateB/share.png"/>
|
|
</div>
|
|
<div class="shareb"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/js/tips.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>
|
|
<if condition="$notices">
|
|
<script>
|
|
function toNoticeDetail(url) {
|
|
location.href = url;
|
|
}
|
|
|
|
var len = parseInt($('.notice').attr('data-len'));
|
|
var height = $('.notice_content').height();
|
|
var index = 0;
|
|
var timerInt1 = null;
|
|
var timerInt2 = null;
|
|
|
|
function noticeMove() {
|
|
var w = 0;
|
|
var width = $('.notice_content').eq(index).children('span').width() + 5;
|
|
|
|
setTimeout(function () {
|
|
timerInt1 = setInterval(function () {
|
|
if (w < width) {
|
|
w++;
|
|
// console.log(index)
|
|
$('.notice_content').eq(index).css('marginLeft', -w + 'px');
|
|
} else {
|
|
clearInterval(timerInt1);
|
|
if (index < len - 1) {
|
|
index++;
|
|
} else {
|
|
index = 0;
|
|
}
|
|
$('.notice_content').eq(index).css('marginLeft', '0px');
|
|
var t = 0;
|
|
timerInt2 = setInterval(function () {
|
|
if (t < height) {
|
|
t++;
|
|
if (index > 0) {
|
|
var y = -((height * (index - 1)) + t);
|
|
} else {
|
|
var y = height - t;
|
|
}
|
|
$('.notice').css('top', y + 'px');
|
|
} else {
|
|
clearInterval(timerInt2);
|
|
noticeMove();
|
|
}
|
|
}, 17)
|
|
}
|
|
}, 20)
|
|
}, 2000)
|
|
}
|
|
|
|
if (len && len > 1) {
|
|
noticeMove();
|
|
}
|
|
</script>
|
|
</if>
|
|
<script type="text/javascript">
|
|
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();
|
|
}
|
|
})
|
|
})
|
|
});
|
|
|
|
|
|
//分享
|
|
$('#shareClick').click(function () {
|
|
$('.mask').show();
|
|
})
|
|
$('.shareb').click(function () {
|
|
$('.mask').hide();
|
|
})
|
|
//点击改变背景色
|
|
$('.menu-inner').on('touchstart', function () {
|
|
$('.menu-inner').css('backgroundColor', "white");
|
|
$(this).css('backgroundColor', "#ececec");
|
|
$('.menu-inner').on('touchend', function () {
|
|
$('.menu-inner').css('backgroundColor', "white");
|
|
})
|
|
})
|
|
|
|
//显示隐藏卡号
|
|
$('.card-num').click(function () {
|
|
$('.card-num').show();
|
|
$(this).hide();
|
|
})
|
|
|
|
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> |