sooka_maintenance
/
bsdsjj_siping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361
							<%@page pageEncoding="UTF-8"%>
<%@include file="/commons/include/html_doctype.html"%>
<html>
<head>
<%@include file="/commons/include/form.jsp"%>
<title>组织选择</title>
<f:link href="tree/zTreeStyle.css"></f:link>
<style type="text/css">
html {
	overflow: hidden;
}

.ztree {
	overflow: auto;
}

.label {
	color: #6F8DC6;
	text-align:left;
	padding-right: 6px;
	padding-left: 0px;
	font-weight: bold;
}
	.panel-search {
    min-width: 321px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-top: 3px;
}
.l-layout-right{left:578px;}
</style>
<script type="text/javascript"
	src="${ctx}/js/tree/jquery.ztree.js"></script>
<script type="text/javascript">
		var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)、
		var scope =eval("("+dialog.get("scope")+")"); 
		var isSingle='${param.isSingle}';
		var orgTree = null;
		findStr = '';
		//树展开层数
		var expandDepth = 2; 
		var type ="";
		var typeVal="";
		if(scope){
			type = scope.type;
			typeVal = scope.value; 
		}
		forbidF5("Chrome");//禁止刷新页面
		$(function() {
			$("#defLayout").ligerLayout({
				leftWidth: 190,
				allowRightResize:false,
				allowLeftResize:false,
				allowTopResize:false,
				allowBottomResize:false,
				height: '90%',
				minLeftWidth:170,
				rightWidth:170
			});
			
			$('#demensionId').change(function(){
        		var demensionId=$(this).val();
        		loadTree(demensionId);
             });
			//首先加载行政维度的数据。
			loadTree(1);
			
			//快速查找
			handQuickFind();
			
			initData();
			
			var  src="${ctx}/platform/system/sysOrg/selector.ht?isSingle=${param.isSingle}&type="+type+"&typeVal="+typeVal;
			 $("#orgFrame").attr("src",src);
			
		});
		
		function handQuickFind(){
			$("input.quick-find").bind('keyup',function(){
				var str = $(this).val();
				if(!str)return;
				if(str==findStr)return;
				findStr = str;
				var  tbody = $("#orgList"), 	
					 firstTr = $('tr.hidden',tbody);
				$("tr",tbody).each(function(){
					var me = $(this),
						span = $('span',me),
						spanStr = span.html();
					if(!spanStr)return true;						
					if(spanStr.indexOf(findStr)>-1){
						$(this).insertAfter(firstTr);
					}
				});
			});
		}
		
		
		//初始化父级窗口传进来的数据
		function initData(){
			//var obj = window.dialogArguments;
			var obj=dialog.get("arrys");
			
			if(obj&&obj.length>0){
				for(var i=0,c;c=obj[i++];){
					var data = c.id+'#'+c.name;
					if(c.name!=undefined&&c.name!="undefined"&&c.name!=null&&c.name!=""){
						add(data);
					}
				}
			}
		};
		function add(data) {
			var aryTmp = data.split("#");
			var orgId = aryTmp[0];
			var len = $("#org_" + orgId).length;
			if (len > 0) return;
			var roleTemplate = $("#orgTemplate").val();
			var html = roleTemplate.replace("#orgId", orgId)
				.replace("#data", data)
				.replace("#name", aryTmp[1]);
			$("#orgList").append(html);
		};
		//展开收起
		function treeExpandAll(type) {
			orgTree = $.fn.zTree.getZTreeObj("orgTree");
			orgTree.expandAll(type);
		};
		
		function treeExpand() {
			orgTree = $.fn.zTree.getZTreeObj("orgTree");
			var treeNodes = orgTree.transformToArray(orgTree.getNodes());
			for(var i=1;i<treeNodes.length;i++){
				if(treeNodes[i].children){
					orgTree.expandNode(treeNodes[i], true, false, false);
				}
			}
		};
		
		function treeFlesh(){
			var demId=$("#demensionId").val();
			loadTree(demId);
		}
		
		function loadTree(value) {
			var setting = {
					data: {
						key : {
							name: "orgName"
						},
					
						simpleData: {
							enable: true,
							idKey: "orgId",
							pIdKey: "orgSupId",
							rootPId: 0
						}
					},
					async: {
						enable: true,
						url:"${ctx}/platform/system/sysOrg/getTreeData.ht?demId="+value+"&type="+type+"&typeVal="+typeVal,
						autoParam:["orgId","orgSupId"]
					},
					callback:{
						onClick : treeClick,
						onAsyncSuccess: orgTreeOnAsyncSuccess
					}
					
				};
				orgTree=$.fn.zTree.init($("#orgTree"), setting);
		};
		//判断是否为子结点,以改变图标	
		function orgTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
			if(treeNode){
		  	 	var children=treeNode.children;
			  	 if(children.length==0){
			  		treeNode.isParent=true;
			  		orgTree = $.fn.zTree.getZTreeObj("orgTree");
			  		orgTree.updateNode(treeNode);
			  	 }
			}
		};
		//选择分类
		function getSelectNode() {
			orgTree = $.fn.zTree.getZTreeObj("orgTree");
			var nodes = orgTree.getSelectedNodes();
			var node = nodes[0];
			if (node == null || node.orgId == 0)
				return '';
			return node.orgId;
		}
	
		function treeClick(event, treeId, treeNode) {
			//取得组织id
			var orgId = getSelectNode();
			var demId = $("#demensionId").val();
			var url = "${ctx}/platform/system/sysOrg/selector.ht?orgId=" + orgId + "&type="+type+"&typeVal="+typeVal+"&demId=" + demId+"&isSingle=${param.isSingle}";
			$("#orgFrame").attr("src", url);
			setOrgId(orgId,demId);
		}
		
		function setOrgId(orgId,demId){
			$("#orgId").val(orgId);
			$("#demId").val(demId);
		}
		function selectOrg() {
			var pleaseSelect= "请选择组织!";
			var aryOrg;
				if(isSingle=='true'){
					aryOrg = $('#orgFrame').contents().find(":input[name='orgId'][checked]");
				}else{
					aryOrg = $("input[name='org']", $("#orgList"));
				}
				if (aryOrg.length == 0) {
					alert(pleaseSelect);
					return;
				}
				var aryId = [];
				var aryName = [];
				var orgJson = [];
				aryOrg.each(function() {
					var data = $(this).val();
					var aryTmp = data.split("#");
					aryId.push(aryTmp[0]);
					aryName.push(aryTmp[1]);
					orgJson.push({
						id: aryTmp[0],
						name: aryTmp[1]
					});
				});
				var orgIds = aryId.join(",");
				var orgNames = aryName.join(",");
		
				var obj = {};
				obj.orgId = orgIds;
				obj.orgName = orgNames;
				obj.orgJson = orgJson;
				
				//window.returnValue = obj;
				dialog.get("sucCall")(obj);
				dialog.close();
		}
		/*KILLDIALOG*/
		function dellAll() {
			$("#orgList").empty();
		};
		//清空
		function clearOrg() {
			/* window.returnValue = {
				orgId: '',
				orgName: '',
				orgJson: []
			}; */
			var rtn={
				orgId: '',
				orgName: '',
				orgJson: []
			};
			dialog.get("sucCall")(rtn);
			dialog.close();
		}
		function selectMulti(obj) {
			if ($(obj).attr("checked") == "checked") {
				var data = $(obj).val();
				add(data);
			}
		};
		function del(obj) {
			var tr = $(obj).closest("tr");
			$(tr).remove();
		};
		function treeFresh() {
			loadTree(1);
			setTimeout(function() {
				curStatus = true;
				treeExpandAll(false, true);
			}, 100);
		}

	</script>
	<style type="text/css">
		html { overflow-x: hidden; }
		.ztree {
			overflow: auto;
		}
		
		.label {
			color: #6F8DC6;
			text-align: right;
			padding-right: 6px;
			padding-left: 0px;
			font-weight: bold;
		}
				.panel-search {
    min-width: 321px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-top: 3px;
}
.l-layout-right{left:578px;}
	</style>
</head>
<body>
	<div id="defLayout">
		<div  position="left" title="组织树" style="float: left;width: 100% !important;height:95%;;">
			 <div style="width:100%;">
		        <select id="demensionId"  style="width:99.8% !important;">  
		              <c:forEach var="dem" items="${demensionList}">  
		              	<option  value="${dem.demId}" <c:if test="${dem.demId==1 }">selected='selected'</c:if> >${dem.demName}</option>  
		              </c:forEach>  
		        </select>
	         </div>

			<div class="tree-toolbar">
				<span class="toolBar">
					<div class="group">
						<a class="link reload" id="treeFresh" href="javascript:treeFlesh();">刷新</a>
					</div>
					<div class="l-bar-separator"></div>
					<div class="group">
						<a class="link expand" id="treeExpandAll"
							href="javascript:treeExpand()">展开</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="orgTree" class="ztree" style="overflow:auto;height:89%;"></ul>
		</div>
		<div position="center">
			<div class="l-layout-header">组织列表</div>
			<iframe id="orgFrame" name="orgFrame" height="95%" width="100%"
				frameborder="0" ></iframe>
		</div>
		<c:if test="${param.isSingle==false}">
			   <div position="right" title="<span><a onclick='javascript:dellAll();' class='link del'>清空 </a><input type='text' class='quick-find' title='快速查询'/></span>" style="overflow: auto;height:95%;width:170px;">
          			<table width="145"   class="table-grid table-list"  cellpadding="1" cellspacing="1">
          				<tbody id="orgList">
          					<tr class="hidden"></tr>
          				</tbody>
					</table>
			  </div>
		</c:if>
	</div>
	 <div position="bottom"  class="bottom" style='margin-top:10px;'>
		<a href='#' class='button' onclick="selectOrg()" style="margin-right:10px;" ><span class="icon ok"></span><span >选择</span></a>
		<a href="javascript:;" class="button"  onclick="clearOrg()"><span class="icon cancel" ></span><span class="cance" >清空</span></a>
		<a href='#' class='button' style='margin-left:10px;' onclick="dialog.close()"><span class="icon cancel"></span><span >取消</span></a> 
	 </div>
	 	<textarea style="display: none;" id="orgTemplate">
		<tr id="org_#orgId">
	  			<td>
	  				<input type="hidden" name="org" value="#data"><span>#name</span>
	  			</td>
	  			<td style="width: 30px;" nowrap="nowrap"><a onclick="javascript:del(this);" class="link del" title="删除">&nbsp;</a> </td>
	  	</tr>
	</textarea>
</body>
</html>