lyh_template.html
5.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<include file="public/layout" />
<link href="__PUBLIC__/static/css/index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/js/mchat_global.js"></script>
<style>
.modu{ max-width: 600px; margin: 0 auto; text-align: center; font-size: 14px}
.modu p{ margin-top: 10px}
.modutd{width:130px; height: 65px; margin-left: 5px; float: left; position: relative}
.tdgray{background: #e3e3e3;}
.bdr{border: 1px solid red; position: relative; top:-1px}
.ribot{position: absolute; right: 0; bottom: 0}
body{min-width: 400px;overflow: hidden;}
</style>
<div>
<div class="modu">
<p style="font-size: 18px;color: #111;text-align: left;">尊敬的美得得用户:</p>
<p style="text-align: left;">自2018年3月24日起,美得得手店(即微商城)——【自定义模板】功能将实行收费制,针对老商家美得得将赠送1个月的免费使用期(2018年3月24日——2018年4月30日),即从2018年5月1日开始进行收费;针对新商家将从使用该功能起皆有1个月的免费体验期,欢迎大家体验!</p>
<p style="text-align: left;"> 注:逾期未续费将自动恢复平台默认模板,请及时关注有效期!</p>
</div>
<div style="clear:both"></div>
<!---支付界面--->
<div class="laybox" style="margin-top: 25px">
<dl style="text-align: center;color: #333;">
<div style="width: 130px; margin: 0 auto">
<div class="modutd bdr">
<p style="margin-top: 16px"><em style="color: red;font-size: 20px;">388</em>元/年</p>
<img class="ribot" src="/public/static/images/ribot.png" alt="">
</div>
<div style="clear:both"></div>
</div>
<dd>
<div class="ware_ewm">
<div id="ewm_box" class="ewm">
<img id="ewm_box0" class="ewm" src="" alt="">
</div>
<span class="sjbox lt"></span>
<span class="sjbox rt"></span>
<span class="sjbox lb"></span>
<span class="sjbox rb"></span>
</div>
<div class="ware_more">
<ul>
<li>支付金额:<span id="buy_money" style="color: red; font-size: 18px">388</span> 元/年</li>
<li>到期时间:<span id="buy_days" style="font-size: 16px">{$end_time}</span></li>
<li>扫一扫二维码,支付更轻松</li>
<li>
<span buytype="6" class="wx payment" flag="WEIXIN"></span>
<span buytype="6" class="zfb payment" flag="ALIPAY"></span>
</li>
</ul>
</div>
</dd>
</dl>
</div>
</div>
<script>
var trxNo = '';
var payUrl = '';
var recharge_no = '';
var bankOrderNo = '';
var pay_qurl = '{:pay_qurl}';
$(function () {
$(".payment.wx").click();
});
//支付方式
$(document).on("click", ".payment", function () {
$(".payment").removeClass("on");
$(this).addClass("on");
$("#ewm_box0").attr('src', '');//清空二维码
trxNo = '';
payUrl = '';
recharge_no = '';
bankOrderNo = '';
var bugtype = $(this).attr("buytype");
var data = {
'buy_num': 1,//数量
'payWay': $(this).attr('flag'),//支付方式:ALIPAY、WEIXIN
'type': bugtype //开通在线客服数量
};
var shadow = layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '250px',time:0});
var r = ajax_return('{:url("Index/Create_QRCode")}', data, false, 'post', 2);
if (r['code'] == 1) {
trxNo = r['trxNo']; //流水号
payUrl = r['payUrl']; //支付链接
recharge_no = r['orderNo']; //传入orderNo
bankOrderNo = r['bankOrderNo']; //银行订单号=流水号
//QRCode.makeCode(payUrl); //生成二维码
var url="/index.php?m=home&c=index&a=qr_code&data="+payUrl;
$("#ewm_box0").attr("src",url);
layer.close(shadow);
}
});
var T = window.setInterval("submit_wx()", 2500); //自动校验
//关闭支付页面
function submit_wx()
{
if (bankOrderNo != '') {
//支付状态查询
var arr = ajax_return(pay_qurl + '?bankOrderNo=' + bankOrderNo, '', false, 'GET', 2);
//客户支付完成
if (arr['code'] == 0) {
//支付完成&&处理完成
if (arr['data']['status'] == 100) {
trxNo = '';
payUrl = '';
recharge_no = '';
bankOrderNo = '';
layer.closeAll();
var url='/index.php?m=Admin&c=Template&a=templateList';
layer.alert('支付成功!', {icon: 6},function () {
clearInterval(T);
window.parent.callback0();
});
}
}
}
}
//免费体验
function mfty() {
var shadow = layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '250px',time:0});
$.ajax({
type: 'get',
url: '/index.php/admin/index/mfty',
dataType: 'json',
success: function (data) {
layer.close(shadow);
if(data.code==1){
window.location.href="/index.php/admin/template/templateList"
}else{
layer.alert('免费体验失败!', {icon: 6, time: 5000});
}
}
});
}
</script>