#@mgr("支付渠道管理")

#define content()
<section class="content container-fluid">
	
	#if(msg)
	<div class="alert alert-success alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
	
	<div class="row">
		<div class="col-xs-12 col-md-3">
			<div class="list-container"></div>
		</div>
		<div class="col-xs-12 col-md-9">
			<div class="form-container"></div>
			
			<blockquote>
				<h5><b>填写说明：</b></h5>
				<ul>
				<li>具体参数值请联系各渠道服务商获取。</li>
				<li>测试回调地址（建行聚合支付）：<span class="text-aqua">#(attr.ctrl)/callback</span></li>
				<li>测试回调地址（微信支付）：<span class="text-aqua">#(attr.ctrl)/callbackWx</span></li>
				<li>测试回调地址（支付宝）：<span class="text-aqua">#(attr.ctrl)/callbackAli</span></li>
				<li>请将回调地址设置到渠道后台，或由渠道服务商代为设置。</li>
				<li class="text-danger">注意：以上的测试回调地址仅用于渠道调试，正式的回调地址请联系上游公司获取。</li>
				</ul>
			</blockquote>
			
		</div>
	</div>
	
</section>
#end

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

	var model = #(payment);
	model.enable = parseInt(model.enable);
	
	var list = List('.list-container', {
		title: '渠道列表',
		active: function(ind, row){
			return row.code === model.code;
		},
		event: {
			selected: function(ind, row){
				Kit.go(ATTR.ctrl + '?code=' + row.code);
			}
		}
	}).load(#(channels));
	
	var form = Form('.form-container', {
		title: '渠道参数设置：' + model.caption,
		action: ATTR.ctrl + '/formEvent',
		columns: #(paramConfig),
		btns: {
			back: { used: false },
			debug: { used: true, caption: '测试', cls: 'btn btn-flat btn-warning', icon: 'fa fa-bug', click: function(){
				Mask().form({
					action: ATTR.ctrl + '/debug',
					columns: [
						{
							field: 'code',
							visible: false
						}, {
							field: 'amount',
							title: '缴费金额',
							required: true
						}
					]
				}, {
					code: model.code,
					amount: '0.01'
				});
			} }
		}
	}).load(model);
	
});
</script>
#end