GXQGWH_UI/CallCenterWe.../callScreen/call.js

//来电时传输的数据
var Number = helper.request.queryString("Number");
var CallID = helper.request.queryString("CallID");
$(document).ready(function () {
    //来电弹屏
    laydate.skin('molv'); 
    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();
    });
    $('.pre-add').click(function () {
        var par = $(this).parent().parent();
        par.hide().siblings().show();
    })
    $(".mfhtel").val(Number);
    $(".hidTel").val(Number);
    $(".tel").text(Number);
    $("#zxdh_").val(Number);
    $("#tsdh").val(Number);
    $(".ldtime").text(top.getNowFormatDate());
    $(".thsc").text("00:00");
    $(".hidCallID").val(CallID);
    $(".ldtel").text(Number);
    $("#tsdh").val(Number);
    $(".ldtel1").val(Number); //左侧联系电话
    $("#marketTel").val(Number);//右侧市场部  新增工单电话
    if (Number) {
        //获取电话所属地
        $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
            "tel": Number,
            "token": $.cookie("token")
        }, function (result) {
            if (result.state.toLowerCase() == "success") {
                $(".khgsd").text(result.data);
            }
        })
        //获取客户信息
        $.ajax({
            type: "get",
            url: huayi.config.callcenter_url + "Customer/GetCustomerByTel",
            dataType: 'json',
            async: false,
            data: {
                token: $.cookie("token"),
                tel: Number,
            },
            success: function (result) {
                if (result.state.toLowerCase() == "success") {
                    if (result.data != null) {
                        $("#name").val(result.data.F_Name);
                        $("#tel").val(result.data.F_Phone);
                        $("#khid").val(result.data.F_Id);
                        $('.ldname').val(result.data.F_Name); //客户姓名
                        $("#customerSex").val(result.data.F_Sex)
                        if (result.data.F_Province) {
                            $("#shengshi").val(result.data.F_Province + "/" + result.data.F_City); //省份
                            $('.khprovince').val(result.data.F_Province);
                            $('.khcity').val(result.data.F_City);
                        } else {
                            $("#shengshi").val('');
                        }
                    }
                } else {
                    $('.ldname').val("");
                    $("#shengshi").val('');
                }
            }
        })
    }
    $('.head-pic .lahei .la-before').show();
    $('.head-pic .lahei .la-after').hide();
    //点击挂断
    $('.head-pic .td-call .take').click(function () {
        //      top.obj.Type = "DropCall";
        //      top.obj.AgentID = $.cookie("zx_user");
        //      top.obj.AgentExten = $.cookie("extno");
        top.obj.Type = "TurnIvr";
        top.obj.IvrName = "MYD";
        top.obj.IvrPos = "1";
        top.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-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();
            } else {
                layer.msg("取消黑名单失败");
            }
        })
    })
    $(".col-sm-3").mouseleave(function () {
        $(".ztree").parent().hide();
    })
    $('.areaDown').click(function () {
        if ($('.treeList1').css('display') == 'block') {
            $('.treeList1').css('display', 'none')
        } else {
            $('.treeList1').css('display', 'block')
        }
    })
    $('#typeclass').click(function () {
        $('.treeList1').css('display', 'block')
    })
    $('#shengshi').click(function () {
        $('.treeList').css('display', 'block')
    })
    $('.treeList1').mouseleave(function () {
        $(this).css('display', 'none')
    })
    $('.treeList').mouseleave(function () {
        $(this).css('display', 'none')
    })
    $(".orderType").change(function () {
        if ($(".orderType option:selected").text() != "投诉") {
            $(".complainDiv2").show();
            typeSmall =$(".complaintType2").val();
            $(".complainDiv").hide();
        } else {
            $(".complainDiv2").hide();
            $(".complainDiv").show();
            typeSmall =$(".complaintType1").val();
        }
    });
    $(".complaintType2").change(function () {
		typeSmall=$(".complaintType2").val();
    });
    $(".complaintType1").change(function () {
		typeSmall=$(".complaintType1").val();
    });
    //客户资料
    $('.khzl tbody>tr>td input').attr('readonly', true);
    $('.save').hide();
    $('.cancel').hide();
    $('.edit').click(function () {
        $('.save').show();
        $('.cancel').show();
        $(".time-box_flbox").show();
        $("#typeclass1").val($(".countryName").val())
        $('.edit').hide();
        $('.khzl tbody>tr>td input').attr('readonly', false);
        $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
        $(".ldlocation").hide();
    })
    $('.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();
        $(".ldlocation").show();
    })
    //保存客户
    $(".save").click(function () {
        var reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/;
        if (!$(".khmc").val()) {
            layer.confirm('请输入客户名称！', {
                btn: ['确定']
            });
            return;
        }
        $.post(huayi.config.callcenter_url + 'Customer/SaveCustomer', {
            id: $("#khid").val(),
            type: 1,
            name: $(".khmc").val(),
            province: $('.khprovince').val(), //省份
            city: $('.khcity').val(), //城市
            tel: $(".ldtel1").val(),
            sex: $("#customerSex").val(),
            "token": $.cookie("token")
        }, function (result) {
            result = $.parseJSON(result);
            if (result.state.toLowerCase() == "success") {
                $("#khid").val(result.data);
                $("#tskh").val($(".khmc").val());
                layer.msg("保存成功");
                $('.khzl tbody>tr>td input').css('border', "0");
                $('.save').hide();
                $('.cancel').hide();
                $('.edit').show();
                $("#callCustomer").val($(".khmc").val()); //客户姓名
                $("#name").val($(".khmc").val());
                $("#tel").val($(".ldtel1").val());//电话
                // $("#type option:selected").text(saveClientCity); // 工单-市
                // $("#type option:selected").val(saveClientCity); // 工单-市
            }
        })
    })
    //获取归属地
    getAreaType()
    //新建
    $('.customerSubmit').click(function () {
        saveCustomer();
    });
    //隐藏提交按钮
    $(".customerSubmitRepeat").hide();
    //获取知识库
    loadZSK();
    //知识库查询
    $(".searIcon").click(function () {
        loadZSK();
    })
    //按enter查询知识库
    $('.search').bind('keypress', function (event) {
	  	if (event.keyCode == "13") {
        	loadZSK();
   			return false;
		}
    });
    
    //历史记录查询
    $(".searchbtn").click(function () {
        loadOld();
    })
    //按enter查询历史记录
    $('#old_startTime, #old_endTime').bind('keypress', function (event) {
	  	if (event.keyCode == "13") {
        	loadOld();
   			return false;
		}
	});
});


//获取知识库
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 html = '<li>' +
					'   <div class="zhishi-title clearfix">' +
					'	    <a href="javascript:void(0);" >' + 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 loadOld() {
    var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
    $(".complain").hide();
    $(".complain").eq(type).show();
    if (type == '2') {
        //先销毁表格
        $('#orderlist').bootstrapTable('destroy');
        //初始化表格,动态从服务器加载数据
        $("#orderlist").bootstrapTable({
            method: "get", //使用get请求到服务器获取数据
            url: huayi.config.callcenter_url + "RegRecords/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 = {
                    starttime: $("#con_startTime").val(),
                    endtime: $("#con_endTime").val(),
                    keywords: $(".hidTel").val(),
                    token: $.cookie("token"),
					pageindex: params.pageNumber, //页码
					pagesize: params.pageSize, //条数
                };
                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 View(val, row) {
    return '<div class="imgs" ><a class="view" onclick= btn_register_details("' + row.F_ID + '") >' + val + '</a></div>';
}

function btn_register_details(id) {
    layer.open({
        type: 2,
        title: '登记详情',
        maxmin: true, //开启最大化最小化按钮
        area: ['80%', '80%'],
        content: '../registrationManagement/registrationList/detail.html?ids=' + id
    });
}

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");
	$(".gjss").removeClass("cx");
	$(".xqlb").addClass("cx");
	$(".Ly_box").empty();
	$('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
}

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

// 获取归属地
function getAreaType() {
    $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
        "token": $.cookie("token"),
    }, function(result) {
        result = $.parseJSON(result);

        $.fn.zTree.init($("#TreeDemo"), setting, result.data); //实例化树形图
        $.fn.zTree.init($("#TreeDemo1"), setting1, result.data); //实例化树形图
    });
}

var setting = {
    data: {
        key: {
            name: "F_AreaName"
        },
        simpleData: {
            enable: true,
            idKey: "F_Id",
            pIdKey: "F_ParentId",
            rootPId: 0
        }
    },
    callback: {
        onClick: changeTreeClick
    }
}
var setting1 = {
    data: {
        key: {
            name: "F_AreaName"
        },
        simpleData: {
            enable: true,
            idKey: "F_Id",
            pIdKey: "F_ParentId",
            rootPId: 0
        }
    },
    callback: {
        onClick: changeTreeClick1
    }
}
function changeTreeClick(event, treeId, treeNode) {

    var areaParent = treeNode.getPath();
    if (areaParent[1]) {
        areaParent1 = areaParent[0].F_AreaName
        areaParent2 = areaParent[1].F_AreaName

        $('#shengshi').val(areaParent1 + "/" + areaParent2);
        $('#typeclass').val(areaParent1 + "/" + areaParent2);
        $('.inps3').val(areaParent2);

        $('.khprovince').val(areaParent1);
        $('.khcity').val(areaParent2);

    } else {
        layer.msg("请选择最下级菜单");
    }
    $('.addTree').hide();
};
function changeTreeClick1(event, treeId, treeNode) {

    var areaParent = treeNode.getPath();
    if (areaParent[1]) {
        areaParent1 = areaParent[0].F_AreaName
        areaParent2 = areaParent[1].F_AreaName

        $('#typeclass').val(areaParent1 + "/" + areaParent2);
        $('.inps3').val(areaParent2);
    } else {
        layer.msg("请选择最下级菜单");
    }
    $('.addTree1').hide();

};
//清空
function Clean() {
    $('#name').val('');
    $('#tel').val(''); //号码
}

//保存
function saveCustomer() {
    $.ajax({
        type: "post",
        url: huayi.config.callcenter_url + "RegRecords/Save",
        dataType: 'json',
        async: true,
        beforeSend: function() { //触发ajax请求开始时执行
            $('.customerSubmit').attr("disabled", true);
            $('.customerSubmit').text('保存中...');
        },
        data: {
            token: $.cookie("token"),
            cusid: $("#khid").val(), //档案id
            direction: 0, // 0来电，1去电
            type: $('#formRegistrationType input[name="type"]:checked').val(), //登记类型
            complained: $("#formComplainedUnit").val(), //被投诉单位
            content: $("#formRegistrationContent").val(), //登记内容/投诉事项
            remark: $("#formRegistrationRemark").val(), //备注
        },
        success: function (data) {
            if (data.state.toLowerCase() == 'success') {
                layer.msg("保存成功！");
                Clean();
                $('.customerSubmit').attr("disabled", false);
	            $('.customerSubmit').text('新建');
            } else {
            	$('.customerSubmit').attr("disabled", false);
	            $('.customerSubmit').text('新建');
            }
        }
    });
}