sooka_maintenance
/
bsdsjj_siping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
							<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8" import="com.hotent.platform.model.system.Resources"%>
<%@include file="/commons/include/html_doctype.html"%>
<html>
<head>
<title>资源管理</title>
<%@include file="/commons/include/form.jsp" %>
<f:link href="tree/zTreeStyle.css"></f:link>
<script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js"></script>
<script type="text/javascript" src="${ctx}/js/lg/plugins/ligerComboBox.js"></script>
<script type="text/javascript" src="${ctx}/js/lg/plugins/ligerWindow.js" ></script>
<script type="text/javascript" src="${ctx}/js/hotent/platform/system/IconDialog.js"></script>
<script type="text/javascript" src="${ctx}/js/hotent/platform/system/Share.js"></script>
<script type="text/javascript" src="${ctx}/servlet/ValidJs?form=resources"></script>
<script type="text/javascript">
	/*KILLDIALOG*/
	var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
	
	var rootId=0;
	//当前访问系统
	var systemId=null;
	//var winArgs = window.dialogArguments;
	var winArgs =dialog.get('params');
	$(function(){
		$("#defaultUrl").val(winArgs.addUrl);
		$("#resName").val(winArgs.name);
		
		//布局
		loadLayout();
		//加载树
		systemId=$("#subSystem").val();
		loadTree();
		//改变子系统
		$("#subSystem").change(function(){
			systemId=$("#subSystem").val();
			$("#systemId").val(systemId);
			loadTree();
		});
		
		//-----Center Area
		function showRequest(formData, jqForm, options) { 
			return true;
		}
		
		$("#resName").blur(function(){
			var obj=$(this);
			autoPingin(obj);
		});

		valid(showRequest,showResponse);
		$("a.save").click(function() {
			var parentId = $("#parentId").val();
			if(!parentId){
				$.ligerDialog.warn('请从左边的资源树上选择父节点！');
				return;
			}
			$('#resourcesForm').submit(); 
		});
		
		
	});

	//布局
	function loadLayout(){
		$("#layout").ligerLayout( {
			leftWidth : 300,
			height: 550,
			onHeightChanged: heightChanged,
			allowLeftResize:false
		});
		//取得layout的高度
        var height = $(".l-layout-center").height();
        $("#resourcesTree").height(height-90);
	};
	//布局大小改变的时候通知tab，面板改变大小
    function heightChanged(options){
     	$("#resourcesTree").height(options.middleHeight -90);
    };
    //树
	var resourcesTree;
	//加载树
	function loadTree(){
		var setting = {
			async: {enable: false},
			data: {
				key:{name:"resName"},
				simpleData: {
					enable: true,
					idKey: "resId",
					pIdKey: "parentId",
					rootPId: <%=Resources.ROOT_PID%>
				}
			},
			view: {
				selectedMulti: false
			},
			callback:{
				onClick: zTreeOnLeftClick
			}
		};
		var url="${ctx}/platform/system/resources/getSystemTreeData.ht";
		var params={systemId:systemId};
		$.post(url,params,function(result){
			resourcesTree=$.fn.zTree.init($("#resourcesTree"), setting,result);
			resourcesTree.expandAll(true);
		});
	
	};


	//左击
	function zTreeOnLeftClick(event, treeId, treeNode){
		var isfolder=treeNode.isFolder;
		var msg=$("#msg");
		if(isfolder==1){
			msg.text('');
		}else if(isfolder==0){
			msg.text('选择的父节点必须要有权限放子节点！');
			return;
		}
		var resId=treeNode.resId;
		$("#parentId").val(resId);
	};
	
	//展开收起
	function treeExpandAll(type){
		resourcesTree = $.fn.zTree.getZTreeObj("resourcesTree");
		resourcesTree.expandAll(type);
	};

	//选择资源节点。
	function getSelectNode(){
		resourcesTree = $.fn.zTree.getZTreeObj("resourcesTree");
		var nodes  = resourcesTree.getSelectedNodes();
		var node   = nodes[0];
		return node;
	}
	//刷新
	function reFresh(){
		loadTree();
	};
	
	//添加完成后调用该函数
	function addResource(id,text,icon,isFolder){
		var parentNode=getSelectNode();
		resourcesTree = $.fn.zTree.getZTreeObj("resourcesTree");
		var treeNode= {resId:id,parentId:parentNode.resId,resName:text,icon:icon,isFolder:isFolder};
		resourcesTree.addNodes(parentNode,treeNode);
	}
	//编辑完成后调用该函数。
	function editResource(text,icon,isFolder){
		var selectNode=getSelectNode();
		selectNode.resName=text;
		selectNode.icon=icon;
		selectNode.isFolder=isFolder;
		resourcesTree = $.fn.zTree.getZTreeObj("resourcesTree");
		resourcesTree.updateNode(selectNode);
	}

	function showResponse(responseText){
		var json=eval("("+responseText+")");
		if(json.result==1){
			var resName=$("#resName").val();
			var isFolder=$("#isFolder").val();
			var icon=$("#icon").val();
			addResource(json.resId,resName,icon,isFolder);
			$.ligerDialog.alert("添加为菜单成功！",'提示信息',"success",function(rtn){
				dialog.close();
			});
		}
		else{
			$.ligerDialog.err('出错信息',"查看资源管理失败",json.message);
		}
	}
	
	
	function selectIcon(){
		 IconDialog({callback:function(src){
			$("#icon").val(src);
			$("#iconImg").attr("src",src);
			$("#iconImg").show();
		}});
	};
	
	function autoPingin(obj){
		var value=obj.val();
		Share.getPingyin({
			input:value,
			postCallback:function(data){
				$("#alias").val(data.output);
			}
		});
	}
	
</script>
<style type="text/css">
	.tree-title{overflow:hidden;width:8000px;}
	.ztree{overflow: auto;}
</style>
</head>
<body>
<div id="layout">
	<div id="left" position="left" title="资源管理" >
		<div style="width:100%;">
		        <select id="subSystem" style="width:99.8% !important;">  
		              <c:forEach var="subSystemItem" items="${subSystemList}">  
		         			<option value="${subSystemItem.systemId}" 
		         			<c:choose>
		         				<c:when test="${subSystemItem.systemId==currentSystemId}">
		         					selected="selected"
		         				</c:when>
		         			</c:choose>>${subSystemItem.sysName}</option>  
		        	  </c:forEach>  
		        </select>
		  </div>
		<div class="tree-toolbar tree-title" id="pToolbar">
			<span class="toolBar">
				<div class="group"><a class="link reload" id="treeFresh" href="javascript:reFresh();">刷新</a></div>
				<div class="l-bar-separator"></div>
				<div class="group"><a class="link expand" id="treeExpandAll" href="javascript:treeExpandAll(true)">展开</a></div>
				<div class="l-bar-separator"></div>
				<div class="group"><a class="link collapse" id="treeCollapseAll" href="javascript:treeExpandAll(false)">收起</a></div>
			</span>
		</div>
		<ul id="resourcesTree" class="ztree"></ul>
	</div>
    
	<div position="center">
		<div id="addResourceDiv">
		<form id="resourcesForm" method="post" action="save.ht">
			<div class="panel">
					<div class="panel-top">
						<div class="tbar-title">
							<span class="tbar-label">添加子系统资</span>
						</div>
						<div class="panel-toolbar">
							<div class="toolBar">
								<div class="group"><a class="link save" id="dataFormSave" href="javascript:;"><span></span>保存</a></div>
								<div class="l-bar-separator"></div>
								<div><span style="margin-left: 50px" class="red" id="msg"></span></div>
							</div>
						</div>
					</div>
					<div class="panel-body">
							<table id="resourcesTable" class="table-detail" cellpadding="0" cellspacing="0" border="0">
									<tr>
										<th width="20%">资源名称:  <span class="required">*</span></th>
										<td><input type="text" id="resName" name="resName"   class="inputText"/></td>
									</tr>
									<tr>
										<th width="20%">资源别名: </th>
										<td><input type="text" id="alias" name="alias" class="inputText"/></td>
									</tr>
									
									<tr>
										<th width="20%">资源图标: </th>
										<td>
											<input type="hidden" id="icon" name="icon"  class="inputText"/>
											<img id="iconImg" alt="" style="display:none;">
											<a class="link detail" href="javascript:selectIcon();">选择</a>
										</td>
									</tr>
									<tr>
										<th width="20%">默认地址: </th>
										<td><input type="text" id="defaultUrl" name="defaultUrl" style="width:400px"  class="inputText" readonly="readonly"/></td>
									</tr>
									<tr>
										<th width="20%">是否有子节点: </th>
										<td>
											<select id="isFolder" name="isFolder">
												<option value="0" >否</option>
												<option value="1" >是</option>
											</select>
										</td>
									</tr>
									<tr>
										<th width="20%">显示到菜单: </th>
										<td>
											<select id="isDisplayInMenu" name="isDisplayInMenu">
												<option value="0" >否</option>
												<option value="1" selected="selected" >是</option>
											</select>
										</td>
									</tr>
									<tr>
										<th width="20%">默认打开: </th>
										<td>
											<select id="isOpen" name="isOpen">
												<option value="0" >否</option>
												<option value="1" selected="selected" >是</option>
											</select>
										</td>
									</tr>
									
									<tr style="display: none;">
										<th width="20%">同级排序: </th>
										<td><input type="text" id="sn" name="sn" value="1" class="inputText"/></td>
									</tr>
									<tr style="display: none;">
										<th width="20%">父ID: </th>
										<td><input type="text" id="parentId" name="parentId"  class="inputText"/></td>
									</tr>
									<tr style="display: none;">
										<th width="20%">systemId: </th>
										<td><input type="text" id="systemId" name="systemId" class="inputText" value="${currentSystemId}"/></td>
									</tr>
									<input type="hidden" id="resId" name="resId" />
							</table>
					</div>
			</div>
			</form>
		</div>
	</div>
</div>

</body>
</html>