cxhxy/app/applet/view/alipay/index.html
2023-11-21 15:14:59 +08:00

99 lines
4.6 KiB
HTML

<div class="row-content am-cf">
<div class="row">
<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
<div class="widget am-cf">
<div class="widget-body am-form tpl-form-line-form">
{if $model['app_auth_token'] == ''}
<div class="widget-head am-cf">
<div class="widget-title am-fl">绑定支付宝小程序</div>
</div>
<div class="am-form-group">
<div style="background:#eeeeee;margin-left:100px;border-radius:10px;padding:20px;" class="am-u-sm-6 am-u-md-6 am-u-lg-3">
<div style="text-align:center;font-weight: 900;">我已有小程序</div>
<div style="margin-top:20px;text-align:center;">
<a id="auth" class="am-btn am-btn-default am-btn-success am-radius" href="javascript:;">
扫码绑定
</a>
</div>
<div style="margin-top:20px;text-align:center;color:#999;">
<small>支付宝APP扫码完成授权</small>
</div>
</div>
<div style="background:#eeeeee;margin-left:100px;border-radius:10px;padding:20px;" class="am-u-sm-6 am-u-md-6 am-u-lg-3 am-u-end">
<div style="text-align:center;font-weight: 900;">我还没有小程序</div>
<div style="margin-top:20px;text-align:center;">
<a class="am-btn am-btn-default am-btn-success am-radius" href="https://open.alipay.com/" target="_blank">
快速注册
</a>
</div>
<div style="margin-top:20px;text-align:center;color:#999;">
<small>登录开放平台去注册</small>
</div>
</div>
</div>
{else /}
<div class="widget-head am-cf">
<div class="widget-title am-fl">小程序信息</div>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require"> UID </label>
<div class="am-u-sm-9 am-u-end">
<input type="text" class="tpl-form-input" value="{$model['user_id']}" disabled>
</div>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require"> AppID </label>
<div class="am-u-sm-9 am-u-end">
<input type="text" class="tpl-form-input" value="{$model['app_id']}" disabled>
</div>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">授权token </label>
<div class="am-u-sm-9 am-u-end">
<input type="text" class="tpl-form-input" value="{$model['app_auth_token']}" disabled>
</div>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-u-lg-2 am-form-label form-require">AES密钥 </label>
<div class="am-u-sm-9 am-u-end">
<input type="text" class="tpl-form-input" value="{$model['aes_key']}" disabled>
</div>
</div>
{/if}
</div>
</div>
</div>
</div>
</div>
{include file="alipay/auth" /}
<script>
$(function () {
$('#auth').on('click', function () {
var url = "{$url}";
if(url == ''){
$.show_error('未配置支付宝开放平台参数');
return false;
}
$.showAction({
title: '请使用支付宝APP扫码',
area: '400px',
content: template('tpl-auth', {model:url}),
uCheck: true,
btn: ['取消'],
success: function ($content) {
//检测授权状态
var interval = setInterval(function(){
$.post("{:url('alipay/auth')}",{},function(res){
if(res.code == 1){
window.location.reload();
}
});
},3000);
},
btn2: function ($content) {
return true;
}
});
});
});
</script>