#@mgr(attr.getItem("currentMenuName"))

#define content()
<section class="content container-fluid">
	<div class="row">
		<div class="col-md-9">
		</div>
		<div class="col-md-3 text-right">
			<div class="input-group input-group-sm">
				<input type="text" class="form-control inp-keyword" name="keyword" placeholder="姓名 / 身份证号 / 手机号">
				<span class="input-group-btn"><button type="button" class="btn btn-info btn-flat btn-search">查找</button></span>
			</div>
		</div>
	</div><br>
	<div class="row">
		<div class="col-md-3">
			<div class="tree-container"></div>
		</div>
		<div class="col-md-9">
			<div class="data-container"></div>
		</div>
	</div>
</section>
#end

#define before()
<style>
.mask { box-shadow: rgba(0,0,0,.6) 0 0 0 2666px }
</style>
#end

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

	var type = '#(type)';
	var deptId = '#(pid)';
	var modulesJson = #(modules);
	var rolesJson = #(roles);
	var level = #(level);
	var deptsJson = [];
	var usersJson = [];
	var current = '#(current)';
	
	var levels = [];
	if(level > 1) levels.push({key:2,value:'超级管理员'});
	if(level > 0) {
		levels.push({key:1,value:'管理员'});
		levels.push({key:0,value:'普通用户'});
	}
	
	var filters = function(objs){
		if(current == 'itez' || current == 'netwild') return objs;
		var arr = [];
		$.each(objs, function(i, obj){
			if(obj.loginName == 'itez' || obj.loginName == 'netwild') return true;
			arr.push(obj);
		});
		return arr;
	}
	
	//加载数据
	var loadData = function(pid, keyword, callback){
		var url = ATTR.ctrl + '/getData?type=' + type + '&pid=' + Kit.ifEmpty(pid, deptId) + '&keyword=' + Kit.ifEmpty(keyword, '') + '&includeTree=' + Kit.isEmpty(pid);
		$.get(url, function(res){
			var data = res.data;
			if(Kit.isEmpty(pid)){
				deptsJson = JSON.parse(data.tree);
				list.load(deptsJson);
			}else{
				deptId = pid;
			}
			usersJson = filters(data.users);
			table.load(usersJson);
			if(typeof callback == 'function') callback();
		});
	}
	
	//操作状态缓存（active：操作类型，可选值：move/mgr）
	var activeData = { ids: null, active: null };
	
	//用户基本信息表单
	var maskUser = Mask({ showed: false }).form({
		title: '设置成员',
		action: ATTR.ctrl + '/formEvent',
		ajax: true,
		columns: [
			{
	        	field: 'deptId',
	            title: '机构',
	            defaultValue: deptId,
		        visible: false
			}, {
	            field: 'caption',
	            title: '姓名',
	            required: true
			}, {
	        	field: 'loginName',
	            title: '登录账号',
	            required: true,
				autocomplete: false
			}, {
	        	field: 'loginPass',
	            title: '登录密码',
	            type: 'password',
	            repeat: 'pwd',
	            required: true,
				autocomplete: false
			}, {
	        	field: 'loginPassRel',
	            title: '密码重复',
	            type: 'password',
	            repeat: 'pwd',
	            required: true,
				autocomplete: false
			}, {
	        	field: 'type',
	            title: '用户类型',
	            defaultValue: type,
		        visible: Kit.isEmpty(type)
			}, {
	        	field: 'idNum',
	            title: '身份证号'
			}, {
	        	field: 'num',
	            title: '工号/学号'
			}, {
	        	field: 'phone',
	            title: '手机号'
			}, {
	        	field: 'email',
	            title: 'Email'
			}, {
	        	field: 'sex',
	            title: '性别',
	            type: 'radio',
	            options: [{key:'1',value:'男'}, {key:'0',value:'女'}],
	            defaultValue: '1'
			}, {
	        	field: 'level',
	            title: '用户级别',
	            type: 'radio',
	            options: levels,
	            visible: level > 0,
	            defaultValue: 0,
				labelWidth: 150,
				events: {
					ifClicked: function(evt){
						var is = $(this).val();
						if(is == 0) maskUser.box.find('.group-moduleIds').show();
						else maskUser.box.find('.group-moduleIds').hide();
					}
				}
			}, {
	        	field: 'moduleIds',
	            title: '授权模块',
	            type: 'checkbox',
	            options: modulesJson,
	            optionsKey: 'code',
	            optionsValue: 'caption',
				labelWidth: 150
			}
		],
		before: function(){
			var lev = maskUser.form.getValue('level');
			var moduleIds = maskUser.form.getValue('moduleIds');
			if(lev == 0 && moduleIds.length == 0){
				Mask().alert('请至少为用户授权一个模块！');
				return false;
			}
			return true;
		},
		callback: function(ret, res){
   			if(!res.state){
   				Mask().alert(res.msg);
   			}else{
   				Mask().alert('用户信息保存成功！');
   				maskUser.hide();
				loadData(deptId);
   			}
		}
	}, {});
	
	//授权表单
	var maskRole = Mask({ showed: false }).form({
		title: '用户授权',
		action: ATTR.ctrl + '/roleEvent',
		ajax: true,
		columns: [
			{
	            field: 'caption',
	            title: '姓名',
	            enable: false
			}, {
	        	field: 'moduleIds',
	            title: '授权模块',
	            type: 'checkbox',
	            options: modulesJson,
	            optionsKey: 'code',
	            optionsValue: 'caption',
				labelWidth: 150,
				events: {
					ifClicked: function(evt){
						var is = $(this);
						var group = is.data('val');
						var state = !is.is(':checked');
						if(state){
							maskRole.box.find('.group-roleIds h5[data-group="' + group + '"]').show(300);
							maskRole.box.find('.group-roleIds label[data-group="' + group + '"]').show(300);
						}else{
							maskRole.box.find('.group-roleIds h5[data-group="' + group + '"]').hide(300);
							maskRole.box.find('.group-roleIds label[data-group="' + group + '"]').hide(300);
						}
					}
				}
			}, {
	        	field: 'roleIds',
	            title: '授权身份',
	            type: 'checkbox',
	            options: rolesJson,
	            optionsKey: 'code',
	            optionsValue: 'caption',
	            groupField: 'moduleCaption',
	            selectAll: true,
				labelWidth: 150
			}
		],
		before: function(){
			var moduleIds = maskRole.form.getValue('moduleIds');
			if(moduleIds.length == 0){
				Mask().alert('请至少为用户授权一个模块！');
				return false;
			}
			return true;
		},
		callback: function(ret, res){
   			if(!res.state){
   				Mask().alert(res.msg);
   			}else{
   				Mask().alert('用户授权信息保存成功！');
   				maskRole.hide();
				loadData(deptId);
   			}
		}
	}, {});

	var list = List('.tree-container', {
		title: '组织架构',
		activeId: deptId,
		event: {
			selected: function(ind, row){
				if(row.id == deptId) return false;
				var pid = row.id;
				if(activeData.active == 'move'){ //移动到其他部门
					Mask().confirm({
						content: '确定要将该成员移动到：<b>' + row.caption + '</b> 吗？',
						callback: function(){
							$.get(ATTR.ctrl + '/move?ids=' + activeData.ids + '&pid=' + pid, function(res){
								endActive();
								loadData(deptId);
							});
							return true;
						}
					});
					return false;
				}else if(activeData.active == 'mgr'){ //管辖到部门
					Mask().confirm({
						content: '确定要设置管辖到：<b>' + row.caption + '</b> 吗？',
						callback: function(){
							$.get(ATTR.ctrl + '/toMgr?ids=' + activeData.ids + '&pid=' + pid, function(res){
								endActive();
								loadData(deptId);
							});
							return true;
						}
					});
					return false;
				}else{
					loadData(pid);
				}
			}
		}
	}).load([]);

	var startActive = function(){
		$('.data-container .box-controls .top-left-group').find('.btn').addClass('hidden');
		$('.data-container .box-controls .top-left-group').find('.btn-cancal').removeClass('hidden');
		$('.tree-container').addClass('mask');
	}
	
	var endActive = function(){
		activeData.active = null;
		$('.data-container .box-controls .top-left-group').find('.btn').removeClass('hidden');
		$('.data-container .box-controls .top-left-group').find('.btn-cancal').addClass('hidden');
		$('.tree-container').removeClass('mask');
	}

	var table = Table('.data-container', {
		title: '成员列表',
		checkMulti: true,
		columns: [
			{
	            field: 'caption',
	            title: '姓名',
	            formatter: function(val, row){
	            	var str = val;
	            	if(row.level > 0) str += ' <span class="text-orange" title="管理员"><i class="fa fa-user-secret"></i></span>';
	            	if(Kit.notEmpty(row.deptMgrId)) str += ' <span class="text-purple" title="该用户已设置管辖到部门：' + row.deptMgrCaption + '"><i class="fa fa-thumb-tack"></i></span>';
	            	if(row.locked) str += ' <span class="text-danger" title="已被永久锁定（' + row.lockTime + '）"><i class="fa fa-user-times"></i></span>';
	            	return str;
	            }
			}, {
	        	field: 'loginName',
	            title: '登录账号'
			}, {
	        	field: 'roleIds',
	            title: '用户身份',
	            type: 'selectMulti',
	            options: rolesJson,
	            optionsKey: 'code',
	            optionsValue: 'caption',
		        visible: false
			}, {
	        	field: 'idNum',
	            title: '身份证号',
		        visible: false
			}, {
	        	field: 'type',
	            title: '用户类型',
		        visible: false
			}, {
	        	field: 'regType',
	            title: '注册类型',
		        visible: false
			}, {
	        	field: 'phone',
	            title: '手机号'
			}, {
	        	field: 'email',
	            title: 'Email',
		        visible: false
			}, {
	        	field: 'sex',
	            title: '性别',
	            type: 'radio',
	            options: [{key:'1',value:'男'}, {key:'0',value:'女'}]
			}, {
	        	field: 'header',
	            title: '头像',
	            type: 'pic',
	            visible: false
			}
		],
   		btns: {
   			back: {
				used: false
			}, add: {
				used: true,
				click: function(){
					maskUser.form.update({ type: type, deptId: deptId, level: 0, moduleIds: '' });
					maskUser.box.find('.group-loginPass .fa').addClass('fa-asterisk');
					maskUser.box.find('.group-loginPass input').attr({'required': true, 'placeholder': '请设置密码'});
					maskUser.box.find('.group-loginPassRel .fa').addClass('fa-asterisk');
					maskUser.box.find('.group-loginPassRel input').attr({'required': true, 'placeholder': '请设置密码'});
					maskUser.box.find('.group-moduleIds').show();
					maskUser.show();
				}
			},
			modify: {
   				used: true,
   				click: function(){
   					var inds = table.getSelectedInd();
   					if(inds.length == 0){
   						Mask().alert('请选择要修改的数据');
   						return;
   					}
   					if(inds.length > 1){
   						Mask().alert('只能选择一条数据');
   						return;
   					}
					
   					var u = usersJson[inds[0]];

					if(u.level == 0) maskUser.box.find('.group-moduleIds').show();
					else maskUser.box.find('.group-moduleIds').hide();
					
					maskUser.form.update(u);
					maskUser.box.find('.group-loginPass .fa').removeClass('fa-asterisk');
					maskUser.box.find('.group-loginPass input').removeAttr('required');
					maskUser.box.find('.group-loginPass input').attr('placeholder', '如果不修改密码，此处请留空');
					maskUser.box.find('.group-loginPassRel .fa').removeClass('fa-asterisk');
					maskUser.box.find('.group-loginPassRel input').removeAttr('required');
					maskUser.box.find('.group-loginPassRel input').attr('placeholder', '如果不修改密码，此处请留空');
					maskUser.show();
   				}
   			},
   			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?ids=' + ids.join(','), function(res){
   								loadData(deptId);
   							});
   							return true;
   						}
   					})
   				}
   			},
			roles: {
   				used: true,
   				cls: 'btn btn-warning btn-sm',
   				icon: 'fa fa-key',
   				caption: '授权 ┅',
   				click: function(){
   					var inds = table.getSelectedInd();
   					if(inds.length == 0){
   						Mask().alert('请选择要修改的数据');
   						return;
   					}
   					if(inds.length > 1){
   						Mask().alert('只能选择一条数据');
   						return;
   					}
   					var u = usersJson[inds[0]];
   					if(u.level > 0){
   						Mask().alert('管理员用户拥有全部权限，无需手动授权！');
   						return;
   					}
   					if(u.moduleIds == null) u.moduleIds = '';
   					var modules = u.moduleIds.split(',');
   					var moduleCaps = [];
   					$.each(modulesJson, function(i, m){
   						var at = Kit.findArrInd(modules, m.code);
   						moduleCaps.push({ cap: m.caption, vali: at > -1 });
   					});
   					$.each(moduleCaps, function(i, m){
   						if(m.vali){
   							maskRole.box.find('.group-roleIds h5[data-group="' + m.cap + '"]').show();
   							maskRole.box.find('.group-roleIds label[data-group="' + m.cap + '"]').show();
   						}else{
   							maskRole.box.find('.group-roleIds h5[data-group="' + m.cap + '"]').hide();
   							maskRole.box.find('.group-roleIds label[data-group="' + m.cap + '"]').hide();
   						}
   					});
					maskRole.form.update(u);
					maskRole.show();
   				}
   			},
   			move: {
   				used: true,
   				cls: 'btn btn-success btn-sm',
   				icon: 'fa fa-random',
   				caption: '移动到 ┅',
   				click: function(){
   					var ids = table.getSelectedId();
   					if(ids.length == 0){
   						Mask().alert('请选择至少一条数据');
   						return;
   					}
   					activeData.ids = ids;
   					activeData.active = 'move';
   					startActive();
   				}
   			},
   			mgr: {
   				used: true,
   				cls: 'btn btn-success btn-sm',
   				icon: 'fa fa-thumb-tack',
   				caption: '管辖到 ┅',
   				click: function(){
   					var ids = table.getSelectedId();
   					if(ids.length == 0){
   						Mask().alert('请选择至少一条数据');
   						return;
   					}
   					activeData.ids = ids;
   					activeData.active = 'mgr';
   					startActive();
   				}
   			},
   			cancal: {
   				used: true,
   				cls: 'btn btn-danger btn-sm hidden',
   				icon: 'fa fa-close',
   				caption: '取消操作',
   				click: function(){
   					endActive();
   				}
   			},
   			exports: {
   				used: true,
   				cls: 'btn btn-success btn-sm',
   				icon: 'fa fa-cloud-download',
   				caption: '导出',
   				click: function(){
   					Kit.go(ATTR.ctrl + '/exports?deptId=' + deptId + '&type=' + type);
   				}
   			},
   			imports: {
   				used: true,
   				cls: 'btn btn-success btn-sm',
   				icon: 'fa fa-cloud-upload',
   				caption: '导入',
   				click: function(){
   					Kit.go(ATTR.ctrl + '/imports?deptId=' + deptId + '&type=' + type);
   				}
   			},
   			unlock: {
   				used: true,
   				cls: 'btn btn-default btn-sm',
   				icon: 'fa fa-warning',
   				caption: '解除锁定',
   				float: 'right',
   				click: function(){
   					var rows = table.getSelected();
   					if(rows.length != 1){
   						Mask().alert('请选择一条数据');
   						return;
   					}
   					if(!rows[0].locked){
   						Mask().alert('该用户未被锁定，可正常登录！');
   						return;
   					}
   					Mask().confirm({
   						content: '确定要对选定的成员解除锁定吗？<br><br>解锁后，该成员将可以正常登录。',
   						callback: function(){
   							$.get(ATTR.ctrl + '/unlock?ids=' + rows[0].id, function(res){
   								loadData(deptId);
   							});
   							return true;
   						}
   					})
   				}
   			}
   		}
	}).load(usersJson);
	
	$('.btn-search').on('click', function(){
		var keyword = $('.inp-keyword').val();
		if(Kit.isEmpty(keyword)) return;
		$.ajax({
			url: ATTR.ctrl + '/search?type=' + type + '&keyword=' + keyword,
			success: function(res){
				if(res.data.users){
					var maskSearch = Mask().table({
						title: '查找结果：',
						btnsDisplay: false,
						checked: false,
						excel: false,
						columns: [
							{
								field: 'caption',
								title: '姓名',
								formatter: function(val, row){
									return '<a class="btn-to-dept" href="javascript:void(0)" data-toid="' + row.deptId + '">' + val + '</a>';
								}
							}, {
								field: 'deptCaption',
								title: '部门'
							}
						]
					}, res.data.users);
					maskSearch.box.find('.btn-to-dept').on('click', function(){
						maskSearch.hide();
						var toDeptId = $(this).data('toid');
						list.boxList.find('.itez-tree-list-li[data-id="' + toDeptId + '"] > .itez-tree-list-item > .caption').trigger('click');
					});
				}else{
					Mask().alert('没有找到匹配的用户！');
				}
			}
		});
	});
	
	loadData();
	
});
</script>
#end