not_template.html
6.41 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
141
142
143
144
145
146
147
148
<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; line-height: 26px;}
.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}
</style>
<div>
<div class="modu">
<p style="font-size: 18px;color: #111;text-align: left;">尊敬的美得得用户：</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;">
<!--<if condition="$is_module_open">-->
<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>
<!--<else/>-->
<!--<div style="width: 300px; margin: 0 auto">-->
<!--<div class="modutd tdgray" onclick="mfty()">-->
<!--<p style="color: red;font-size: 16px; margin-top: 10px">免费</p>-->
<!--<p>体验一个月</p>-->
<!--</div>-->
<!--<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>-->
<!--</if>-->
<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>
$(function () {
$('.payment.wx').click();
})
var trxNo = '';
var payUrl = '';
var recharge_no = '';
var bankOrderNo = '';
var pay_qurl = '{:pay_qurl}';
//支付方式
$(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();
layer.alert('支付成功!', {icon: 6},function () {
clearInterval(T);
openItem0('templateList|Template');
});
}
}
}
}
//免费体验
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){
openItem0('templateList|Template');
}else{
layer.alert('免费体验失败!', {icon: 6, time: 5000});
}
}
});
}
</script>