<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>支付</title>
<link rel="stylesheet" href="/static/component/pear/css/pear.css" />
</head>
<style>
.layui-container{background-color: #F9F9F9}
.auth-type{margin: 10px 0px;}
.order-info{margin:10px 0px; line-height: 30px;}
.pay-type{line-height: 50px;}
.soft-info{margin: 10px;}
.pay-tips{line-height:20px;text-align: center;margin-bottom: 20px;}
</style>
<body>
<div class="layui-container">
<div class="layui-row">
<div class="auth-type">
授权
</div>
</div>
<div class="layui-row">
<div class="order-info">
<p>订单标题：<em>{$orderData.subject}</em></p>
<p>订单编号：<em>{$orderData.out_trade_no}</em></p>
<p>订单价格：<em class="scanpay-price">￥{$orderData.total_amount}</em> 元</p>
</div>
</div>
<div class="layui-row">
<div class="layui-col-sm6">
<div class="pay-type">
<div style="padding: 5px; text-align: center;"><img src="/static/res/images/alipay.jpg" style="height:80px;"></div>
</div>
<div class="soft-info">
<div>不支持退款</div>
<br />
<div>软件协议:本软件为原作者拥有版权权限，购买软件可以商用，禁止出售第三方行为。</div>
</div>
</div>
<div class="layui-col-sm6">
<div class="qrcode" data-text="支付宝当面付" style="padding: 5px; text-align: center;">
<img src="{$orderData.qr_code_img}">
</div>
<div class="pay-tips">
<p>请使用支付宝扫一扫<br>扫描二维码进行支付</p>
</div>
</div>
</div>
</div>
<script src="/static/component/layui/layui.js"></script>
<script src="/static/component/pear/pear.js"></script>
<script type="text/javascript">
layui.use(['jquery'], function() {
var $ = layui.jquery;
var out_trade_no = "{$orderData.out_trade_no}";
let URL = 'https://www.aieok.com/pay/checkstatus.html?out_trade_no=' + out_trade_no;
var interval = setInterval(function () {
$.ajax({
type: "get",
url: URL,
data: {out_trade_no: out_trade_no},
dataType: "json",
success: function (res) {
// 等等支付时，一直轮询
if (res.code !== 0) {
clearInterval(interval);
}
}
})
}, 2500);
})
</script>
</body>
</html>