91 lines
2.6 KiB
HTML
91 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>购买套餐</title>
|
||
<script src="__STATIC__/ext/layui/layui.js"></script>
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/ext/layui/css/layui.css" />
|
||
</head>
|
||
<style>
|
||
.container {
|
||
text-align: center;
|
||
margin: 10px auto;
|
||
}
|
||
.upload-img-block {
|
||
padding: 20px;
|
||
width: 190px;
|
||
height: 190px;
|
||
border: 1px dashed #ddd;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
}
|
||
</style>
|
||
<div class="container layui-form ns-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">套餐金额</label>
|
||
<div class="layui-input-block">
|
||
<text>{$goodsInfo.price}元</text>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">总数月数</label>
|
||
<div class="layui-input-block">
|
||
<text>{$goodsInfo.agent_number}</text>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">赠送金额</label>
|
||
<div class="layui-input-block">
|
||
<text>{$goodsInfo.agent_money}</text>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label img-upload-lable">付款码：</label>
|
||
<div class="layui-input-inline img-upload">
|
||
<div class="upload-img-block">
|
||
<div class='upload-img-box'>
|
||
<div class="ns-upload-default">
|
||
<div class="upload">
|
||
<img width="150px" id="qrcode" src="{$payinfo.qrcode}"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ns-word-aux" style="color:#e03f1b;">扫码付款</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
layui.use('form', function() {
|
||
var form = layui.form,$=layui.$,
|
||
order = '{$payinfo.out_trade_no}';//防重复标识
|
||
form.render();
|
||
getPayState();
|
||
function getPayState(){
|
||
setTimeout(function (){
|
||
$.ajax({
|
||
url: "{:addon_url('api/pay/status')}",
|
||
data: {out_trade_no:order},
|
||
dataType: 'JSON',
|
||
type: 'POST',
|
||
success: function(res){
|
||
res=JSON.parse(res)
|
||
let data=res.data;
|
||
if(data.pay_status==0){
|
||
getPayState();
|
||
}else if(data.pay_status==2) {
|
||
layer.msg('充值成功', {
|
||
icon: 1,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
}, function(){
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
location.reload();
|
||
});
|
||
}
|
||
}
|
||
})
|
||
},1500)
|
||
}
|
||
});
|
||
</script> |