[#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]
|
