huangxingxing
/
adi-manager-web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>角色维护</title>

<script type="text/javascript" src="../../scripts/jquery-1.8.3.js"></script>
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<script type="text/javascript" src="../../scripts/jquery.easyui.js"></script>
	<script type="text/javascript" src="../../scripts/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript"
		src="../../scripts/jquery.validate.rules.generate.js"></script>
	<script type="text/javascript" src="../../scripts/config.js"></script>
	<script type="text/javascript" src="../../scripts/comment.js"></script>
	<script type="text/javascript" src="../../scripts/utils.js"></script>
	<script type="text/javascript" src="../../scripts/init.js"></script>
	<script type="text/javascript" src="../../scripts/jquery.edatagrid.js"></script>

	<link rel="stylesheet" href="../../themes/zTreeStyle/zTreeStyle.css"
		type="text/css">
		<script type="text/javascript"
			src="../../scripts/jquery.ztree.core.js"></script>
		<script type="text/javascript"
			src="../../scripts/jquery.ztree.excheck.js"></script>
</head>
<body>
	<table id="dg" style="width: 98%; height: 512px" toolbar="#toolbar"
		pagination="true" idField="roleid" rownumbers="true"
		fitColumns="false" singleSelect="true">
		<thead>
			<tr>
				<th field="ck" data-options="checkbox:true" width="5"></th>
				<th field="roleid" align="left"
					data-options="editor:valiBoxEtr(true,'vBaseEN',4,64)"
					sortable="true" width="180">角色编码</th>
				<th field="name" align="left"
					data-options="editor:valiBoxEtr(true,'',2,64)" sortable="true"
					width="200">角色名称</th>

				<th field="menuids" editor="text" hidden="true" width="90">菜单列表1</th>
				<th field="funcids" editor="text" hidden="true" width="90">功能列表1</th>

				<th field="menuids1" align="center"
					data-options="formatter:linkMenuFmt()" width="100">菜单列表</th>
				<th field="funcids1" align="center"
					data-options="formatter:linkFunFmt()" width="100">功能列表</th>

				<th field="roledesc" align="center" sortable="true" width="250"
					editor="text">角色描述</th>
			</tr>
		</thead>
	</table>
	<div id="toolbar">
	<!--<span>系统类型:</span> <input id="systembox" class="easyui-combobox"-->
			<!--name="language"-->
			<!--data-options="-->
                    <!--data:getListData('systemClass'),-->
                    <!--valueField:'id',-->
                    <!--textField:'text',-->
                    <!--panelHeight:'auto',-->
					<!--required:false,-->
					<!--editable:false,-->
					<!--value:'manager'-->
					<!---->
         <!--">-->
         <a href="#"
					class="easyui-linkbutton" plain="true"
					data-options="iconCls:'icon-search',plain:true"
					onclick="doSearch()">查询</a>
		<a href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-add" plain="true"
			onclick="javascript:$('#dg').edatagrid('addRow')">新增</a> <a
			href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-save" plain="true"
			onclick="javascript:$('#dg').edatagrid('saveRow')">保存</a> <a
			href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-undo" plain="true"
			onclick="javascript:$('#dg').edatagrid('cancelRow')">恢复</a> <a
			href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-remove" plain="true"
			onclick="javascript:$('#dg').edatagrid('destroyRow')">删除</a> <a
			href="javascript:void(0)" class="easyui-linkbutton"
			iconCls="icon-reload" plain="true"
			onclick="javascript:$('#dg').datagrid('reload')">刷新</a> <a href="#"
			class="easyui-linkbutton" plain="true"
			data-options="iconCls:'icon-excel',plain:true" onclick="doSearch(1)">导出</a>
	</div>

	<!-- 菜单权限 -->
	<div id="menuWin" iconCls="icon-edit" class="easyui-dialog"
		title="菜单权限"
		style="width: 410px; height: 295px; padding: 10px; align: 'center'; top: 120px;"
		style="width:300px;height:180px;"
		data-options="modal:true,closed:true">
		<ul id="menuTree" class="ztree"
			style="padding: 0 40px; text-align: center; width: 296px; height: 211px; overflow: auto; border: 1px solid #ddd"></ul>
		<div style="padding: 5px; text-align: center;">
			<a href="#" class="easyui-linkbutton" icon="icon-ok"
				onclick="javascript:{setMenuIds();}">确定</a> <a href="#"
				class="easyui-linkbutton" icon="icon-cancel"
				onclick="javascript:{closemenuWin();}">取消</a>
		</div>
	</div>

	<!-- 功能权限 -->
	<div id="funWin" iconCls="icon-edit" class="easyui-dialog" title="功能权限"
		style="width: 410px; height: 295px; padding: 10px; align: 'center'; top: 120px;"
		style="width:300px;height:180px;"
		data-options="modal:true,closed:true">
		<ul id="funTree" class="ztree"
			style="padding: 0 40px; text-align: center; width: 296px; height: 211px; overflow: auto; border: 1px solid #ddd"></ul>
		<div style="padding: 5px; text-align: center;">
			<a href="#" class="easyui-linkbutton" icon="icon-ok"
				onclick="javascript:{setFunIds();}">确定</a> <a href="#"
				class="easyui-linkbutton" icon="icon-cancel"
				onclick="javascript:{closefunWin();}">取消</a>
		</div>
	</div>

	<script type="text/javascript">
	//页面加载调用
    $(function(){
    	doSearch();
    });
	function doSearch(download){
		var systemType = "service";//$('#systembox').combobox('getValue');
		var params ="proNames=roleid"+"&channelNo="+systemType;
		//区别于查询还是下载
		if(download==1){
			downloadExcel('#dg','角色信息查询','SYSROLE01','rows=-1&proNames=roleid');
		}else{
			   $('#dg').edatagrid({
                url: getUrl('SYSROLE01',params),
                saveUrl: getUrl('SYSROLE02',params),
                updateUrl: getUrl('SYSROLE03',params),
                destroyUrl: getUrl('SYSROLE04',params),
               	striped:true,
                pagination: true,   
            	pageSize: 15,//每页显示的记录条数，默认为10 
            	pageList: [10, 15,25, 50,100],//可以设置每页记录条数的列表  
                loadFilter: function (data){
                	loadFilterError(data);
                	return data;
                }
            });
		}
	};
	
	//菜单窗口
	function showMenuWin(selectIndex){
		$("#dg").datagrid('acceptChanges');   
		//获取选择的id值
		var row = $("#dg").datagrid("getSelected");
		if(row){
			var index = $('#dg').datagrid('getRowIndex', row);
			if(selectIndex!=index){
 				$.messager.alert('系统提示','请勾选当前行后，再进行菜单修改！','info');
 				return;
			}
			$('#dg').datagrid('beginEdit',index);
			$('#menuWin').dialog('open');
			syncAjaxCall('SYSMENU01','rows=-1&orderBy=menuindex',function(data){
	   			if(data){
   	   				var menuids_ = row.menuids;
   	   				var menusList = data.rows;
   	   				var menusNodes =[];
   	   				for(index in menusList){
   	   					if(menusList[index].menuid){
   	   	   					var node ={};
   	   	   					node.id = menusList[index].menuid;
   	   	   					if(menusList[index].menupid){
   	   	   	   					node.pId = menusList[index].menupid;
   	   	   					}
   	   	   					node.name = menusList[index].menuname;
   	   	   					if(menuids_.indexOf(node.id)>=0){
   	   	   	   					node.checked = true;
   	   	   					}else{
   	   	   	   					node.checked = false;
   	   	   					}
   	   	   					node.open = true;
   	   	   					menusNodes.push(node);
   	   					}
   	   				}
   	    			$.fn.zTree.init($("#menuTree"), ztreeSetting, menusNodes);
	   			}
	 		});
		}
    } 
	
	//设置菜单,并且关闭窗体
	function setMenuIds(){ 
		var treeObj = $.fn.zTree.getZTreeObj("menuTree");
		var nodes = treeObj.getCheckedNodes(true);
		var menuids_ ='';
		for(var i=0;i<nodes.length;i++){
			menuids_ = menuids_+nodes[i].id;
			if(i<(nodes.length-1)){
				menuids_ = menuids_+',';
			}
		}
		var row = $("#dg").datagrid("getSelected");
		if(row){
			//触发行修改
			var index = $('#dg').datagrid('getRowIndex', row);
			var editors = $('#dg').datagrid('getEditors',index);      
			editors[2].target.val(menuids_);
			$("#dg").datagrid('acceptChanges');   
		}
		$('#menuWin').dialog('close');
	}
	
	//关闭窗体
	function closemenuWin(){ 
		var row = $("#dg").datagrid("getSelected");
		if(row){
			var index = $('#dg').datagrid('getRowIndex', row);
			var editors = $('#dg').datagrid('getEditors',index);      
			$("#dg").datagrid('acceptChanges');   
		}
		$('#menuWin').dialog('close');
	}
	
	function linkMenuFmt() {
		return function(value,row,index) {
			return '<a href="javascript:void(0)" onclick="showMenuWin('+index+')">修改</a>';
		};
	};


	//功能窗口
	function showFunWin(selectIndex){ 
		//获取选择的id值
		$("#dg").datagrid('acceptChanges');
		var row = $("#dg").datagrid("getSelected");
		if(row){
			
			var index = $('#dg').datagrid('getRowIndex', row);
			if(selectIndex!=index){
 				$.messager.alert('系统提示','请勾选当前行后，再进行功能修改！','info');
 				return;
			}
			$('#dg').datagrid('beginEdit',index);
			$('#funWin').dialog('open');
	    	//以下不直接返回List，不需要isList=1参数，直接加载使用，以下方式可以检测通讯故障
	    	syncAjaxCall('SYSFUNCT01','rows=-1&orderBy=functionid',function(data){
	   			if(data){
	   				var funcids_ = row.funcids;
	   				var funcsList = data.rows;
	   				var funcsNodes =[];
	   				//将分类作为主功能做加载，选择后将主功能的选项再次剔除，所以增加'pfunc_'作为前缀
	   				var map = new MapUtils();
	   				for(index in funcsList){
	   					var node ={};
	   					node.id = 'pfunc_'+funcsList[index].classname;
	   					node.name = funcsList[index].classname;
	   					node.checked = false;
	   					node.open = true;
	   					var tmp = map.get(node.id);
						if(tmp){
							continue;
						}else{
							map.put(node.id,node);
							funcsNodes.push(node);
						}
	   				}   	
	   				//增加主分类下的子功能
	   				for(index in funcsList){
	   					var node ={};
	   					node.id = funcsList[index].functionid;
	   					node.pId = 'pfunc_'+funcsList[index].classname;
	   					node.name = funcsList[index].functionname;
	   					if(funcids_.indexOf(node.id)>=0){
	  	   	   				node.checked = true;
	  	   				}else{
	  	   	   				node.checked = false;
	  	   				}
	   					node.open = true;
	   					funcsNodes.push(node);
	   				}
	   				$.fn.zTree.init($("#funTree"), ztreeSetting, funcsNodes);
	   			}
	 		});			
		}
    } 
	
	//设置菜单,并且关闭窗体
	function setFunIds(){ 
		var treeObj = $.fn.zTree.getZTreeObj("funTree");
		var nodes = treeObj.getCheckedNodes(true);
		var funcids_ ='';
		for(var i=0;i<nodes.length;i++){
			//剔除增加的分类节点
			if(nodes[i].id.indexOf('pfunc_')<0){
				funcids_ = funcids_+nodes[i].id;
				if(i<(nodes.length-1)){
					funcids_ = funcids_+',';
				}
			}
		}
		var row = $("#dg").datagrid("getSelected");
		if(row){
			var index = $('#dg').datagrid('getRowIndex', row);
			var editors = $('#dg').datagrid('getEditors',index);      
			editors[3].target.val(funcids_);
			$("#dg").datagrid('acceptChanges');   
		}
		$('#funWin').dialog('close');
	};
	
	//关闭窗体
	function closefunWin(){ 
		var row = $("#dg").datagrid("getSelected");
		if(row){
			var index = $('#dg').datagrid('getRowIndex', row);
			var editors = $('#dg').datagrid('getEditors',index);      
			$("#dg").datagrid('acceptChanges');   
		}
		$('#funWin').dialog('close');
	}
	
	function linkFunFmt() {
		return function(value,row,index) {
			return '<a href="javascript:void(0)" onclick="showFunWin('+index+')">修改</a>';
		};
	};

    </script>
</body>
</html>