#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	
	<div class="info-container"></div>
	
	<div class="margin-top text-center">
		<a class="btn btn-success btn-flat btn-auth"><i class="fa fa-share-alt"></i> 服务商授权</a>
		<a class="btn btn-warning btn-flat btn-able btn-open"><i class="fa fa-toggle-on"></i> 开启服务商代理</a>
		<a class="btn btn-warning btn-flat btn-able btn-close"><i class="fa fa-toggle-off"></i> 关闭服务商代理</a>
	</div>
	
</section>
#end

#define after()
<script>
require(['kit', 'ez-mask'], function(Kit, Mask) {

	var isv = #(isv);
	var url = '#(url)';
		
	var initInfo = function(){
		var box = $('.info-container').empty();
		box.append('<dt>授权状态</dt><dd>' + (Kit.notEmpty(isv.id) ? '<span class="text-green">已授权</span>' : '<span class="text-muted">未授权</span>') + '</dd>');
		box.append('<dt>授权应用</dt><dd>' + (Kit.notEmpty(isv.id) ? '<span class="text-green">AppID（' + isv.appid + '）</span>' : '<span class="text-muted">无</span>') + '</dd>');
		box.append('<dt>代理状态</dt><dd>' + (isv.enable ? '<span class="text-green">已开启</span>' : '<span class="text-muted">未开启</span>') + '</dd>');
		if(isv.enable){
			$('.btn-open').hide();
			$('.btn-close').show();
		}else{
			$('.btn-open').show();
			$('.btn-close').hide();
		}
	}
	
	$('.btn-auth').on('click', function(){
		var html = '<div style="padding:30px;text-align:center;">' +
				   '	<img src="' + ATTR.indexCtrl + '/qrcode?code=' + url + '"><br>' +
				   '	<a class="btn btn-success btn-flat margin-top" href="' + url + '"><i class="fa fa-external-link"></i> 进入支付宝授权页面</a>' +
				   '	<p style="margin-top:20px">您可以使用手机支付宝扫描上方二维码，也可以直接点击上方授权按钮，按提示即可完成授权</p>' +
				   '</div>';
		Mask().alert(html);
	});
	
	$('.btn-able').on('click', function(){
		if(Kit.isEmpty(isv.id)){
			Mask().alert('请先完成服务商授权！');
			return;
		}
		var enable = $(this).hasClass('btn-open');
		Mask().confirm({
			content: '确定要' + (enable ? '开启' : '关闭') + '服务商代理吗？',
			callback: function(){
				$.get(ATTR.ctrl + '/isvAliEnable?enable=' + enable, function(res){
					if(res.state){
						isv.enable = enable;
						initInfo();
					}else{
						Mask().alert(res.msg);
					}
				});
				return true;
			}
		});
	});
	
	initInfo();
	
});
</script>
#end

#define before()
<style>
.info-container { padding: 15px; background: #FFF; }
dt { margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #EEE; }
dd { margin-top: 10px; }
</style>
#end