#@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>
		</div>
	</div>

</section>
#end

#define after()
<script>
require(['kit', 'ez-list', 'ez-table', 'ez-mask'], function(Kit, List, Table, Mask){
	
	var moduleCode = '#(moduleCode)';
	var modules = #(modules);
	var perms = [];
	var roles = [];
	
	var list = List('.list-container', {
		title: '模块列表',
		active: function(ind, row){
			return row.code === moduleCode
		},
		event: {
			selected: function(ind, row){
				if(row.code == moduleCode) return false;
				moduleCode = row.code;
				loadData();
			}
		}
	}).load(modules);
	
	var loadData = function(){
		$.get(ATTR.ctrl + '/getData?moduleCode=' + moduleCode, function(res){
			perms = res.data.perms;
			roles = res.data.roles;
			table.load(roles);
		});
	}
	
	var showForm = function(ins){
		var mask = Mask().form({
			title: '编辑角色',
			action: ATTR.ctrl + '/formEvent',
			ajax: true,
			columns: [
				{
					field: 'moduleId',
					visible: false,
					defaultValue: moduleCode
				}, {
					field: 'code',
					title: '角色代码',
					required: true,
					enable: Kit.isEmpty(ins.code)
				}, {
					field: 'caption',
					title: '角色名称',
					required: true,
				}, {
					field: 'summary',
					title: '角色描述'
				}, {
					field: 'sort',
					title: '序号',
					type: 'number',
					defaultValue: 0
				}, {
					field: 'a',
					type: 'title',
					title: '包含权限'
				}, {
					field: 'permIds',
					title: '包含权限',
					type: 'checkbox',
					showLabel: false,
					options: perms,
					optionsKey: 'code',
					optionsValue: 'caption',
					labelWidth: 200
				}
			],
			callback: function(ret, res){
				if(res.state){
					Mask().alert('保存成功！');
					mask.hide();
					loadData();
				}else{
					Mask().alert(res.msg);
				}
			}
		}, ins);
	}
	
	var showImports = function(){
		var summary = '<li>请不要删除导入文件中的两行表头。</li>' +
					  '<li>角色代码相同时按照已存在的角色处理。</li>';
		var mask = Mask({ summary }).form({
			title: '导入角色',
			action: ATTR.ctrl + '/importsEvent',
			ajax: true,
			columns: [
				{
					field: 'moduleCode',
					visible: false,
					defaultValue: moduleCode
				}, {
					field: 'file',
					title: '导入文件',
					type: 'file',
					required: true
				}, {
					field: 'repeatCode',
					title: '已存在的角色',
					type: 'radio',
					options: [{key:0,value:'跳过'},{key:1,value:'覆盖'}],
					defaultValue: 0
				}
			],
			callback: function(ret, res){
				if(res.state){
					Mask().alert('成功导入 ' + res.data.cnt + ' 条数据！');
					mask.hide();
					loadData();
				}else{
					Mask().alert(res.msg);
				}
			}
		}, {});
	}
	
	var table = Table('.table-container', {
		title: '角色列表',
		columns: [
			{
				field: 'code',
				title: '角色代码'
			}, {
				field: 'caption',
				title: '角色名称'
			}, {
				field: 'summary',
				title: '角色描述'
			}, {
				field: 'permIds',
				title: '包含权限',
				type: 'selectMulti',
				options: perms,
				optionsKey: 'code',
				optionsValue: 'caption',
				visible: false
			}, {
				field: 'sort',
				title: '序号',
				type: 'number',
				align: 'center'
			}
		],
		btns: {
			back: { used: false },
			add: {
				used: true,
				click: function(){
					var sort = roles.length == 0 ? 1 : roles[roles.length - 1].sort + 1;
					showForm({ sort });
				}
			},
			modify: {
				used: true,
				click: function(){
					var rows = table.getSelected();
					if(rows.length == 0){
						Mask().alert('请选择一条数据');
						return;
					}
					showForm(rows[0]);
				}
			},
			remove: {
				used: true,
				click: function(){
					var ids = table.getSelectedId();
					if(ids.length == 0){
						Mask().alert('请选择一条数据');
						return;
					}
					Mask().confirm({
						content: '确定要删除该条数据吗？',
						callback: function(){
							$.get(ATTR.ctrl + '/remove?id=' + ids[0], function(res){
								loadData();
							});
							return true;
						}
					});
				}
			},
   			exports: {
   				used: true,
   				cls: 'btn btn-warning btn-sm',
   				icon: 'fa fa-cloud-download',
   				caption: '导出',
   				click: function(){
   					Kit.go(ATTR.ctrl + '/exports?moduleCode=' + moduleCode);
   				}
   			},
   			imports: {
   				used: true,
   				cls: 'btn btn-warning btn-sm',
   				icon: 'fa fa-cloud-upload',
   				caption: '导入',
   				click: function(){
   					showImports();
   				}
   			},
   			viewcode: {
   				used: true,
   				cls: 'btn btn-default btn-sm',
   				icon: 'fa fa-code',
   				caption: '查看代码',
   				float: 'right',
   				click: function(){
					Mask().form({
						title: '角色数据代码',
						columns: [
							{
								field: 'json',
								type: 'textarea',
								showLabel: false,
								css: { height: 400 }
							}
						],
						btns: { submit: { used: false } }
					}, { json: Kit.json2code(Kit.filterFields(roles, 'code,caption,summary,permIds,sort')) });
   				}
   			}
		}
	}).load(roles);
	
	loadData();
	
});
</script>
#end