#@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="table-container"></div>
			
			<blockquote>
			<h5><b>参数说明</b></h5>
			<li>此处设置的为当前租户的个性化参数值；</li>
			<li>未指定参数值时将继承默认参数值；</li>
			</blockquote>
		</div>
	</div>

</section>
#end

#define after()
<script>
require(['kit', 'ez-list', 'ez-table', 'ez-mask'], function(Kit, List, Table, Mask){
	
	var groupId = '#(groupId)';
	var groups = #(groups);
	var cfgs = [];
	
	var list = List('.list-container', {
		title: '参数分组',
		activeId: groupId,
		event: {
			selected: function(ind, row){
				groupId = row.id;
				loadData();
			}
		}
	}).load(groups);
	
	var loadData = function(){
		$.get(ATTR.ctrl + '/getData?groupId=' + groupId, function(res){
			cfgs = res.data.cfgs;
			table.load(cfgs);
		});
	}
	
	var table = Table('.table-container', {
		title: '当前租户参数值管理：#(attr.comp.caption)',
		columns: [
			{
				field: 'code',
				title: '参数别名'
			}, {
				field: 'caption',
				title: '参数名称'
			}, {
				field: 'value',
				title: '参数值',
				formatter: function(val, row){
					if(row.type == 'boolean'){
						return (val == '1' || val == 'true') ? '<i class="text-green fa-fw fa fa-check"></i> 是' : '<i class="text-red fa-fw fa fa-times"></i> 否';
					}else{
						return val;
					}
				}
			}
		],
		btns: {
			back: { used: false },
			add: { used: false },
			remove: { used: false },
			modify: {
				used: true,
				click: function(){
					var rows = table.getSelected();
					if(rows.length != 1){
						Mask().alert('请选择一条数据');
						return;
					}
					modifyEvent(rows[0]);
				}
			}
		}
	}).load(cfgs);
	
	var modifyEvent = function(rec){
		var valCol = { field: 'value', title: '参数值' };
		if(rec.type == 'int'){
			valCol.type = 'number';
		}else if(rec.type == 'boolean'){
			valCol.type = 'radio';
			valCol.options = [{key: '1', value: '<i class=\'text-green fa fa-check\'></i> 是'},{key: '0', value: '<i class=\'text-red fa-fw fa fa-times\'></i> 否'}];
		}
		var mask = Mask().form({
			title: '参数值管理：',
			ajax: true,
			action: ATTR.ctrl + '/formEvent',
			columns: [
				{
					field: 'groupId',
					title: '分组ID',
					visible: false,
					defaultValue: groupId
				}, {
					field: 'code',
					title: '参数别名',
					enable: false
				}, {
					field: 'caption',
					title: '参数名称',
					enable: false
				}, {
					field: 'type',
					title: '参数类型',
					type: 'radio',
					options: [{key:'string', value:'字符'},{key:'int', value:'数值'},{key:'boolean', value:'布尔'}],
					defaultValue: 'string',
					enable: false
				}, valCol
			],
			callback: function(ret, res){
				if(res.state){
					Mask().alert('参数保存成功！');
					cfgs = res.data.cfgs;
					table.load(cfgs);
					mask.hide();
				}else{
					Mask().alert(res.msg);
				}
			}
		}, rec);
	}
	
	loadData();
	
});
</script>
#end