POP js 代码

//-----------------------------
var pop = { timer: null, cuid: "", list: [] };
pop.bindEvent = function ($items) {
    $items.popover({
        animation: true, placement: 'right', title: "<i class=\"fa fa-user\"></i> 用户信息<a href=\"javascript:;\" class='pull-right' title='关闭' onclick=\"$('.uinfo').popover('hide');\"><i class='fa fa-remove'></i></a>", content: function () {
            if (pop.list.GetByID(pop.cuid, "UserID")) {
                var data = pop.list.GetByID(pop.cuid, "UserID");
                var items = JsonHelper.FillItem(pop.tlp, data, null);
                return items;
            }
            //-----------------
           
            var datas;
            $.ajax({
            type:"post",
            url:"/Plat/Common/Common.ashx",
            async:false,//async 异步  sync同步
            data:{ action: "getuinfo", value: pop.cuid },
            dataType:"json",
            success:function(msg) {
              datas = msg;
              console.log(msg);
              
            },
            error:function() {

            }
        });

            datatlp = "<div class=\"uinfodiv\">"
        + "<div class=\"loadok\">"
        + "<div class=\"info\" style=\"padding-bottom:0px;\">"
        + "<div class=\"pull-left\">"
        + "<img src=\""+datas.UserFace+"\" onerror=\"shownoface(this);\" class=\"uimg img_mid\" />"
        + "</div>"
        + "<div class=\"uinfo_body\">"
        + "<ul class=\"uinfoul\">"
        + "<li class=\"paddbottom5\">"+datas.UserName
        + "<input type=\"button\" class=\"btn btn-xs btn-info\" style=\"margin-left:8px;\" value=\"AT他\" onclick=\"AddAT('"+datas.UserName+"', '"+datas.UserID+"');\" />"
        + "</li>"
        + "<li class=\"grayremind\">电话："+datas.Mobile+"</li>"
        + "<li class=\"grayremind\">部门："+datas.GroupName+"</li>"
        + "<li class=\"grayremind\">状态：在职</li>"
        + "</ul>"
        + "</div>"
        + "<div class=\"clearfix\"></div>"
        + "</div>"
        + "<div class=\"uinfo_bottom\">"
        + "<a href=\"/Plat/Blog/?uids="+datas.UserID+"\" class=\"btn btn-xs btn-primary\">工作流</a>"
        + "<a href=\"/Plat/Blog/?uids="+datas.UserID+"&view=timeline\" class=\"btn btn-xs btn-primary\">时间线</a>"
        + "<input type=\"button\" class=\"btn btn-xs btn-primary\" value=\"私信\" onclick=\"ChatShow('"+datas.UserID+"', '"+datas.UserName+"');\" />"
        + "<input type=\"button\" class=\"btn btn-xs btn-primary\" value=\"站内邮\" onclick=\"PrivateOpen('"+datas.UserID+"', '"+datas.UserName+"'); $('.uinfo').popover('hide');\" />"
        + "</div>"
        + "</div>"
        + "</div>"
            

            //var str ="<div class='loadok'><div class='info' style='padding-bottom:0px;'><div class='pull-left'><img src='"+datas.UserFace+"' onerror='shownoface(this);' class='uimg img_mid'></div><div class='uinfo_body'><ul class='uinfoul'><li class='paddbottom5'>"+datas.UserName+"<input type='button' class='btn btn-xs btn-info' style='margin-left:8px;' value='AT他' onclick='AddAT('"+datas.UserName+"', '"+datas.UserID+"');'></li><li class='grayremind'>电话："+datas.Mobile+"</li><li class='grayremind'>部门："+datas.GroupName+"</li><li class='grayremind'>状态：在职</li></ul></div><div class='clearfix'></div></div><div class='uinfo_bottom'><a href='/Plat/Blog/?uids="+datas.UserID+"' class='btn btn-xs btn-primary'>工作流</a><a href='/Plat/Blog/?uids="+datas.UserID+"&amp;view=timeline' class='btn btn-xs btn-primary'>时间线</a><input type='button' class='btn btn-xs btn-primary' value='私信' onclick='ChatShow('"+datas.UserID+"', '"+datas.UserName+"');'><input type='button' class='btn btn-xs btn-primary' value='站内邮' onclick='PrivateOpen('"+datas.UserID+"', '"+datas.UserName+"'); $('.uinfo').popover('hide');'></div></div>"
            
            return datatlp;
            //return '<div><i class="fa fa-spinner fa-spin" style="font-size:3em;"></i></div>';
        }, html: true, trigger: 'manual',
    }).hover(function () {
        var uinfo = $(this);
        pop.cuid = uinfo.data("uid");
        pop.timer = setTimeout(function () {
            $(".uinfo").not(uinfo).popover('hide');
            $(uinfo).popover('show'); clearTimeout(pop.timer);
        }, 300);
    }, function () {
        clearTimeout(pop.timer);
    })
}