258 lines
8.0 KiB
HTML
258 lines
8.0 KiB
HTML
<!--{template common/header_ajax}-->
|
||
<style>
|
||
.user-select-search .input-black {
|
||
margin-bottom: 0;
|
||
}
|
||
.user-select-body {
|
||
padding-top: 20px!important;
|
||
}
|
||
.user-select-body .user-select-content {
|
||
margin-top: 0;
|
||
border-bottom: 1px solid #e1e1e1;
|
||
}
|
||
.user-select-body .user-select-content .user-select-content-left {
|
||
float: left;
|
||
height: 300px;
|
||
oveflow: hidden;
|
||
width: 50%;
|
||
height: 300px;
|
||
border-right: 1px solid #e1e1e1;
|
||
}
|
||
.user-select-body .user-select-content .user-select-content-right {
|
||
height: 300px;
|
||
overflow: auto;
|
||
float: left;
|
||
width: 50%
|
||
}
|
||
.user-select-content-right .sele-right-classa {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.user-select-content-right .sele-right-classa li {
|
||
padding-left: 15px;
|
||
line-height: 40px;
|
||
margin-left: 5px;
|
||
position: relative;
|
||
height: 40px;
|
||
padding-right: 30px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.user-select-content-right .sele-right-classa li img {
|
||
max-width: 24px;
|
||
max-height: 24px;
|
||
}
|
||
.user-select-content-right .sele-right-classa li .ti-close {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
width: 30px;
|
||
height: 30px;
|
||
margin: 5px 0;
|
||
line-height: 30px;
|
||
text-align: center;
|
||
display: none;
|
||
cursor: pointer;
|
||
padding: 0;
|
||
background-color: #f2f2f2;
|
||
}
|
||
.user-select-content-right .sele-right-classa li:hover {
|
||
background-color: #f2f2f2;
|
||
border-radius: 3px;
|
||
}
|
||
.user-select-content-right .sele-right-classa li:hover .ti-close {
|
||
display: block;
|
||
}
|
||
#seluser_dropdown_menu {
|
||
height: 299px;
|
||
}
|
||
.user-select-body .Topcarousel{
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
margin-right: 2px;
|
||
color: #FFFFFF;
|
||
font-size:14px;
|
||
}
|
||
.user-select-body .iconFirstWord{
|
||
width: 24px;
|
||
height: 24px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
margin-right: 2px;
|
||
color: #FFFFFF;
|
||
font-size:14px;
|
||
}
|
||
.user-select-search .dzz-search-icon{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 5px;
|
||
font-size: 18px;
|
||
color:#bbb ;
|
||
}
|
||
.avatar-xs .dzz.dzz-group{
|
||
font-size:24px;
|
||
vertical-align:middle;
|
||
}
|
||
</style>
|
||
<script type="text/javascript" src="{MOD_PATH}/scripts/selorguser.js"></script>
|
||
<script type="text/javascript" reload="1">
|
||
if ('{$openarr_length}') {
|
||
var openarr = [];
|
||
openarr['seluser'] = $openarr;
|
||
}
|
||
</script>
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
|
||
<h4 class="modal-title">{lang user_select_title}</h4>
|
||
</div>
|
||
<form onsubmit="return seluser_submit(this);">
|
||
<input type="hidden" name="formhash" value="{FORMHASH}">
|
||
<input type="hidden" name="selectsubmit" value="true">
|
||
<div class="modal-body user-select-body">
|
||
<div class="user-select-search" >
|
||
<div class="input-black">
|
||
<label class="control-label">{lang selecte_user_to_add}</label>
|
||
<div class="input-animate">
|
||
<i class="dzz dzz-search dzz-search-icon"></i>
|
||
<input id="user_select_search_input" type="text" class="form-control" placeholder="{lang user_select_search_tip}" style="padding-left: 1.42rem;"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="user-select-content">
|
||
<div class="user-select-content-left">
|
||
<div class="group-content" id="seluser_dropdown_menu" style="overflow:hidden">
|
||
<iframe name="seluser_iframe" class="org-sel-box-iframe"
|
||
src="$theurl"
|
||
frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"
|
||
allowtransparency="true"></iframe>
|
||
<input id="sel_seluser" type="hidden" name="uids"
|
||
value="{eval echo implode(',',array_keys($selects));}"/>
|
||
</div>
|
||
</div>
|
||
<div class="user-select-content-right">
|
||
<div class="selected-member">{lang user_select_selected}<b class="selected_sum" style="padding:0 5px;">{eval echo count($selects);}</b><!--{if $limit}--><b>/ $limit</b><!--{/if}-->{lang selected_ge_user}</div>
|
||
<div class="group-content" id="group-contents">
|
||
<ul class="sele-right-classa" id="seluser">
|
||
<!--{loop $selects $key $value}-->
|
||
<!--{if strpos($key,'uid_') ===0}-->
|
||
<li id="seluser_sl_$key" class="right-classa-depart avatar avatar-xs" data-val="$key"> {eval echo avatar_block($value['uid']);}
|
||
$value['username'] <i class="ti-close dzz dzz-close"></i> </li>
|
||
<!--{else}-->
|
||
<li id="seluser_sl_$key" class="right-classa-depart avatar avatar-xs" data-val="$key"> {eval echo avatar_group($value['orgid']);}
|
||
$value['orgname'] <i class="ti-close dzz dzz-close"></i> </li>
|
||
<!--{/if}-->
|
||
<!--{/loop}-->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
|
||
<button type="submit" class="btn btn-primary">{lang confirms}</button>
|
||
<button type="button" class="btn btn-default-outline cancel" data-dismiss="modal" aria-label="Close">{lang cancel} </button>
|
||
</div>
|
||
</form>
|
||
<script type="text/javascript" reload="1">
|
||
var limit=parseInt('$limit');
|
||
//名称初始化
|
||
|
||
jQuery.getScript('static/js/input_field.js?{VERHASH}',function(){
|
||
jQuery('.input-black').each(function () {
|
||
InputAnimate.init(jQuery(this));
|
||
});
|
||
});
|
||
jQuery(document).ready(function (e) {
|
||
/*jQuery('#user_select_search_input').off('blur').on('blur',function(){
|
||
try{
|
||
selorg.search('seluser',this);
|
||
}catch(e){}
|
||
return false;
|
||
});*/
|
||
jQuery('#user_select_search_input').off('keypress').on('keypress',function(event){
|
||
var self=this;
|
||
|
||
if(event.keyCode==13){
|
||
if(window.seluser_timer){
|
||
window.clearTimeout(window.seluser_timer);
|
||
}
|
||
window.seluser_timer=window.setTimeout(function(){
|
||
selorg.search('seluser',self);
|
||
},300);
|
||
return false;
|
||
}
|
||
|
||
});
|
||
jQuery('#user_select_search_input').off('keyup').on('keyup',function(event){
|
||
var self=this;
|
||
if(window.seluser_timer){
|
||
window.clearTimeout(window.seluser_timer);
|
||
}
|
||
window.seluser_timer=window.setTimeout(function(){
|
||
selorg.search('seluser',self);
|
||
},300);
|
||
return false;
|
||
});
|
||
jQuery(document).on('mouseenter', '.user-item', function () {
|
||
jQuery(this).addClass('hover');
|
||
});
|
||
jQuery(document).on('mouseleave', '.user-item', function () {
|
||
jQuery(this).removeClass('hover');
|
||
});
|
||
jQuery(document).on('click', '#seluser .ti-close', function () {
|
||
selorg.remove('seluser', this);
|
||
update_selected_sum()
|
||
});
|
||
});
|
||
|
||
function seluser_submit(form){
|
||
var vals=jQuery('#sel_seluser').val();
|
||
var data={};
|
||
var ids=[];
|
||
jQuery('#seluser>li').each(function(){
|
||
var val=jQuery(this).data('val');
|
||
var title='';
|
||
var innerhtml=this.innerHTML;
|
||
innerhtml=innerhtml.replace(/<i class=\"ti-close dzz dzz-close\"><\/i>/i,'');
|
||
innerhtml=innerhtml.replace(/<em.*?>.+?<\/em>/ig,'');
|
||
var regx=new RegExp("<.+>",'i');
|
||
var regx1=new RegExp("title=\"(.+?)\"");
|
||
var matches;
|
||
var matches1;
|
||
if(matches=innerhtml.match(regx)){
|
||
innerhtml=matches[0];
|
||
}
|
||
if(matches=innerhtml.match(regx1)){
|
||
title=matches[1];
|
||
}
|
||
val=val+'';
|
||
if(val && val.indexOf('uid_')===0){//是用户
|
||
val=val.replace('uid_','');
|
||
ids.push(val);
|
||
data[val]={'id':val,'html':innerhtml,'title':title};
|
||
|
||
}else{//是机构或部门
|
||
val='g_'+val;
|
||
ids.push(val);
|
||
data[val]={'id':val,'html':innerhtml,'title':title};
|
||
}
|
||
});
|
||
try{
|
||
{$callback}(ids,data,'$token');//ids:选中的id列表如：[g_1,125,g_32...],g_开头的标识是机构部门或群组
|
||
}catch(e){};
|
||
hideWindow("$_GET['handlekey']");
|
||
return false;
|
||
}
|
||
function update_selected_sum(){
|
||
jQuery('.selected_sum').html($('#seluser>li').length);
|
||
}
|
||
</script>
|
||
<!--{template common/footer_ajax}--> |