#@mgr("三方接口管理")

#define content()
<section class="content container-fluid">
	
	<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>
		</div>
	</div>
	
</section>
#end

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

	var third = #(third);
	var thirds = #(thirds);
	
	var list = List('.list-container', {
		title: '接口列表',
		formatter: function(ind, row){
			return row.value + '（' + row.key + '）';
		},
		active: function(ind, row){
			return row.key === third.configType;
		},
		event: {
			selected: function(ind, row){
				Kit.go(ATTR.ctrl + '/' + row.key);
			}
		}
	}).load(thirds);
	
	var form = Form('.form-container', {
		title: '接口参数设置：<b>' + third.caption + '</b>',
		action: ATTR.ctrl + '/event',
		ajax: true,
		columns: [
			{
				field: 'configType',
				title: '接口代码',
				enable: false
			}, {
				field: 'appId',
				title: 'AppId',
				required: true,
				autocomplete: 0
			}, {
				field: 'appSecret',
				title: 'AppSecret',
				required: true,
				type: 'password',
				autocomplete: 0,
				repeat: 'x'
			}, {
				field: 'token',
				title: 'Token / Key'
			}, {
				field: 'encryptMessage',
				title: '加密方式',
				type: 'radio',
				options: [{key:0,value:'明文模式'},{key:1,value:'兼容或安全模式'}],
				defaultValue: 0
			}, {
				field: 'encodingAesKey',
				title: 'encodingAesKey',
				type: 'password',
				repeat: 'y'
			}
		],
		callback: function(ret, res){
			if(!res.state){
				Mask().alert(res.msg);
			}else{
				Mask().alert('保存成功！');
			}
		},
		btns: {
			back: { used: false }
		}
	}).load(third);
	
});
</script>
#end