zoukankan      html  css  js  c++  java
  • 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);
        })
    }
  • 相关阅读:
    win shift s截图不能用(已解决)
    阿里云ssl证书过期怎么解决 (免费SSL证书) 三步解决
    图解 Java 数据结构
    微信小程序简介
    序列化类外键字段的覆盖,十大接口序列化总结,视图家族
    response二次封装,夺标关系优化,多表序列化,十大接口
    内部类,drf响应类,序列化与反序列化
    drf以及django应用
    DRF框架知识总览
    实例成员:计算属性 监听属性以及vue的项目开发
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/8667219.html
Copyright © 2011-2022 走看看