dromara
/
MaxKey
дзеркало https://gitee.com/dromara/MaxKey.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
							<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<#include  "../layout/header.ftl"/>
	<#include  "../layout/common.cssjs.ftl"/>
<style   type="text/css">
  .table th, .table td {
    padding: .2rem;
    vertical-align: middle;
  }
</style>
<script type="text/javascript">
function onClick (event, treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj("orgsTree");
	nodes = zTree.getCheckedNodes(true);
	var orgsName = "";
	var orgsId = "";
	for (var i=0; i<nodes.length; i++) {
		orgsName += nodes[i].name + ",";
		orgsId += nodes[i].id + ",";
	} 
	
	$("#orgIdsListName").val(orgsName);
	$("#orgIdsList").val(orgsId);
}

$(function () {

	var treeSettings={
		element  :  "orgsTree",
		rootId  :  "1",
	 	checkbox  :  true,
	 	onClick  :  onClick,
	 	onDblClick  :  null,
	 	url  :  "<@base/>/orgs/tree"
	};
		
	function singlePath(newNode) {
		if (newNode === curExpandNode) return;
		if (curExpandNode && curExpandNode.open==true) {
			var zTree = $.fn.zTree.getZTreeObj(treeSettings.element);
			if (newNode.parentTId === curExpandNode.parentTId) {
				zTree.expandNode(curExpandNode, false);
			} else {
				var newParents = [];
				while (newNode) {
					newNode = newNode.getParentNode();
					if (newNode === curExpandNode) {
						newParents = null;
						break;
					} else if (newNode) {
						newParents.push(newNode);
					}
				}
				if (newParents!=null) {
					var oldNode = curExpandNode;
					var oldParents = [];
					while (oldNode) {
						oldNode = oldNode.getParentNode();
						if (oldNode) {
							oldParents.push(oldNode);
						}
					}
					if (newParents.length>0) {
						for (var i = Math.min(newParents.length, oldParents.length)-1; i>=0; i--) {
							if (newParents[i] !== oldParents[i]) {
								zTree.expandNode(oldParents[i], false);
								break;
							}
						}
					} else {
						zTree.expandNode(oldParents[oldParents.length-1], false);
					}
				}
			}
		}
		curExpandNode = newNode;
	};
	
	
	function beforeExpand(treeId, treeNode) {
		var pNode = curExpandNode ? curExpandNode.getParentNode():null;
		var treeNodeP = treeNode.parentTId ? treeNode.getParentNode():null;
		var zTree = $.fn.zTree.getZTreeObj(""+treeSettings.element);
		for(var i=0, l=!treeNodeP ? 0:treeNodeP.children.length; i<l; i++ ) {
			if (treeNode !== treeNodeP.children[i]) {
				zTree.expandNode(treeNodeP.children[i], false);
			}
		}
		while (pNode) {
			if (pNode === treeNode) {
				break;
			}
			pNode = pNode.getParentNode();
		}
		if (!pNode) {
			singlePath(treeNode);
		}
	
	};
	function onLoadSuccessed(){
		var zTree = $.fn.zTree.getZTreeObj("orgsTree");
		var orgsIdValues = $("#orgIdsList").val().split(",") ;
		var orgsName="";
		for (var i=0; i<orgsIdValues.length; i++) {
			var node = zTree.getNodeByParam("id",orgsIdValues[i] );
			if(node != null){
				zTree.checkNode(node, true, false);//将指定ID的节点选中
				orgsName +=  node.name + ",";
			}
		} 
		$("#orgIdsListName").val(orgsName);
	}
	
	$.fn.zTree.init(
		$("#"+treeSettings.element), //element
		{//json object 
			check	: 	{
				enable		: 	treeSettings.checkbox
			},
			async	: 	{
				enable		: 	true,
				url			:	treeSettings.url,
				autoParam	:	["id", "name=n", "level=lv"],
				dataType    :   "json",
				otherParam	:	{"otherParam":"zTreeAsyncTest",id:treeSettings.rootId},
				dataFilter	: 	function (treeId, parentNode, childNodes) {
									if (!childNodes) return null;
									for (var i=0, l=childNodes.length; i<l; i++) {
										childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
									}
									return childNodes;
								}
			},
			data			: 	{
				simpleData	: 	{
					enable	: 	true
				}
			},
			callback: {
				onClick			: 	treeSettings.onClick,
				onDblClick		: 	treeSettings.onDblClick,
				beforeAsync		: 	function(treeId, treeNode){
					$.loading();
				},
				onAsyncSuccess	: 	function(event, treeId, treeNode, msg){
					$.unloading();
					onLoadSuccessed();
				},
				//beforeExpand	: 	beforeExpand,
				onExpand		: 	function onExpand(event, treeId, treeNode) {
					curExpandNode = treeNode;
				}
			}
		}
	);//end tree
	
});
function onBodyDown(event) {
	if (!(event.target.id == "menuBtn" || event.target.id == "orgIdsListName" || event.target.id == "orgContent" || $(event.target).parents("#orgContent").length>0)) {
		$("#orgContent").fadeOut("fast");
		$("body").unbind("mousedown", onBodyDown);
	}
}
		
function showOrgsTree() {
	var treeObj = $("#orgIdsListName");
	var treeOffset = $("#orgIdsListName").offset();
	$("#orgContent").css({left:treeOffset.left + "px", top:treeOffset.top + treeObj.outerHeight() + "px"}).slideDown("fast");

	$("body").bind("mousedown", onBodyDown);
}


</script>
</head>
<body>
<form id="actionForm"  method="post" type="label" autoclose="true"  action="<@base/>/accountsstrategy/update"  class="needs-validation" novalidate>
	 <table  border="0" cellpadding="0" cellspacing="0" class="table table-bordered">
		<tbody>
		<tr>
			<th><@locale code="accounts.strategy.id" />：</th>
			<td nowrap>
				<input id="id" type="text" readonly name="id"  class="form-control"   value="${model.id}"/>
			</td>
		</tr>
		<tr>
			<th><@locale code="accounts.strategy.name" />：</th>
			<td nowrap>
				<input type="text" id="name" name="name" class="form-control" title="" value="${model.name!}"  required="" />
			</td>
		</tr>
		<tr>
            <th><@locale code="apps.name"/>：</th>
            <td nowrap>
                <input class="form-control appId" id="appId" name="appId" value="${model.appId!}" type="hidden"  >
                <input class="form-control appName" readonly value="${model.appName!}"    id="appName" name="appName" type="text" >
               
            </td>
        </tr>
		<tr>
                <th><@locale code="accounts.strategy.mapping" />：</th>
                <td nowrap>
                    <select id="mapping" name="mapping" class="form-control form-select"   >
                        
                        <option value="username"  <#if model.mapping?contains("username")>selected</#if> >
                            <@locale code="userinfo.username" />
                        </option>
                        <option value="mobile"  <#if model.mapping?contains("mobile")>selected</#if> >
                            <@locale code="userinfo.mobile" />
                        </option>
                        <option value="email"  <#if model.mapping?contains("email")>selected</#if> >
                            <@locale code="userinfo.email" />
                        </option>
                        <option value="employeeNumber"  <#if model.mapping?contains("employeeNumber")>selected</#if> >
                            <@locale code="userinfo.employeeNumber" />
                        </option>
                        <option value="windowsAccount"  <#if model.mapping?contains("windowsAccount")>selected</#if> >
                            <@locale code="userinfo.windowsAccount" />
                        </option>
                        <option value="idCardNo"  <#if model.mapping?contains("idCardNo")>selected</#if> >
                            <@locale code="userinfo.idCardNo" />
                        </option>
                        
                    </select>
                </td>
            </tr>
            <tr>
                <th><@locale code="accounts.strategy.suffixes" />：</th>
                <td nowrap>
                    <input type="text" id="suffixes" name="suffixes" class="form-control" title="" value="${model.suffixes!}" />
                </td>
            </tr>
            <tr>
                <th><@locale code="accounts.strategy.createType" />：</th>
                <td nowrap>
                    <select id="createType" name="createType" class="form-control form-select"   >
                        <option value="manual"  <#if model.createType?contains("manual")>selected</#if> >
                            <@locale code="accounts.strategy.createType.manual" />
                        </option>
                        <option value="automatic" <#if model.createType?contains("automatic")>selected</#if>  >
                            <@locale code="accounts.strategy.createType.automatic" />
                        </option>
                    </select>
                    
                </td>
            </tr>
		<tr>
				<th><@locale code="accounts.strategy.orgidslist" />：</th>
				<td nowrap>
					<input type="text" id="orgIdsListName" name="orgIdsListName"   readonly  class="form-control" title="" value=""   onclick="showOrgsTree();"/>
					<input type="hidden" id="orgIdsList" name="orgIdsList"   readonly  class="form-control" title="" value="${model.orgIdsList!}"   />
				</td>
		</tr>
		<tr>
			<th><@locale code="accounts.strategy.filters" />：</th>
			<td nowrap>
				<textarea id="filters" name="filters" class="form-control"  rows="3" cols="20">${model.filters!}</textarea>
			</td>
		</tr>
		<tr>
                <th><@locale code="common.text.description" />：</th>
                <td nowrap>
                	<textarea id="description" name="description" class="form-control"  rows="2" cols="20">${model.description!}</textarea>
                </td>
            </tr>
		<tr>
			<td nowrap colspan="2"  class="center">
				<input id="_method" type="hidden" name="_method"  value="post"/>
				<input id="status" type="hidden" name="status"  value="1"/>
	    		<input class="button btn btn-primary mr-3"  id="submitBtn" type="submit" value="<@locale code="button.text.save" />">
  				<input class="button btn btn-secondary mr-3"  id="closeBtn"   type="button" value="<@locale code="button.text.cancel" />">	 
			</td>
		</tr>
		</tbody>
	  </table>
</form>
<div id="orgContent" class="menuContent" style="display:none; position: absolute;">
	<ul id="orgsTree" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
</div>
</body>
</html>