[#macro chooseManager  source=[]  names=[] id="" name=""  choose="" org_id="" search="" type="" customerId=""]
<div class="choose">
<div class="chooseLeft">
<div class="choose-ser">
        	<input type="text" class="choose-serInput"  value="${search}"/><input type="button" value="" class="choose-serBtn" />
        </div>
         <div class="chooseTree">
	<div class="three_tree">
	  [#if source?? && source?size>0]
	    <ul>
	     [#list source as cate]
	           <li [#if cate.isKj=='1']class="firstTree cur"[#else]class="firstTree"[/#if]><em></em><span></span>${cate.DEPT_NAME}
	        [#if cate.children?? && cate.children?size>0]
	            <ul [#if cate.isKj=='1']class="thirdTree cur"[#else]class="thirdTree" style="display:none;"[/#if] >
	             [#list cate.children as ej]
	                        <li><em class="last"></em><span class="last"></span><a href="#" [#if ej.isKj=='1'] class="already "[/#if] id="${ej.USER_ID}">${ej.USER_NAME}<input type="hidden" name="${ej.USER_NAME}" id="${ej.USER_ID}"  value="${ej.USER_ID}"/></a></li>
	               [/#list]
	            </ul>
	           [/#if]
	        </li>
	        [/#list]
	    </ul>
	    [#else]
	   	<div class="loadpos"><span class="nodata"></span></div>
		[/#if]
	</div>
	 </div>
	 </div>
	  <div class="chooseRight" id="right">
		  [#if userList?? && userList?size>0]
		  <h2>已选列表</h2>
		  [#list userList as customer]
		  <p name="names"><span><a id="${customer.USER_ID}" class='del'>删除</a></span>${customer.USER_NAME}
		  <input type="hidden" name="${customer.USER_NAME}" value="${customer.USER_ID}"/>
		  </p>
		  [/#list]
		  [#else]
        <div class="zw">请从左侧选择人员</div>
		  [/#if]
    </div>
	</div>
	<script>
     var visit_name="";
$(".choose-serBtn").click(function () {
	var val = $(".choose-serInput").val();
    $("#right p input").each(function (i, n) {
        visit_name+=$(this).attr("name")+"_"+$(this).val()+",";
    });
    window.location.href="${base}/business/pages/duty/exchangeCustomer.html?planId=${planId}&name="+val+"&type=1";
})
$(function () {
    if(!$.util.isEmpty('${search}')){
        var $input = $("input[name*='"+'${search}'+"']");
        //选中人员
        $input.parent().addClass('already');
        $input.parent().prev().addClass("last2");
        //展开树
        $input.closest("li.secondTreeBtn").addClass("cur");
        $input.closest("ul.thirdTree").show();
        $input.closest("li.firstTree").addClass("cur");
        $input.closest("ul.secondTree").show();
    }
})
$(function(){
	$("li.firstTree").on("click",function() {
		var $nextUl = $(this).children("ul.thirdTree");
		if($nextUl.is(":visible")) {
			$(this).removeClass("cur");
			$nextUl.slideUp("show");
		} else {
			$(this).addClass("cur");
			$nextUl.slideDown("show");
		}
	});

	$("li.secondTreeBtn").on("click",function() {
		var $nextUl = $(this).children("ul.thirdTree");
		if($nextUl.is(":visible")) {
			$(this).removeClass("cur");
			$nextUl.slideUp("show");
		} else {
			$(this).addClass("cur");
			$nextUl.slideDown("show");
		}
		return false;
	});

	$(".thirdTree li").on("click",function(event) {
		event.stopPropagation();
	});


	for(var i=0;i<$("li>a").length;i++){
		$("li>a").on("click",function(){
			var y =++i;
// 				$("li>a").removeClass("already");
// 				$("li>a").removeAttr("id");
				$("li>a").prev("span.last").removeClass("last2");
            var flag=false;
            var id=$(this).find('input').val();
            $("#right p input").each(function (i, n) {
                if(n.value==id){
                    flag=true;
                }
            });
            if(flag){
                popupTips("不能重复选择人员");
                return false;
            }
				y=$(this).attr("id");
				$(this).addClass("already");
				$(this).prev("span.last").addClass("last2");
				$("#right").append("<p name='names'><span><a id='"+y+"'class='del'>删除</a></span>"+$(this).html()+"</p>");
				$(".zw").hide();

			return false;
		});

		$("#right").on('mouseover','p',function(){
			$(this).addClass("cur").siblings().removeClass("cur");
		});

		$("#right").on('mouseout','p',function(){
			$(this).removeClass("cur");
		});

		$("#right").on("click",".del",function(){
			var x =$(this).attr("id");
			$(this).parents("p").remove();
			$("#"+x).removeClass("already focus");
			$("#"+x).prev("span.last").removeClass("last2");
		});

		$("#right").on('click','.cho',function(){
			$(this).parents("p").addClass("leader").siblings().removeClass("leader");
		});
		return false;
	}

})
	$(function () {
        [#list names as customer]
			//清空查询结果
			var $input = $("#${customer.id}");
            //选中人员
            $input.parent().addClass('already');
            $input.parent().prev().addClass("last2");
            //展开树
            $input.closest("li.secondTreeBtn").addClass("cur");
            $input.closest("ul.thirdTree").show();
            $input.closest("li.firstTree").addClass("cur");
            $input.closest("ul.secondTree").show();
       [/#list]
	})
</script>
[/#macro]