#@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-4 col-lg-3">
			<div class="form-container"></div>
		</div>
		<div class="col-xs-12 col-md-8 col-lg-9">
			<div class="table-container"></div>
		</div>
	</div>
	
</section>
#end

#define after()
<script>
require(['ez-form', 'ez-table', 'ez-modal', 'kit'], function(Form, Table, Modal, Kit){

	var appId = '#(appId)';
	var osType = '#(osType)';
	var apps = #(apps);
	
	var form = Form('.form-container', {
		title: '检索条件：',
		action: '#(attr.ctrl)',
		cols: { sm: [6, 6], md: [6, 6], lg: [4, 8] },
		columns: [
			{
				field: 'appid',
				title: 'AppId',
				required: true
			}, {
				field: 'os',
				title: '系统',
				type: 'radio',
				options: [{key:'ios',value:'iOS'},{key:'android',value:'Android'}]
			}
		],
		btns: {
			back: { used: false }
		}
	}).load({ appid: appId, os: osType });
	
	var table = Table('.table-container', {
		title: '客户端更新列表（' + appId + '：' + osType + '）',
		columns: [
			{
				field: 'appVer',
				title: '版本号',
				width: 180
			}, {
				field: 'summary',
				title: '更新描述'
			}, {
				field: 'url',
				title: '安装文件',
				type: 'file',
				visible: false
			}
		],
		btns: {
			back: { used: false },
			add: { used: true, click: function(){ Kit.go('#(attr.ctrl)/form?appid=' + appId + '&os=' + osType) } },
			modify: { used: true, click: function(){ Kit.go('#(attr.ctrl)/form?id=' + table.getSelectedId()) } },
			remove: { used: true, click: function(){ Kit.go('#(attr.ctrl)/remove?appid=' + appId + '&os=' + osType + '&id=' + table.getSelectedId()) } }
		}
	}).load(apps);
	
});
</script>
#end