jquery封装选人插件(结合layer)

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值