SQ12345_Web/WebUI/CallCenterWe.../js/index.js


$(document).ready(function () {

    if ($.cookie("token") == null) {
        window.location.href = "login.html";
    }

    //来电弹屏
    laydate.skin('blue');

    laydate({
        elem: '#old_startTime',
        event: 'focus'
    });

    laydate({
        elem: '#old_endTime',
        event: 'focus'
    });
    laydate({
        elem: '#con_startTime',
        event: 'focus'
    });

    laydate({
        elem: '#con_endTime',
        event: 'focus'
    });
    //弹屏右侧切换效果
    $(".ldtp-cr ul.ld-service li").click(function () {
        $(this).addClass("cr-click").siblings().removeClass("cr-click");
        loadOld();
    });

    //最大化 最小化效果
    //最小化
    $('.minClosed').click(function () {
        $('.ldtp-con').removeClass('fadeInDown');
        $('.ldtp-con').addClass('fadeOutUp');
        $('.ldtp-con').css("display", "none");
        $('.maxOpen').show();
        $('.maxOpen').addClass('fadeInDown');
    });

    //最大化
    $('.maxOpen').click(function () {
        //触发来电类型第一个 点击；测试用
        //$("#dicValueList li:first-child").find("label").trigger('click');
        $('.ldtp-con').removeClass('fadeOutUp');
        $('.ldtp-con').addClass('fadeInDown');
        $('.ldtp-con').css("display", "block");
        $('.maxOpen').hide();
        $('.maxOpen').removeClass('fadeInDown');
        $('.maxOpen').addClass('fadeInDown');
        $('.first').removeClass('first');
        $('.ldtp-con').addClass('first');

    })
    //关闭弹框
    $(".Bacha").click(function () {
        //清除来电类型样式
        //debugger;
        $('#dicValueList li').find("label").removeClass('checkedDept');
        $('.ldtp-con').removeClass('fadeInDown');
        $('.ldtp-con').addClass('fadeOutUp');
        $('.ldtp-con').css("display", "none");
        Clean();
        obj.Type = "SayFree";
        Send();
    })
    //顶部小头像
    var little_pic = $('.head-pic .hp-box img').attr("src");
    $('.maxOpen li .photo img').attr("src", little_pic);
    //点击左侧菜单来电弹屏显示
    $('.tantan').click(function () {
        $('.maxOpen').trigger("click");
        $('.head-pic .lahei .la-before').show();
        $('.head-pic .lahei .la-after').hide();

    })

    //点击挂断
    $('.head-pic .td-call .take').click(function () {
        //obj.Type = "DropCall";
        obj.Type = "TurnIvr";
        obj.AgentID = $.cookie("zx_user");
        obj.AgentExten = $.cookie("extno");
        obj.IvrName = "MYD";
        obj.IvrPos = "1";
        Send();
    });

    //点击拉黑事件				
    $('.head-pic .lahei .la-before').click(function () {
        if (!$(".hidTel").val()) {
            layer.confirm('来电号码为空！', {
                btn: ['确定']
            });
            return;
        }
        $("#time-word").val('');
        $('.ldtp-con .hei-list').show();

    })
    //拉黑输入框事件
    $('.hei-list .bacha').click(function () {
        $('.ldtp-con .hei-list').hide();
        $("#time-word").val('');
    })
    var reg = /^\+?[1-9][0-9]*$/;

    $('#bc').click(function () {
        var n = $("#time-word").val();
        var val = $("input[name='time']:checked").val();
        if (n) {
            if (!(reg.test(n))) {
                layer.confirm('请输入整数时间！', {
                    btn: ['确定']
                });
                return;
            }
        } else {
            if (val == '4') {
                n = 0;
            } else {
                layer.confirm('请输入整数时间！', {
                    btn: ['确定']
                });
                return;
            }
        }
        $.post(huayi.config.callcenter_url + 'CallInScreen/AddBlack', {
            tel: $(".hidTel").val(),
            num: n,
            type: val,
            "token": $.cookie("token")
        }, function (result) {
            result = $.parseJSON(result);
            if (result.state.toLowerCase() == "success") {

                layer.msg("拉入黑名单成功");

                $(".la-time .lhtime").text(getNowFormatDate());
                $('.la-shichang .blackTime').html(result.data);
                $('.ldtp-con .hei-list').hide();
                $('.head-pic .lahei .la-before').hide();
                $('.head-pic .lahei .la-after').show();
                $('.head-pic .lahei .retur').show();
            }
        })
    })

    $('.la-after').click(function () {
        if (!$(".hidTel").val()) {
            layer.confirm('来电号码为空！', {
                btn: ['确定']
            });
            return;
        }
        $("#time-word").val('');
        $('.ldtp-con .hei-list').show();
        $('.ldtp-con .hei-list').removeClass('bounceOutUp');
        $('.ldtp-con .hei-list').addClass('bounceIn');
    })
    $('.head-pic .lahei .retur').click(function () {
        $.getJSON(huayi.config.callcenter_url + 'CallInScreen/DelBlack', {
            tel: $(".hidTel").val(),
            "token": $.cookie("token")
        }, function (result) {
            if (result.state.toLowerCase() == "success") {
                layer.msg("取消黑名单成功");
                $('.head-pic .lahei .retur').hide();
                $('.head-pic .lahei .la-after').hide();
                $('.head-pic .lahei .la-before').show();
            }
        })
    })

    if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
        $(".title-box").hide();
    }
    obj.AgentExten = $.cookie("extno");
    if (obj.AgentExten == undefined) {
        $(".Gnumbox").hide();
    }
    $(".Gnum").text(obj.AgentExten);
    $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
        "token": $.cookie("token")
    }, function (result) {
        if (result.state.toLowerCase() == "success") {
            $("#RoleCode").val(result.data.user.F_RoleCode);
            $("#GroupCode").val(result.data.user.F_GroupCode);
            //console.log($("#RoleCode").val());
            $(".username").text(result.data.user.F_UserName);
            $('.user_code').text(result.data.user.F_UserCode);
            $('.group').text(result.data.user.F_SeartGroup);
            if (result.data.role) {
                $(".rolename").text(result.data.role.F_RoleName);
            }
            $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data.user.F_See);

            obj.AgentID = result.data.user.F_UserCode;
            //obj.AgentExten = result.data.user.F_WorkNumber;
            $('.mgh').val(result.data.user.F_UserCode);
            $('.mn').val(result.data.user.F_UserName);
            if (result.data.user.F_SeatFlag) {
                Connect();
                //heartbeat = setInterval(function() {
                //	Heart()
                //}, 60000);
                $("#top-search").show();
                $(".phoneBZ").show();
                $(".zts").show();
                 if( $("#RoleCode").val()=='DBHWY'){
                   	  obj.AgentGroup = "1";
                	$('.db_show').show();
                	$('.hw_show').hide();
                }else{
                  	 obj.AgentGroup = "364";
                	$('.db_show').hide();
                	$('.hw_show').show();
                }
                //签入
                //obj.Type = "Login";
                //obj.AgentGroup = "364";
                //obj.AgentType = "0";
                //Send();
            }
        }
    });
    $.ajaxSettings.async = false;
    $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
        "token": $.cookie("token")
    }, function (result) {
        $.ajaxSettings.async = true;
        if (result.state.toLowerCase() == "success") {
            $(result.data).each(function (i, n) {
                var html = '<li><a href="#" dataid=' + n.F_FunctionId + '><i class="fa iconfont">&#xe614;</i><span class="nav-label">' + n.F_FunctionName + '</span><span class="fa arrow"></span></a>';
                html += '<ul class="nav nav-second-level">';
                $(n.item).each(function (j, m) {
                    html += '<li><a class="J_menuItem" dataid=' + m.F_FunctionId + ' href="' + m.F_OptUrl + '">' + m.F_FunctionName + '</a></li>';
                })
                html += '</ul></li>';
                $(html).appendTo($("#side-menu"));
            })
            $(".J_menuItem").click(function () {
                if ($(this).text() == "来电弹屏") {
                    $('.maxOpen').trigger("click");
                    $('.head-pic .lahei .la-before').show();
                    $('.head-pic .lahei .la-after').hide();
                }
            })
        }
    })

    //话务相关
    $("#top-search li").click(function () {
        if ($(this).find("i").hasClass("active")) {
            if (obj.AgentID) {
                var fun = $(this).attr("datafun");
                obj.Type = fun;
                switch (fun) {
                    case "Login":
//                      obj.AgentGroup = "364";
                        obj.AgentType = "0";
                        Send();
                        break; //签入
                    case "MakeCall":
                        $(".hidCallID").val("");
                        $("#hidwhtype").val(fun);
                        whtp();
                        //obj.DestinationNumber = "1012";
                        break; //外呼
                    case "Meeting":
                        $("#hidwhtype").val(fun);
                        whtp();
                        //obj.DestinationNumber = "1012";
                        break; //多方通话
                    case "Transfer":
                        $("#hidwhtype").val(fun);
                        whtp();
                        //obj.DestinationNumber = "1012";
                        break; //转移
                    case "Consult"://协商呼叫
 						$("#hidwhtype").val(fun);
                        whtp();
                        break; 
                    case "ConfirmTransfer"://确认转移
						obj.EndParmer = "1"; 
                        Send();
                        break; 
                    case "CancelTransfer"://取消转移
//                		$("#hidwhtype").val(ConfirmTransfer);
                   		obj.Type="ConfirmTransfer";
                   		obj.EndParmer = "3";
                        Send();
                        break; 
                    case "TurnIvr"://转IVR
						obj.IvrName = "TurnIvr";
						obj.IvrPos = "1"; 
                        Send();
                        break; 
                    default:
                        Send();
                        break;

                }
            }
        }
    });
    //知识库查询
    $(".searIcon").click(function () {
        loadZSK();
    })
    //历史记录查询
    $(".searchbtn").click(function () {
        loadOld();
    })
    //新增记录
    $(".addjl").click(function () {
        $(".addgd").show();
        $(".tbold").hide();
    })
    //关闭外呼弹屏
    $(".closes").click(function () {
        $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
        $(".WH").addClass("hidens");
    })
    //外呼呼出
    $(".CallOut").click(function (event) {
        event.stopPropagation();
        if ($("#Result").val()) {
            $.ajax({
                type: "get",
                url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
                async: true,
                dataType: 'json',
                data: {
                    token: $.cookie("token"),
                    phone: $("#Result").val()
                },
                success: function (result) {
                    if (result.state.toLowerCase() == "success") {
                        var guid = uuid();
                        obj.Type = $("#hidwhtype").val();
                        obj.DestinationNumber = result.data.phone;
                        obj.Header = result.data.fix;
                        obj.TaskType = "0"; //0:拨号外呼；1:未接来电外呼；2:回访外呼
                        obj.TaskPhoneID = ""; //回访的电话ID
                        obj.TaskID = guid; //回访记录编号
                        obj.Callee = $("#Result").val();//被叫号码
                        obj.Caller = $.cookie("extno"); //操作人分机号
                        Send();
                        $('#Result').val('');
                        $(".WH").addClass("hidens");
                    }

                }
            });
        }
    })
    //外呼弹屏数字键盘样式
    $(".Num_ul div").mousedown(function () {
        $(this).addClass("actives");
        $(".img").removeClass("hidens");
    }).mouseup(function () {
        $(this).removeClass("actives");
    })
    //外呼弹屏数字键盘号码输入
    $(".Num_ul li div").click(function () {
        var rt = $("#Result").val() + "";
        if (rt.length < 18) {
            rt = rt + $(this).find("a").text();
            $("#Result").val(rt);
        }
    });
    //外呼弹屏数字键盘号码截取
    $(".img").click(function () {
        var Result = $("#Result").val() + "";
        Result = Result.substr(0, Result.length - 1);
        $("#Result").val(Result);
        if (Result.length == 0) {
            $(".img").addClass("hidens");
        }
    })
    //外呼电话列表
    $(".bg_title li").click(function () {
        $(this).addClass("lactive").siblings().removeClass("lactive");
        loadWH();
    })
    $(".ty").click(function () {
        loadWH();
    })
    //创建投诉工单
    $(".addt_").click(function () {
        Statess = 0
        var value = $(' input[name="banli"]:checked ').val();
        if (!$("#cusname").val()) {
            layer.msg("请输入投诉人姓名");
        } else if (!$("#cusphone").val()) {
            layer.msg("请输入投诉电话");
        } else if (!$("#title").val()) {
            layer.msg("请输入标题");
        } else if (!$("#content").val()) {
            layer.msg("请输入内容");
        } else if (!$("#keys").val()) {
            layer.msg("请选择主题词");
        } else if (!$("#sourcearea").val()) {
            layer.msg("请选择事发区域");
        } else if (value == 1 && !$('#result').val()) {
            layer.msg("请输入直办内容");

        } else {
            Adds();
        }
    })
    //创建投诉工单
    $(".addts").click(function () {
        Statess = 1;
        var values = $(' input[name="banli"]:checked ').val();
        if (!$("#cusname").val()) {
            layer.msg("请输入投诉人姓名");
        } else if (!$("#cusphone").val()) {
            layer.msg("请输入投诉电话");
        } else if (!$("#title").val()) {
            layer.msg("请输入标题");
        } else if (!$("#content").val()) {
            layer.msg("请输入内容");
        } else if (!$("#keys").val()) {
            layer.msg("请选择主题词");
        } else if (!$("#sourcearea").val()) {
            layer.msg("请选择事发区域");
        } else if (values == 1 && !$('#result').val()) {
            layer.msg("请输入直办内容");

        } else {
            Adds();
        }
    })

    //加载知识库
    loadZSK();
    //加载左侧导航菜单
    //loadMenu();

    //客户资料
    $('.khzl tbody>tr>td input').attr('readonly', true);
    $('.save').hide();
    $('.cancel').hide();
    $('.edit').click(function () {
        $('.save').show();
        $('.cancel').show();
        $('.edit').hide();
        $('.khzl tbody>tr>td input').attr('readonly', false);
        $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
    })
    $('.cancel').click(function () {
        $('.khzl tbody>tr>td input').attr('readonly', true);
        $('.khzl tbody>tr>td input').css('border', "0");
        $('.save').hide();
        $('.cancel').hide();
        $('.edit').show();
    })
    //保存客户
    $(".save").click(function () {
        var khid = $("#khid").val();
        var khmc = $(".khmc").val();
        var tsdh = $(".tsdh").val();
        var lxr = $(".lxr").val();
        var lxdh = $(".lxdh").val();
        var postcode = $(".postcode").val();
        var email = $(".email").val();

        if (!khmc) {
            layer.confirm('请输入客户名称！', {
                btn: ['确定']
            });
            return;
        }
        $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
            cid: khid,
            name: khmc,
            lxr: lxr,
            mobile: tsdh,
            telphone: lxdh,
            postcode: postcode,
            email: email,
            "token": $.cookie("token")
        }, function (result) {
            result = $.parseJSON(result);
            if (result.state.toLowerCase() == "success") {
                $("#khid").val(result.data);
                $(".khmc").val(khmc);
                $(".tkhmc").text(khmc);
                $(".lxdh").val(lxdh);
                $(".tsdh").val(tsdh);
                $(".ttsdh").text(tsdh);
                $(".lxr").val(lxr);
                $(".postcode").val(postcode);
                $(".email").val(email);
                layer.msg("保存成功");
                $('.khzl tbody>tr>td input').attr('readonly', true);
                $('.khzl tbody>tr>td input').css('border', "0");
                $('.save').hide();
                $('.cancel').hide();
                $('.edit').show();
            }
        })
    })

    //关闭录音弹出
    $(".setwin").click(function () {
        $(".t-shade").removeClass("cx");
        $('audio')[0].pause();
    });

    //修改密码开始
    $('.shezhi').click(function () {
        $('.personal').show();
    })
    //tab切换
    $('.perTab li').click(function () {
        $(this).addClass('sel').siblings().removeClass('sel');
        var index = $(this).index();
        $('.perTab_con').children('div').eq(index).show().siblings().hide();
    })
    //编辑个人资料
    $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
    $('.grbj').click(function () {
        $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
        $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
    })
    //取消编辑
    $('.grqx').click(function () {
        $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
        $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
    })
    //关闭按钮
    $('.ptr').click(function () {
        $('.personal').hide();
    })
    //修改密码
    $('.grbtn').click(function () {
        var gh = $('.mgh').val();
        var xm = $('.mn').val();
        var ymm = $('.spwd').val();
        var xmm = $('.npwd').val();
        var qmm = $('.epwd').val();
        if (xmm !== qmm) {
            $('.wrong').show();
            $('.npwd').val('')
            $('.epwd').val('')
        } else if (xmm == '') {
            layer.msg("密码不允许为空！");
        } else {
            $('.wrong').hide();
            $('.grzl tbody>tr>td input').attr('readonly', true);
            $('.grzl tbody>tr>td input').css('border-bottom', "none");
            $.ajax({
                type: "post",
                url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
                async: true,
                dataType: 'json',
                data: {
                    token: $.cookie("token"),
                    usercode: gh,
                    pwd: $.md5(xmm),
                    oldpwd: $.md5(ymm)
                },
                success: function (result) {
                    if (result.state.toLowerCase() == "success") {
                        layer.msg("修改成功！");
                    }
                }
            });
        }
    })

    //图片裁剪
    var o = $(".image-crop > img");
    $(o).cropper({
        aspectRatio: 1 / 1,
        resizable: false,
        dragCrop: false,
        preview: ".img-preview",
        done: function () { }
    });
    var r = $("#inputImage");
    if (window.FileReader) {
        r.change(function () {
            var e, i = new FileReader,
				t = this.files;
            if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
                i.readAsDataURL(e);
                i.onload = function () {
                    r.val("");
                    o.cropper("reset", !0).cropper("replace", this.result);
                }

            } else {
                layer.msg("请选择图片文件");
            }
        });
        $("#setDrag").click(function () {
            o.cropper("setDragMode", "crop");
            var img = o.cropper("getDataURL");
            $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
                dataurl: encodeURIComponent(img),
                "token": $.cookie("token")
            }, function (result) {
                result = $.parseJSON(result);
                if (result.state.toLowerCase() == "success") {
                    $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
                    layer.msg("上传成功");
                    $('.personal').hide();
                }
            })
        });
        $("#zoomIn").click(function () {
            o.cropper("zoom", .1)
        });
        $("#zoomOut").click(function () {
            o.cropper("zoom", -.1)
        });
        $("#rotateLeft").click(function () {
            o.cropper("rotate", 45)
        });
        $("#rotateRight").click(function () {
            o.cropper("rotate", -45)
        });
    } else {
        r.addClass("hide");
    }

    $("#zxTable tbody").on('click', 'tr', function () {
        $(this).addClass('tr_bg')
        $(this).siblings().removeClass('tr_bg')
        $('#Result').val($(this).attr('fjh'));
    })

    //工单
    //当即办理
    //$(".Nows").change(function () {
    //    $(".Nows_box").toggle();
    //});
    $('input:radio[name="banli"]').change(function () {
        if ($(this).val() == '1') {
            $(".Nows_box").show();
        }
        else {
            $(".Nows_box").hide();
        }
    })
    QY($("#sourcearea"));
    LB($("#type"));
    ZT($("#keys"));
    //加载来电类型 默认是 已受理并发送id
    GetDicValueList();

    $('.right-tab li').click(function () {
        messages($(this).index());
    })

    //全部已读
    $('.readed').click(function () {
        $.ajax({
            type: "get",
            url: huayi.config.callcenter_url + "Index/CloseChat",
            async: true,
            dataType: 'json',
            data: {
                token: $.cookie("token"),
                id: 0
            },
            success: function (data) {
                if (data.total > 0) {
                    messages()
                } else {
                    layer.msg("设置失败！");
                }
            }
        });

    })

    //主动发消息
    $('.sele_send').click(function () {
        layer.open({
            type: 2,
            content: "replyChat.html", //iframe的url，no代表不显示滚动条
            title: '发送消息',
            area: ['50%', '60%'], //宽高
        });
    })

    var ru, rd, msgs;

    $('.mid').val(0);
    var mid = $('.mid').val();
    $('.tuBiao').click(function () {
        if ($(".drm").css("display") == 'block') {
            $(".drm").css("display", "none");
        } else {
            $(".drm").css("display", "block");
        }
    })
    $('#small-chat').click(function () {
        if ($(".small-chat-box").hasClass("active")) {
            rightDown();
            rd = setInterval(rightDown, 60000);
        }
        else {
            clearInterval(rd);
        }
    })
    //即时通讯 消息总数
    message_total();
    setInterval(message_total, 5000);
    function message_total(){
    	 helper.init.isload = 0;
    	 $.ajax({
            type: "get",
            url: huayi.config.callcenter_url + "Index/GetChatCount",
            async: true,
            dataType: 'json',
            data: {
                token: $.cookie("token"),
                top: 50
            },
            success: function (data) {
            	helper.init.isload=1;
                if (data.total <= 0) {
	                  $('.chat_count').hide();
	                  $('.chat').removeClass("come_mess");
                } else {
                    $('.chat_count').show();
                    $('.chat_count').html(data.total);
                    $('.chat').addClass("come_mess");
                }
            }
        });
    	
    	
    	
    }
    $('.chat').click(function () {
        $("#right-sidebar").toggleClass("sidebar-open");
        if ($("#right-sidebar").hasClass("sidebar-open")) {
            messages();
            msgs = setInterval(messages, 5000, 0);//未读消息定时刷新
        }
        else {
            clearInterval(msgs);
        }
        
    })

    rightUp();
    setInterval(rightUp, 60000);
})

function Adds() {
    var callid = $(".hidCallID").val();
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "/WorkOrder/AddWorkOrder",
        dataType: 'json',
        async: true,
        data: {
            cusname: $("#cusname").val(), //=投诉人姓名
            cussex: $("#cussex").val(),
            cusphone: $("#cusphone").val(), //=投诉人电话
            email: $("#email").val(),
            zipcode: $("#zipcode").val(),
            conphone: $("#conphone").val(),
            title: $("#title").val(),
            content: $("#content").val(),
            callid: callid,
            // 						files:$("#file").val(),//(多个用英文逗号,隔开)
            sourcearea: $("#sourcearea").val(), //=事发地域id
            sourceaddress: $('#sourceaddress').val(), //=事发详细地址
            source: 1, //=来源
            isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
            result: $('#result').val(),
            keys: $("#keys").val(), //=关键词id(多个用英文逗号,隔开)				
            type: $("#type").val(), //=类型			
            isprotect: $(' input[name="mj"]:checked ').val(), //=(0普通1保密)
            level: $('#level').val(), //=(1普通2紧急)
            issubmit: Statess, //=（0保存1保存并提交）
            token: $.cookie("token")
        },
        success: function (data) {
            $(".ldtp-cr ul.ld-service li").eq(2).trigger("click");
            //$(".hidCallID").val("");
            layer.msg("操作成功");
            Clean();

        }
    })
}
//清空
function Clean() {
    //左侧
    //debugger;
    $('.ldname').val('');//投诉人
    $('#khid').val('');
    $('.tsdh').val('');//投诉电话
    $('.ldlocation').text('未知');//归属地
    $('.lxr').val('');//联系人
    $('.lxdh').val('');//联系电话
    $('.postcode').val('');//邮编
    $('.email').val('');//email
    $('.ldtime').val('');//来电时间
    //右侧
    $("#cusname").val(''); //=投诉人姓名
    $("#cussex").val('');
    $("#cusphone").val(''); //=投诉人电话
    $("#email").val('');
    $("#zipcode").val('');
    $("#conphone").val('');
    $("#title").val('');
    $("#content").val('');
    $("#sourcearea").val(); //=事发地域id
    $('#sourceaddress').val(''); //=事发详细地址
    $("input[name='baomi'][value='1']").prop("checked", true); //=（0转办1直办）
    $("#type option:first").prop("selected", 'selected');
    $("#level option:first").prop("selected", 'selected');
    $("#keys option:first").prop("selected", 'selected');
    $("#sourcearea option:first").prop("selected", 'selected');
    $('#result').val('');

}

function clearworkorder() {
    $("#xxlb").val("");
    $("#xxlb").trigger("change");
    $("#FArea").val("");
    $("#FArea").trigger("change");
    $("#sfdz").val("");
    $("#tskh").val("");
    $("#tsdh").val("");
    $("#email").val("");
    $("#postcode").val("");
    $("#lxr").val("");
    $("#lxdh").val("");
    $("#content").val("");
    $("#result").val("");
    $("#JArea").val("");
    $("#JArea").trigger("change");
    $("#remark").val("");

    $("#khid").val("");
    $(".khmc").val("");
    $(".tsdh").val("");
    $(".lxr").val("");
    $(".lxdh").val("");
    $(".postcode").val("");
    $(".email").val("");
}
//获取历史记录
function loadOld() {
    var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
    $(".complain").hide();
    $(".complain").eq(type * 1).show();
    if (type == '2') {
        //先销毁表格
        $('#orderlist').bootstrapTable('destroy');
        //初始化表格,动态从服务器加载数据
        $("#orderlist").bootstrapTable({
            method: "get", //使用get请求到服务器获取数据
            url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
            contentType: "application/x-www-form-urlencoded",
            striped: true, //表格显示条纹
            pagination: true, //启动分页
            pageSize: 5, //每页显示的记录数
            pageNumber: 1, //当前第几页
            pageList: [5, 10, 50, 100], //记录数可选列表
            search: false, //是否启用查询
            showColumns: false, //显示下拉框勾选要显示的列
            showRefresh: false, //显示刷新按钮
            sidePagination: "server", //表示服务端请求
            //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
            //设置为limit可以获取limit, offset, search, sort, order
            queryParamsType: "undefined",
            queryParams: function queryParams(params) { //设置查询参数
                var param = {
                    page: params.pageNumber,
                    pagesize: params.pageSize,
                    tel: $(".hidTel").val(),
                    starttime: $("#con_startTime").val(),
                    endtime: $("#con_endTime").val(),
                    token: $.cookie("token")
                };
                return param;
            },
            onLoadSuccess: function () { //加载成功时执行
                //layer.msg("加载成功");
            },
            onLoadError: function () { //加载失败时执行
                //layer.msg("加载数据失败", { time: 1500, icon: 2 });
            }
        });
    } else if (type == '1') {
        //先销毁表格
        $('#oldlist').bootstrapTable('destroy');
        //初始化表格,动态从服务器加载数据
        $("#oldlist").bootstrapTable({
            method: "get", //使用get请求到服务器获取数据
            url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
            contentType: "application/x-www-form-urlencoded",
            striped: true, //表格显示条纹
            pagination: true, //启动分页
            pageSize: 5, //每页显示的记录数
            pageNumber: 1, //当前第几页
            pageList: [5, 10, 50, 100], //记录数可选列表
            search: false, //是否启用查询
            showColumns: false, //显示下拉框勾选要显示的列
            showRefresh: false, //显示刷新按钮
            sidePagination: "server", //表示服务端请求
            //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
            //设置为limit可以获取limit, offset, search, sort, order
            queryParamsType: "undefined",
            queryParams: function queryParams(params) { //设置查询参数
                var param = {
                    page: params.pageNumber,
                    pagesize: params.pageSize,
                    tel: $(".hidTel").val(),
                    starttime: $("#old_startTime").val(),
                    endtime: $("#old_endTime").val(),
                    token: $.cookie("token")
                };
                return param;
            },
            onLoadSuccess: function () { //加载成功时执行
                //layer.msg("加载成功");
            },
            onLoadError: function () { //加载失败时执行
                //layer.msg("加载数据失败", { time: 1500, icon: 2 });
            }
        });
    }
}

function GetCallState(val) {
    if (val == '1') {
        return '已接通';
    } else {
        return '未接通';
    }
}

//音频
function setCode(val) {
    if (val) {
        return '<div class="imgs" style="cursor: pointer;">' +
			'<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
			'</div>';
    } else {
        return '';
    }
}
//录音
function ck(val) {
    var path = $(val).attr("item");
    $(".t-shade").addClass("cx");
    $(".Ly_box").empty();
    $(".LY_box").empty();
    $(".down").attr("href", path);
    $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
    if ($("#RoleCode").val() == "GLY" || $("#RoleCode").val() == "ZXBZ") {
        $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
    }
    $('.shade_k').css({
        'top': $(document).scrollTop() + ($(window).height() - $('.shade_k').height() - 289) / 2,
        'left': ($(window).width() - $('.shade_k').width()) / 2,
        'position': 'absolute'
    });
}

function GetLink(val) {
    if (val) {
        return '<a onclick="ckxq(' + val + ')">' + val + '</a>';
    } else {
        return '';
    }
}
//查看详情
function ckxq(str) {
    layer.open({
        type: 2,
        content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
        title: '工单详情',
        area: ['85%', '80%'], //宽高
    });
}
//截取字符串
function GetCont(val) {
    if (val) {
        var str = '<div '
        if (val.length > 10) {
            str = str + ' title="' + val + '" ';
            val = val.substr(0, 10) + "...";
        }
        return str + '>' + val + '</div>';
    } else {
        return '';
    }
}

//加载字典
function loadDic(obj, pid) {
    obj.empty();
    obj.append('<option selected="selected" value="">请选择</option>');
    if (!pid) {
        pid = -1;
    }
    $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
        "token": $.cookie("token"),
        pid: pid
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
            })
        }
    })
}

//加载区域
function loadArea(obj) {
    obj.empty();
    obj.append('<option selected="selected" value="">请选择</option>');
    $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
        "token": $.cookie("token")
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
            })
        }
    })
}
//获取知识库
function loadZSK() {
    $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
        "keywords": $(".search").val(),
        "token": $.cookie("token")
    }, function (result) {
        if (result.state.toLowerCase() == "success") {
            $(".ldcr-bottom .detail-con ul").empty();
            $(result.data).each(function (i, n) {
                var key_w = $(".search").val();
                if (key_w) {
                    var after_w = n.F_Title.replace(key_w, '<span style="color:red;">' + key_w + '</span>');
                    var html = '<li>' +
                '   <div class="zhishi-title clearfix">' +
                '	    <a href="javascript:void(0);" class="titless" >' + after_w + '</a>' +
                '	    <em >' + n.F_CreateOn + '</em>' +
                '   </div>' +
                '   <div class="explancon">' +
                n.F_Content +
                '   </div>' +
                '</li>';
                } else {
                    var html = '<li>' +
                '   <div class="zhishi-title clearfix">' +
                '	    <a href="javascript:void(0);" class="titless" >' + n.F_Title + '</a>' +
                '	    <em >' + n.F_CreateOn + '</em>' +
                '   </div>' +
                '   <div class="explancon">' +
                n.F_Content +
                '   </div>' +
                '</li>';
                }


                $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function (event) {
                    event.stopPropagation();
                    if ($(this).hasClass("active")) {
                        $(this).removeClass("active")
                    } else {
                        $(".zhishi-title").removeClass("active");
                        $(this).addClass("active");
                    }
                })
            })
        }

    })
}
//外呼弹屏
function whtp() {
    $("#Result").val("");
    if ($(".WH").hasClass("fadeOutUp")) {
        $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
    }
    $(".WH").removeClass("hidens");
    $('.first').removeClass('first');
    $('.WH').addClass('first');
    loadWH();
}
//加载外呼电话列表
function loadWH() {
    $(".phonediv").hide();
    var n = $(".bg_title .lactive").attr("itemid");
    switch (n) {
        case '0':
            var obj0 = $(".phonediv").eq(0);
            obj0.show();

            //先销毁表格
            var table = obj0.find(".phonelist");
            table.bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            table.bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
                contentType: "application/x-www-form-urlencoded",
                striped: true, //表格显示条纹
                pagination: true, //启动分页
                pageSize: 10, //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [10, 20, 50, 100], //记录数可选列表
                search: false, //是否启用查询
                showColumns: false, //显示下拉框勾选要显示的列
                showRefresh: false, //显示刷新按钮
                sidePagination: "server", //表示服务端请求
                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                //设置为limit可以获取limit, offset, search, sort, order
                queryParamsType: "undefined",
                queryParams: function queryParams(params) { //设置查询参数
                    var param = {
                        page: params.pageNumber,
                        pagesize: params.pageSize,
                        tel: $("#lastphone").val(),
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function () { //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
            break;
        case '1':
            var obj1 = $(".phonediv").eq(1);
            obj1.show();
            var table = obj1.find(".phonelist");
            table.bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            table.bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
                contentType: "application/x-www-form-urlencoded",
                striped: true, //表格显示条纹
                pagination: true, //启动分页
                pageSize: 10, //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [10, 20, 50, 100], //记录数可选列表
                search: false, //是否启用查询
                showColumns: false, //显示下拉框勾选要显示的列
                showRefresh: false, //显示刷新按钮
                sidePagination: "server", //表示服务端请求
                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                //设置为limit可以获取limit, offset, search, sort, order
                queryParamsType: "undefined",
                queryParams: function queryParams(params) { //设置查询参数
                    var param = {
                        page: params.pageNumber,
                        pagesize: params.pageSize,
                        tel: $("#gsphone").val(),
                        name: $("#gsname").val(),
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function () { //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
            break;
        case '2':
            var obj2 = $(".phonediv").eq(2);
            obj2.show();
            var table = obj2.find(".phonelist");
            table.bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            table.bootstrapTable({
                method: "get", //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
                contentType: "application/x-www-form-urlencoded",
                striped: true, //表格显示条纹
                pagination: true, //启动分页
                pageSize: 10, //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [10, 20, 50, 100], //记录数可选列表
                search: false, //是否启用查询
                showColumns: false, //显示下拉框勾选要显示的列
                showRefresh: false, //显示刷新按钮
                sidePagination: "server", //表示服务端请求
                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                //设置为limit可以获取limit, offset, search, sort, order
                queryParamsType: "undefined",
                queryParams: function queryParams(params) { //设置查询参数
                    var param = {
                        page: params.pageNumber,
                        pagesize: params.pageSize,
                        tel: $("#khphone").val(),
                        name: $("#khname").val(),
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function () { //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () { //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
            break;
        case '3':
            $(".phonediv").eq(3).show();
            $("#zxTable tbody").html('');
            if (obj.AgentID) {
                obj.Type = "GetAgentList";
                Send();
            }

            break;
    }
}

function view(val) {
    var str = '';
    if (val) {
        str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
    }
    return str;
}

function call(val) {
    $("#Result").val(val);
    $(".img").removeClass("hidens");
}

function ftime(val) {
    if (val) {
        return helper.DateFormat.getFormatTime(val);
    } else {
        return '';
    }
}

function logout() {
    $.ajax({
        url: huayi.config.callcenter_url + "Login/Logout",
        data: {
            token: $.cookie("token")
        },
        dataType: "json",
        success: function (res) {
            if (res.state) {
                location.href = "./login.html";
            }
        }
    });
}
//跳转
function Jumps() {
    $("iframe:visible")[0].src = "widgets.html"
}
////子页面返回主页
//function home_index() {
//	top.$("iframe:visible")[0].src = "widgets.html";
//}




//通知公告
function QY(obj) {
    obj.empty();
    obj.append('<option selected="selected" value="">请选择</option>');
    $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById", {
        "token": $.cookie("token"),
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
            })
        }
    })
}
//来源
function LY(obj) {
    obj.empty();
    $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
        "token": $.cookie("token"),
        id: 1
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
            })
        }
    })
}
//类别
function LB(obj) {
    obj.empty();
    $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
        "token": $.cookie("token"),
        id: 2
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
            })
        }
    })
}
//主题
function ZT(obj) {
    obj.empty();
    $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
        "token": $.cookie("token"),
        id: 3
    }, function (data) {
        if (data.state.toLowerCase() == "success") {
            var content = data.data;
            $(content).each(function (i, n) {
                $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
            })
        }
    })
}

//获取来电类型
function GetDicValueList() {
    $('#dicValueList ul').html('');
    $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListById', {
        id: 45,
        token: $.cookie("token")
    }, function (result) {
        if (result.state.toLowerCase() == "success") {
            for (var i = 0; i < result.data.length; i++) {
                $('#dicValueList ul').append('<li><label data-valDic="' + result.data[i].F_ValueId + '" id="unit' + i + '">' + result.data[i].F_Value + '</label></li>');
            }
        }
    })
}

//点击来电类型 
var dicTypeid = 46;//默认是 已受理
$(document).on('click', '#dicValueList li label', function () {
    if (!$(this).hasClass('checkedDept')) {
        var $that = $(this);
        if ($(".hidCallID").val()) {
            dicTypeid = 46;//默认是 已受理
            dicTypeid = $(this).attr('data-valDic') != 46 ? $(this).attr('data-valDic') : 46;
            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateCallInType', {
                callid: $(".hidCallID").val(),
                //				callid: 59054,
                typeid: dicTypeid,
                "token": $.cookie("token")
            }, function (result) {
                //debugger;
                var results = JSON.parse(result);
                if (results.state.toLowerCase() == "success") {
                    //console.info('传递来电类型成功，ID为：'+ dicTypeid);
                    $that.addClass('checkedDept').parent().siblings().children().removeClass('checkedDept');
                    if (dicTypeid != 46) {
                        $('#dicForms').hide();
                        layer.msg('来电类型保存成功！');
                        if (dicTypeid == 50) {//催单
                            $('.ldtp-cr ul.ld-service li:last-child').addClass("cr-click").siblings().removeClass("cr-click");
                            loadOld();
                        }
                    } else {
                        $('#dicForms').show();
                    }
                }
            })
        } else {
            //console.info('传递来电类型失败');
        }
    } else {
        //$(this).removeClass('checkedDept');
        //layer.msg('来电类型已经保存成功！不用重复点击提交');
    }
});

//催单操作
function setReminder(val, row) {
    if (dicTypeid == 50) {
        return '<a class="xg" onclick="reminder(' + row.F_WorkOrderId + ')" title="催单">催单</a>';
    } else {
        return '';
    }
}
function reminder(str) {
    layer.open({
        type: 2,
        content: "./CommonHtml/reminder.html?wid=" + str + "&callid=" + $(".hidCallID").val() + "", //iframe的url，no代表不显示滚动条
        title: '催单内容',
        area: ['40%', '40%'], //宽高
    });
}
//跳转超期共单列表
$('.surIcon').click(function(){
	top.$("iframe:visible")[0].src = "./Appeal/expiredWorkOrders.html";
})

//右上角消息列表
function rightUp() {
    helper.init.isload = 0;
    $('.drm').html('');
    $.ajax({
        type: "get",
        url: huayi.config.callcenter_url + "Index/GetNoDealOrder",
        async: true,
        dataType: 'json',
        data: {
            token: $.cookie("token"),
            top: 5
            //mid:$('.mid').val()
        },
        success: function (data) {
            helper.init.isload = 1;
            $('.mid').val(data.maxid)
            //						helper.cookies.set("mid", data.maxid, 7);
            //						console.log(data.maxid)
            //						console.log($('.mid').val())
            $('.xx_count').html(data.total);
            $('.sur_count').html(data.timeoutcount);
            if (data.rows) {
                $.each(data.rows, function (i, n) {
                    if (i < 10) {
                        $('<li>' +
                    '<a href="javaScript:;" class="xx" onclick="ckxq(' + n.F_WorkOrderId + ')">' +
                    '<div class="tipCon">' + n.F_ComContent + '</div>' +
                    '<div class="order_time clearfix">' +
                        '<span class="work_order">订单号：' + n.F_WorkOrderId + '</span>' +
                        '<span class="ort">' + n.F_CreateTime + '</span>' +
                    '</div>' +
                '</a></li><li class="divider"></li>').appendTo('.drm');
                    }
                });
            }

            $('<li><a href="javaScript:;" class="seeMore" onclick="goDC()">' +
                '<div class="order_time clearfix">' +
                    '<span class="work_order">查看更多</span>' +
                    '<span class="ort"> ' +
                    '>>' +
                    '</span>' +
                '</div>' +

            '</a></li>').appendTo('.drm');
        }

    });
}


function goDC() {
    top.$("iframe:visible")[0].src = "Business/WorkDC.html";
}
function ckxq(str) {
    layer.open({
        type: 2,
        content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
        title: '工单详情',
        area: ['85%', '80%'], //宽高
    });
}

//右下角消息弹框
function rightDown() {
    helper.init.isload = 0;
    $(".rightDown_list").html('');
    var tota = 0;
    $.ajax({
        type: "get",
        url: huayi.config.callcenter_url + "Index/GetNoDealWorkTotal",
        async: true,
        dataType: 'json',
        data: {
            token: $.cookie("token")
        },
        success: function (data) {
            helper.init.isload = 1;
            var con = data.data;
            $(con).each(function (i, n) {
                var sts = "";
                switch (n.state) {
                    case 0: sts = "待处理"; break;
                    case 1: sts = "待交办"; break;
                    case 2: sts = "待查收"; break;
                    case 3: sts = "退回审核中"; break;
                    case 4: sts = "办理中(主办)"; break;
                    case 5: sts = "延时审核中"; break;
                    case 6: sts = "待回访"; break;
                    case 7: sts = "已回访"; break;
                    case 8: sts = "重办中"; break;
                    case 9: sts = "已结案"; break;
                    case 10: sts = "办理中(协办)"; break;
                    default: sts = "其他"; break;
                }
                //							console.log(typeof(n.state))
                $('<li onclick="turnTo(this)">' +
                    '<a href="javaScript:;" data-index="' + n.state + '">' +
                        '<div>' + sts + '<span class="pull-right text-muted small">' + n.con + '条</span>' +
                        '</div>' +
                    '</a>' +
                '</li>').appendTo(".rightDown_list");
                tota = tota + parseInt(n.con);
            })
            $('.messageTotal').html(tota);
        }
    });
}

function turnTo(a) {
    var state = $(a).children("a").attr("data-index");
    switch (state) {
        case "0": $("iframe:visible")[0].src = "Business/ZXDCL.html"; break;
        case "1": $("iframe:visible")[0].src = "Business/LeaderDCL.html?states=" + state; break;//代交办
        case "2": $("iframe:visible")[0].src = "Business/WorkDC.html?states=" + state; break;//待查收
        case "3": $("iframe:visible")[0].src = "Business/LeaderDCL.html?states=" + state; break;//退回审核中
        case "4": $("iframe:visible")[0].src = "Business/WorkDC.html?states=" + state; break;//办理中（主办）
        case "5": $("iframe:visible")[0].src = "Business/LeaderDCL.html?states=" + state; break;//延时审核中
        case "6": $("iframe:visible")[0].src = "Business/ZXDCL.html?states=" + state; break;
        case "7": $("iframe:visible")[0].src = "Business/LeaderDCL.html?states=" + state; break;//已回访
        case "8": $("iframe:visible")[0].src = "Business/WorkDC.html?states=" + state; break;//重办中
        case "10": $("iframe:visible")[0].src = "Business/WorkDCCO.html?states=" + state; break;//办理中协办
        default: sts = "其他"; break;
    }
}

///拖拽效果

//拖动事件
var box = document.getElementById("box");
//鼠标按下的函数
box.onmousedown = function (ev) {
    var oEvent = ev || event;
    //求出鼠标和box的位置差值
    var x = oEvent.clientX - box.offsetLeft;
    var y = oEvent.clientY - box.offsetTop;
    console.log(x);
    //鼠标移动的函数
    //把事件加在document上，解决因为鼠标移动太快时，
    //鼠标超过box后就没有了拖拽的效果的问题
    document.onmousemove = function (ev) {
        var oEvent = ev || event;
        //保证拖拽框一直保持在浏览器窗口内部，不能被拖出的浏览器窗口的范围
        var l = oEvent.clientX - x;
        var t = oEvent.clientY - y;
        if (l < 0) {
            l = 0;

        } else if (l > document.documentElement.clientWidth - box.offsetWidth) {
            l = document.documentElement.clientWidth - box.offsetWidth;
        }
        if (t < 0) {
            t = 0;
        } else if (t > document.documentElement.clientHeight - box.offsetHeight) {
            t = document.documentElement.clientHeight - box.offsetHeight;
        }
        box.style.left = l + "px";
        box.style.top = t + "px";
    }
    //鼠标抬起的函数
    document.onmouseup = function () {
        document.onmousemove = null;
        document.onmouseup = null;
    }
    //火狐浏览器在拖拽空div时会出现bug
    //return false阻止默认事件，解决火狐的bug
//  return false;

}

function messages(type) {
    if (!type) {
        type = $('.right-tab li.active').index();
    }
    var html = $('#tab-' + (type + 1)).find('.chat_box');
    html.html('');
    helper.init.isload = 0;
    $.ajax({
        type: "get",
        url: huayi.config.callcenter_url + "Index/GetChatLists",
        async: true,
        dataType: 'json',
        data: {
            token: $.cookie("token"),
            isread: type,
            top: 50,
            fromid: 0
        },
        success: function (data) {
            helper.init.isload = 1;
            $('#tab-1').find('.message_count').html(data.total);
            if (type == 0) {
                if (data.total == 0) {
                    $('.readed').hide();
                   
                } else {
                    $('.readed').show();
                }
                $('.close_chat').show();
            }
            $(data.rows).each(function (i, n) {
                var str = '';
                str = '<div class="sidebar-message">' +
                        '<a href="#">' +
                            '<div class="pull-left text-center">' +
                                '<img alt="image" class="img-circle message-avatar" src="img/chat_pic.jpg">' +
                                '<div class="m-t-xs">' + n.F_UserName + '</div>' +
                            '</div>' +
                            '<div class="media-body">' +
                                '<div class="chat_content">' + GetCont(n.Content) + '</div>' +
                                '<small class="text-muted">' + n.CreateDate + '</small>' +
                               '<span class="reply"  data-FromUserId="' + n.FromUserId + '" data-ToUserId="' + n.ToUserId + '" data-roleId="' + n.F_RoleId + '" onclick="resply(this)">回复</span>'
                if (n.IsRead != 1) {
                    str += '<span class="reply close_chat" data-index="' + n.Id + '" onclick="closed(this)">关闭</span>'
                }
                '</div>' +
            '</a>' +
        '</div>'
                html.append(str);
            })
        }
    });
}

function closed(a) {
    var id = $(a).attr('data-index');
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "Index/CloseChat",
        async: true,
        dataType: 'json',
        data: {
            token: $.cookie("token"),
            id: id
        },
        success: function (data) {
            if (data.total > 0) {
                messages()
            } else {
                layer.msg("关闭消息失败！");
            }
        }
    });
}

function resply(a) {
    var userId = $(a).attr('data-FromUserId')
    var toId = $(a).attr('data-ToUserId')
    var roleId = $(a).attr('data-roleId')
    layer.open({
        type: 2,
        content: "replyChat.html?userId=" + userId + "&roleId=" + roleId + "&toId=" + toId, //iframe的url，no代表不显示滚动条
        title: '回复消息',
        area: ['50%', '60%'], //宽高
    });
}