ZXZB_CallCenterUI5.0/CallCenterWe.../js/main.js


var ws, heartbeat, n = 0, timer;
var obj = {};


var cls = 0;
var lasttime = new Date().getTime();
heartbeat = setInterval(function () { Heart() }, 60000);

//连接
function Connect() {
    try {
        ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
        ws.onopen = function () {
            console.log("建立连接");
            cls = 0;
            $(".Login").addClass("active");
            lasttime = new Date().getTime();
        };
        //接收到消息的回调方法
        ws.onmessage = function (evt) {
            console.log(evt.data);
            var data = JSON.parse(evt.data)[0];
            if (data) {
                var rlt = data.Result;
                if (rlt == true) {
                    var type = data.Type;
                    switch (type.toLowerCase()) {
                        case "heart": HeartBack(); break;//心跳
                        case "login": LoginBack(); break;//签入
                        case "logout": LogoutBack(); break;//签出
                        case "dropcall": DropCallBack(); break;//挂断
                        case "makecall": MakeCallBack(); break;//外呼
                        case "setstate": SetState(data); break;//置忙置闲
                            //case "saybusy": SayBusyBack(data); break;
                            //case "sayfree": SayFreeBack(data); break;
                        case "meeting": MeetingBack(); break;//多方通话
                        case "transfer": TransferBack(); break;//转移
                        case "hold": HoldBack(); break;//保持
                        case "retrieve": RetrieveBack(); break;//接回
                        case "incoming": IncomingBack(data); break;//来电
                        case "subscribe": SubScribeBack(); break;//监测
                        case "subscribecancel": SubScribeCancelBack(); break;//停止监测
                        case "agentstate": AgentStateBack(data); break;//坐席状态
                        case "linestate": LineStateBack(data); break;//线路状态
                        case "motorsetstate": SayFreeBack(); break;//班长置闲
                        case "linestateagent": LineStateAgentBack(data); break;//线路状态通知
                        case "callid": CallIDBack(data); break;//获取callid
                        case "recordpath": RecordPathBack(data); break;//录音返回
                    }
                }
                else {
                    if (rlt == false) {
                        layer.confirm('操作失败！', {
                            btn: ['确定'] 
                        });
                    }
                    else {
                        layer.confirm(rlt, {
                            btn: ['确定']
                        });
                    }
                }
            }
        };
        //连接关闭的回调方法
        ws.onclose = function (evt) {
            if (cls == 0) {
                cls = 1;
                console.log("连接关闭！");
                layer.confirm('连接关闭！', {
                    btn: ['确定']
                });
                $("#top-search li i").removeClass("active");
            }
        };
        //连接发生错误的回调方法
        ws.onerror = function (evt) {
            //产生异常
            console.log("WebSocketError!");
        };
    }
    catch (ex) {
        layer.confirm('连接失败！', {
            btn: ['确定']
        });
    }
}
//发送
function Send() {
    if (ws.readyState != ws.OPEN) {
        Connect();
    }
    if (ws.readyState == ws.OPEN) {
        ws.send(JSON.stringify(obj));
    }
}
//心跳
function Heart() {
    if (new Date().getTime() - lasttime > 70000) {
        Connect();
    }
    else {
        if (ws.bufferedAmount == 0) {
            obj.Type = "Heart";
            Send();
        }
    }
}
function HeartBack() {
    lasttime = new Date().getTime();
}
//签入
function LoginBack() {
    $("#top-search li i").removeClass("active");
    $(".Logout").addClass("active");
    $(".SayBusy").addClass("active");
    $(".MakeCall").addClass("active");

    $(".zxzt").removeClass("lx").removeClass("br");
    $(".zxzt").addClass("bl");
}
//签出
function LogoutBack() {
    $("#top-search li i").removeClass("active");
    $(".Login").addClass("active");

    $(".zxzt").removeClass("bl").removeClass("br");
    $(".zxzt").addClass("lx");
    $(".fwzt").removeClass("bl").removeClass("br");
    $(".fwzt").addClass("lx");
}

//来电
function IncomingBack(data) {
    
    $(".hidTel").val(data.Number);
    $(".tel").text(data.Number);
    $(".ldtime").text(getNowFormatDate());
    $(".thsc").text("00:00");
    //获取callid
    $.ajaxSettings.async = false;
    $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCallIdByPhone', { "tel": $(".hidTel").val(), "token": $.cookie("token") }, function (result) {
        $.ajaxSettings.async = true;
        if (result.state.toLowerCase() == "success") {
            $(".hidCallID").val(result.data.CallId);
        }
    })
    //获取电话所属地
    $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', { "tel": $(".hidTel").val(), "token": $.cookie("token") }, function (result) {
        if (result.state.toLowerCase() == "success") {
            $(".ldname").text(result.data[0].F_Name);
            $(".khgsd").text(result.data[0].F_Name);
        }
    })
    //获取客户信息
    $(".ldtel").text($(".hidTel").val());
    $("#tsdh").val($(".hidTel").val());
    $(".ldtel1").val($(".hidTel").val());
    $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCustomerByTel', { "tel": $(".hidTel").val(), "token": $.cookie("token") }, function (result) {
        if (result.state.toLowerCase() == "success") {
            if (result.data.length > 0) {
                $(".ldname").val(result.data[0].F_CustomerName);
                $("#tskh").val(result.data[0].F_CustomerName);
                $("#khid").val(result.data[0].F_CustomerId);
                $(".khbh").val(result.data[0].F_CustomerCode);
                $(".ldtel1").val(result.data[0].F_Telephone);
                $(".ldtel2").val(result.data[0].F_Mobile);
                $(".ldtel3").val(result.data[0].F_ChargeTelephone);
            }
        }
    })

    loadOld();

    $('.maxOpen').trigger("click");
    $('.head-pic .lahei .la-before').show();
    $('.head-pic .lahei .la-after').hide();
    $(".Bacha").hide();
}
function CallIDBack(data) {
    //$(".hidCallID").val(data.CurrID);
}
//挂断
function DropCallBack() {
    $("#top-search li i").removeClass("active");
    $(".Logout").addClass("active");
    $(".SayBusy").addClass("active");
    $(".MakeCall").addClass("active");

    $(".td-call").hide();
    //$('.ldtp-con').css("display", 'none');
}
function LineStateAgentBack(data) {
    if (data.State == '1') {
        clearInterval(timer);

        if ($(".hidTel").val() && $(".hidCallID").val()) {
            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', { callid: $(".hidCallID").val(), "token": $.cookie("token") }, function (result) {
                result = JSON.parse(result);
                if (result.state.toLowerCase() == "success") {
                }
            })
        }

        $("#top-search li i").removeClass("active");
        $(".Logout").addClass("active");
        $(".SayBusy").addClass("active");
        $(".MakeCall").addClass("active");

        $(".td-call").hide();
        $(".Bacha").show();

        //$(".hidTel").val("");
        //$(".hidCallID").val("");
        $(".fwzt").removeClass("lx").removeClass("br");
        $(".fwzt").addClass("bl");
    }
    if (data.State == '5') {
        if ($(".hidTel").val() && $(".hidCallID").val()) {
            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', { callid: $(".hidCallID").val(), "token": $.cookie("token") }, function (result) {
                result = JSON.parse(result);
                if (result.state.toLowerCase() == "success") {
                }
            })
        }
    }
    if (data.State == '6') {

        if ($(".hidTel").val() && $(".hidCallID").val()) {
            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', { callid: $(".hidCallID").val(), "token": $.cookie("token") }, function (result) {
                result = JSON.parse(result);
                if (result.state.toLowerCase() == "success") {
                }
            })
        }

        $(".fwzt").removeClass("lx").removeClass("bl");
        $(".fwzt").addClass("br");

        $(".td-call").show();
        n = 0;
        $("#top-search li i").removeClass("active");
        $(".DropCall").addClass("active");
        $(".Hold").addClass("active");
        $(".Transfer").addClass("active");
        $(".Meeting").addClass("active");

        clearInterval(timer);
        timer = setInterval(function () {
            n++;
            var m = parseInt(n / 60 % 60);
            var s = parseInt(n % 60);
            $(".thsc").text(toDub(m) + ":" + toDub(s));
        }, 1000);
    }
}
function toDub(i) {
    return i < 10 ? "0" + i : "" + i;
}
//外呼
function MakeCallBack() {
    $("#top-search li i").removeClass("active");
    $(".DropCall").addClass("active");
}

//置忙置闲
function SetState(obj) {
    if (obj.State == '5') {
        $(".SayBusy").removeClass("active");
        $(".SayFree").addClass("active");

        $(".zxzt").removeClass("bl").removeClass("lx");
        $(".zxzt").addClass("br");
    }
    if (obj.State == '2') {
        $(".SayBusy").addClass("active");
        $(".SayFree").removeClass("active");
        $(".zxzt").removeClass("lx").removeClass("br");
        $(".zxzt").addClass("bl");
    }
}
//置忙
function SayBusyBack() {
    $(".SayBusy").removeClass("active");
    $(".SayFree").addClass("active");
}
//置闲
function SayFreeBack() {
    $(".SayBusy").addClass("active");
    $(".SayFree").removeClass("active");
}
//多方通话
function MeetingBack() {

}
//转移
function TransferBack() {
    $("#top-search li i").removeClass("active");
    $(".Logout").addClass("active");
    $(".SayBusy").addClass("active");
    $(".MakeCall").addClass("active");
}
//保持
function HoldBack() {
    $(".Hold").removeClass("active");
    $(".Retrieve").addClass("active");
}
//接回
function RetrieveBack() {
    $(".Hold").addClass("active");
    $(".Retrieve").removeClass("active");
}
//监测
function SubScribeBack() {
    var obj = $("iframe:visible")
    if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
        window.frames[obj.attr("name")].Start();
    }
}
//取消监测
function SubScribeCancelBack() {
    var obj = $("iframe:visible")
    if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
        window.frames[obj.attr("name")].Stop();
    }
}
//班长监测返回状态
//坐席状态
function AgentStateBack(data) {
    var obj = $("iframe:visible")
    if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
        window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State);
    }
}
//线路状态
function LineStateBack(data) {
    var obj = $("iframe:visible")
    if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
        window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
    }
}
//录音返回
function RecordPathBack(data) {
    if ($(".hidTel").val() && $(".hidCallID").val()) {
        $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', { callid: $(".hidCallID").val(),path:data.RecPath, "token": $.cookie("token") }, function (result) {
            result = JSON.parse(result);
            if (result.state.toLowerCase() == "success") {
            }
        })
    }
}
//获取当前的日期时间 格式“yyyy-MM-dd HH:mm:ss”
function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + date.getHours() + seperator2 + date.getMinutes()
            + seperator2 + date.getSeconds();
    return currentdate;
}

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

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

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

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

//laydate({
//    elem: '#bx_endTime',
//    event: 'focus'
//});
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");
    //var inedx = $(this).index();
    //console.log(inedx);
    //var indexCon = $('.ld-sercon>div').eq(inedx);
    //indexCon.show();
    //indexCon.siblings().hide();
    //indexCon.find('.ld-sercon-con').show();
    //indexCon.find('.second-con').hide();
    //indexCon.find('.addjl').click(function() {
    //    var par = $(this).parent().parent();
    //    par.hide().siblings().show();
    //})

    loadOld();
});
$('.pre-add').click(function() {
    var par = $(this).parent().parent();
    par.hide().siblings().show();
})

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

//最大化
$('.maxOpen').click(function() {
    $('.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 () {
    $('.ldtp-con').removeClass('fadeInDown');
    $('.ldtp-con').addClass('fadeOutUp');
    $('.ldtp-con').css("display", "none");
    obj.Type = "SayFree";
    Send();
})
//顶部小头像
var little_pic = $('.head-pic .hp-box img').attr("src");
//console.log(little_pic);
$('.maxOpen li .photo img').attr("src", little_pic);
//$('.ldtp-cr').scroll(function() {
//    var scheit = $('.ldtp-cr').scrollTop();
//    //console.log(scheit);
//    if (scheit > 10) {
//        $('.minClosed').css({
//            'background': '#000',
//            'top': '13px',
//            'right': '15px'
//        });
//        $('.minClosed a').css('background', '#fff');
//    } else {
//        $('.minClosed').css({
//            'background': '',
//            'top': '0',
//            'right': '80px'
//        }) ;
//        $('.minClosed a').css('background', '#000');
//    }
//})
//点击左侧菜单来电弹屏显示
$('.tantan').click(function () {
    $('.maxOpen').trigger("click");
    $('.head-pic .lahei .la-before').show();
    $('.head-pic .lahei .la-after').hide();

    loadOld();
})

//点击挂断
$('.head-pic .td-call .take').click(function() {
    //$('.ldtp-con').css("display", 'none');
    obj.Type = "DropCall";
    Send();
}) ;

//点击拉黑事件				
$('.head-pic .lahei .la-before').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');
    
})
//拉黑输入框事件
$('.hei-list .bacha').click(function(){
	  //$('.ldtp-con .hei-list').removeClass('bounceIn');
    //$('.ldtp-con .hei-list').addClass('bounceOutUp');
    $('.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-shichang .blackTime').html(result.data);
            //$('.ldtp-con .hei-list').removeClass('bounceIn');
            //$('.ldtp-con .hei-list').addClass('bounceOutUp');
            $('.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();
        }
    })
})