html
<button class="layui-btn" id="transfer">添加</button>
<!-- 选人弹窗主体框架 satrt-->
<div class="layer-transfer" id="layer-transfer" style="display:none">
<div class="layer-transfer-content">
<div class="layer-transfer-header">
<h4>添加成员</h4>
<span class="layer-transfer-btn"><i class="layui-icon layui-icon-close"></i></span>
</div>
<div class="layer-transfer-body">
<div class="list-box">
<div class="add-l">
<div class="search-body">
<input type="text" id="ipt-keywords-txt" placeholder="搜索成员">
<i class="input-icon oa-icon oa-icon-sousuo"></i>
</div>
<div class="name-list" id="defult-list">
</div>
</div>
<div class="add-r">
<div class="r-top">
已选成员 :
<b class="select-num">0</b>人
</div>
<div class="r-list">
<div class="checked-m">
</div>
</div>
</div>
</div>
</div>
<div class="layer-transfer-footer">
<button class="layui-btn layui-btn-primary" id="closeClick">取消</button>
<button class="layui-btn layui-btn-normal" id="postClick">确定</button>
</div>
</div>
</div>
<!-- 选人弹窗主体框架 end-->
js
//那个地方需要就在哪引入,独立的js ----2020-02-02
;(function(underfined){
var _global;
// 默认参数
var defaults = {
personData:[],//员工数据
type:0,//选择的类型:默认是0,点击全选(人+项目组);1,项目组和人分开选择。
}
// 对象合并
function extend(o, n, override) {
for (var key in n) {
if (n.hasOwnProperty(key) && (!o.hasOwnProperty(key) || override)) {
o[key] = n[key];
}
}
return o;
}
function ChooseWin(opt){
this.init(opt)
}
ChooseWin.prototype = {
init:function(opt){
this.defaults = extend(defaults, opt, true);
if (window.NodeList && !NodeList.prototype.forEach) {
NodeList.prototype.forEach = Array.prototype.forEach;
}
this.event()
},
// 左右去重
removal: function(id){
for(var i = 0;i< $('.checked-m p').length;i++){
var data = $('.checked-m p').eq(i).attr('data-uid');
if(data == id){
return false;
}
}
return true;
},
// 向右侧插入数据
appendRight: function(id,name,avatarImg){
var _this = this,
def = _this.defaults;
var html = '';
if(def.type === 0){
html = `<p data-uid="${
id}">
<span class="hd-img">
<img src="${
avatarImg}" alt="">
</span>
<span class="name-txt">${
name}</span>
<i class="oa-icon oa-icon-qa-close clickClose"></i>
</p>`;
}else if (def.type === 1) {
if(avatarImg === '' || avatarImg === underfined