弹屏多页签

CallCenterWeb.UI/callScreen/call.js

@@ -0,0 +1,936 @@
+     //来电弹屏
+    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();
+    });
+      //弹屏右侧切换效果
+    $(".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();
+    })
+      //来电时传输的数据
+    var Number=helper.request.queryString("Number");
+    var CallID=helper.request.queryString("CallID");
+    var hidActionID=helper.request.queryString("ActionID");
+//  $(".ldhm").val(Number);
+//  $(".hidTel").val(Number);
+//  $(".tel").text(Number);
+//  $(".ldtime").text(top.getNowFormatDate());
+//  $(".thsc").text("00:00");
+//  $(".hidCallID").val(CallID);
+
+    $(".hidTel").val(Number);
+    $(".tel").text(Number);
+    $("#zxdh_").val(Number);
+    $("#tsdh").val(Number);
+    $(".ldtime").text(top.getNowFormatDate());
+    $(".thsc").text("00:00");
+    $(".hidCallID").val(CallID);
+    $(".hidActionID").val(hidActionID);
+    
+      //获取电话所属地
+    $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', { "tel": $(".hidTel").val(), "token": $.cookie("token") }, function (result) {
+        if (result.state.toLowerCase() == "success") {
+            $(".khgsd").text(result.data);
+
+
+
+        }
+    })
+    //获取客户信息
+    $(".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) {
+                $("#zxr_").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();
+
+    $('.head-pic .lahei .la-before').show();
+    $('.head-pic .lahei .la-after').hide();
+    
+    function clearInter(){
+    	 clearInterval(timer);
+    }
+    //通话中执行变化
+    var timer,n=0;
+    function calling(){
+    	$(".td-call").show();
+    	n=0;
+    	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;
+}
+    //最大化 最小化效果
+    //最小化
+//  $('.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();
+//      top.obj.Type = "SayFree";
+//      top.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 () {
+//        top.obj.Type = "DropCall";
+////     	top.obj.Type = "TurnIvr";
+//      top.obj.AgentID = $.cookie("zx_user");
+//      top.obj.AgentExten = $.cookie("extno");
+//      top.obj.IvrName = "MYD";
+//      top.obj.IvrPos = "1";
+//     	top.Send();
+
+		top.obj.Type = "DropCall";
+        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').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();
+            }
+        })
+    })
+    $(".add_").click(function () {
+        var tskh = $("#zxr_").val(); //咨询人：
+        var tsdh = $("#zxdh_").val(); //咨询电话
+        var cont = $("#zxnr_").val(); //咨询内容
+        var clcont = $("#clnr_").val(); //内容
+        var type = "1";
+        if (!clcont) {
+            layer.confirm('请输入处理内容！', {
+                btn: ['确定']
+            });
+            return;
+        }
+
+        $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
+            tskh: tskh,
+            tsdh: tsdh,
+            cont: cont,
+            clcont: clcont,
+            type: type,
+            "token": $.cookie("token")
+        }, function (result) {
+            result = $.parseJSON(result);
+            if (result.state.toLowerCase() == "success") {
+                loadOld();
+                $("#zxr_").val(''); //咨询人：
+                $("#zxdh_").val(''); //咨询电话
+                $("#zxnr_").val(''); //咨询内容
+                $("#clnr_").val(''); //内容                  
+                layer.msg("创建工单成功");
+            }
+        })
+    })
+     //加载部门人员
+    $("#zrbmname").click(function () {
+        if ($(".zrbmmenu").is(":hidden")) {
+            $(".zrbmmenu").show();
+        } else {
+            $(".zrbmmenu").hide();
+        }
+    })
+    $("#clbmname").click(function () {
+        if ($(".clbmmenu").is(":hidden")) {
+            $(".clbmmenu").show();
+        } else {
+            $(".clbmmenu").hide();
+        }
+    })
+    $(".col-sm-3").mouseleave(function () {
+        $(".ztree").parent().hide();
+    })
+   //$("#zrbm").change(function () {
+    //    getRY($("#zrid"), $("#zrbm").val());
+    //})
+    //$("#clbm").change(function () {
+    //    getRY($("#clid"), $("#clbm").val());
+    //})
+   
+   
+   
+   //创建投诉工单
+    $(".addts").click(function () {
+       
+        var tslx = $("#tslx").val();
+        var tskh = $("#tskh").val();
+        var tsdh = $("#tsdh").val();
+        var zrbm = $("#zrbm").val();
+        var zrid = $("#zrid").val();
+        var clbm = $("#clbm").val();
+        var clid = $("#clid").val();
+        var khid = $("#khid").val();
+        var type = "3";
+        var cont = $("#cont").val();
+        var callid = $(".hidCallID").val();
+
+        if (!tslx) {
+            layer.confirm('请选择投诉类型！', {
+                btn: ['确定']
+            });
+            return;
+        }
+        if (!tskh) {
+            layer.confirm('请输入客户名称！', {
+                btn: ['确定']
+            });
+            return;
+        }
+        if (!tsdh) {
+            layer.confirm('请输入客户电话！', {
+                btn: ['确定']
+            });
+            return;
+        }
+        if (!cont) {
+            layer.confirm('请输入工单内容！', {
+                btn: ['确定']
+            });
+            return;
+        }
+
+        $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
+            tslx: tslx,
+            tskh: tskh,
+            tsdh: tsdh,
+            zrbm: zrbm,
+            zrid: zrid,
+            khid: khid,
+            clbm: clbm,
+            clid: clid,
+            type: type,
+            cont: cont,
+            callid: callid,
+            "token": $.cookie("token")
+        }, function (result) {
+            result = $.parseJSON(result);
+            if (result.state.toLowerCase() == "success") {
+                loadOld();
+                $("#zrbmname").val("");
+                $("#zrbm").val("");
+                $("#zrid").empty()
+                $("#clbmname").val("");
+                $("#clbm").val("");
+                $("#clid").empty()
+                $("#cont").val("");
+
+                layer.msg("创建工单成功");
+            }
+        })
+    
+    })
+    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();
+
+        }
+    })
+}
+       //客户资料
+    $('.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 khbh = $(".khbh").val();
+        var tel1 = $(".ldtel1").val();
+        var tel2 = $(".ldtel2").val();
+        var tel3 = $(".ldtel3").val();
+
+        if (!khmc) {
+            layer.confirm('请输入客户名称！', {
+                btn: ['确定']
+            });
+            return;
+        }
+        $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
+            cid: khid,
+            name: khmc,
+            code: khbh,
+            mobile: tel1,
+            telphone: tel2,
+            chargetelephone: tel3,
+            "token": $.cookie("token")
+        }, function (result) {
+            result = $.parseJSON(result);
+            if (result.state.toLowerCase() == "success") {
+                $("#khid").val(result.data);
+                $("#tskh").val(khmc);
+                layer.msg("保存成功");
+                $('.save').hide();
+                $('.cancel').hide();
+                $('.edit').show();
+            }
+        })
+    });
+    
+       //知识库查询
+    $(".searIcon").click(function () {
+        loadZSK();
+    })
+    //历史记录查询
+    $(".searchbtn").click(function () {
+        loadOld();
+    })
+    //新增记录
+    $(".addjl").click(function () {
+        var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
+        if (type == '3') {
+            $(".addgd").show();
+            $(".tbold").hide();
+        } else if (type == '1') {
+            $(".zxbg").show();
+            $(".tbold").hide();
+
+        }
+    })
+    //获取知识库
+      loadZSK();
+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");
+                    }
+                })
+            })
+        }
+    })
+}
+
+//====================未知内容======================================================
+$('input:radio[name="banli"]').change(function () {
+        if ($(this).val() == '1') {
+            $(".Nows_box").show();
+        }
+        else {
+            $(".Nows_box").hide();
+        }
+    })
+    QY($("#sourcearea"));
+    LB($("#type"));
+    ZT($("#keys"));
+    
+    //通知公告
+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);
+            })
+        }
+    })
+}
+//==========================================================================
+  //获取历史记录
+  loadOld()
+function loadOld() {
+    $(".addgd").hide();
+    $(".tbold").show();
+    $(".zxbg").hide();
+    var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
+    if (type != '0') {
+        $(".complain").hide();
+        if(type=='4'){
+        	$(".complain").eq(2).show();
+        	
+        	//获取数据
+        	$.ajax({
+				url: huayi.config.callcenter_url +'GetCRM/GetBascData?',
+				type: 'get',
+				dataType: "json",
+				async: true,
+				data:{
+					phone:$(".hidTel").val(),
+					VHVIN:''
+				},
+				success: function (returnValue) {
+					//异步获取数据
+					if(returnValue.state="success"){
+						console.log(returnValue)
+					
+					
+					var resultData1 =returnValue.data;
+					$('#oldlist_').bootstrapTable('load',resultData1); 
+					}
+					
+					 
+				}
+				
+			});
+			 $('#oldlist_').bootstrapTable('destroy').bootstrapTable({striped: true});
+        }else if(type=='5'){
+        	$(".complain").eq(3).show();
+        	$.ajax({
+        		url:huayi.config.callcenter_url +'GetCRM/GetBascOrder?',
+				type: 'get',
+				dataType: "json",
+				async: true,
+				data:{
+					phone:$(".hidTel").val(),
+					VHVIN:''
+				},
+				success: function (returnValue) {
+					//异步获取数据
+					if(returnValue.state="success"){
+						var resultData1 =returnValue.data;
+					$('#Oldlist').bootstrapTable('load',resultData1);
+					}
+					console.log(returnValue)
+					 
+					 
+				}
+				
+			});
+			 $('#Oldlist').bootstrapTable('destroy').bootstrapTable({striped: true});
+        }else{
+        	$(".complain").eq(1).show();
+        	//先销毁表格
+        $('#orderlist').bootstrapTable('destroy');
+        //初始化表格,动态从服务器加载数据
+        $("#orderlist").bootstrapTable({
+            method: "get", //使用get请求到服务器获取数据
+            url: huayi.config.callcenter_url + "WorkOrder/GetListAll", //获取数据的Servlet地址
+            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(),
+                    type: type,
+                    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 {
+        $(".complain").hide();
+        $(".complain").eq(0).show();
+        //先销毁表格
+        $('#oldlist').bootstrapTable('destroy');
+        //初始化表格,动态从服务器加载数据
+        $("#oldlist").bootstrapTable({
+            method: "get", //使用get请求到服务器获取数据
+            url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
+            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 });
+            }
+        });
+    }
+    if (type == '3') {
+        getLX($("#tslx"), "TSLX");
+        getBM($("#zrbmtree"));
+        getBM($("#clbmtree"));
+    }
+}
+//获取类型
+function getLX(obj, type) {
+    obj.empty();
+    $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
+        "flag": type,
+        "token": $.cookie("token")
+    }, function (result) {
+        if (result.state.toLowerCase() == "success") {
+            $(result.data).each(function (i, n) {
+                obj.append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
+            })
+        }
+    })
+}
+//获取部门
+var setting = {
+    data: {
+        key: {
+            name: "F_DeptName"
+        },
+        simpleData: {
+            enable: true,
+            idKey: "F_DeptId",
+            pIdKey: "F_ParentId",
+            rootPId: 0
+        }
+    },
+    callback: {
+        onClick: zTreeOnClick
+    }
+};
+
+function getBM(obj) {
+    $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
+        "token": $.cookie("token")
+    }, function (result) {
+        if (result.state.toLowerCase() == "success") {
+            $.fn.zTree.init(obj, setting, result.data);
+        }
+    })
+}
+
+function zTreeOnClick(event, treeId, treeNode) {
+    var obj = $("#" + event.data.treeId).parent();
+    obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
+    obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
+    obj.hide();
+    if (event.data.treeId == "zrbmtree") {
+        getRY($("#zrid"), $("#zrbm").val());
+    }
+    if (event.data.treeId == "clbmtree") {
+        getRY($("#clid"), $("#clbm").val());
+    }
+};
+
+//获取人员
+function getRY(obj, deptid) {
+    obj.empty();
+    obj.append('<option value="">--请选择--</option>');
+    $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
+        "deptid": deptid,
+        "token": $.cookie("token")
+    }, function (result) {
+        if (result.state.toLowerCase() == "success") {
+            $(result.data).each(function (i, n) {
+                obj.append('<option value="' + n.F_UserId + '">' + n.F_UserName + '</option>');
+            })
+        }
+    })
+}
+
+
+function GetCallState(val) {
+    if (val == '1') {
+        return '已接通';
+    } else {
+        return '未接通';
+    }
+}
+//时间 
+function  Time(val){
+		var year=val.substring(0, val.indexOf(' ')); 
+	return '<div >'+year+'</div>';
+}
+
+//音频
+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();
+    $(".down").attr("href", path);
+    $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
+}
+function GetDealState(val) {
+    if (val == '1') {
+        return '已处理';
+    } else {
+        return '未处理';
+    }
+}
+function GetStateName(val) {
+    var str = '';
+    switch (val + '') {
+        case '0':
+            str = "待指派";
+            break;
+        case '1':
+            str = "处理中";
+            break;
+        case '2':
+            str = "已完结";
+            break;
+    }
+    return str;
+}
+
+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) {
+    var str = '<div '
+    if (val.length > 20) {
+        str = str + ' title="' + val + '" ';
+        val = val.substr(0, 20) + "...";
+    }
+    return str + '>' + val + '</div>';
+}
+
+//清空
+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('');
+
+}  
+    

CallCenterWeb.UI/callScreen/callScreen.html

@@ -0,0 +1,644 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>来电弹屏</title>
+		<script src="../Script/Common/huayi.load.js"></script>
+		<script src="../Script/Common/huayi.config.js"></script>
+		<link rel="stylesheet" href="./css/call.css" />
+		<style>
+			body,html,.wrapper {
+				height: 100%;
+			}
+			.ldtp-con{
+				display: block;
+			}
+			
+			.minBacha {
+				position: absolute;
+				top: 0;
+				right: 80px;
+				z-index: 10;
+				overflow: hidden;
+			}
+			
+			.minBacha>div {
+				float: left;
+				height: 35px;
+				width: 35px;
+				margin-left: 2px;
+			}
+			
+			.minBacha>div a {
+				display: block;
+				height: 100%;
+				width: 100%;
+				text-align: center;
+				background-position: center center;
+				background-color: #2f4050;
+				opacity: .5;
+			}
+			
+			.minBacha>div a:hover {
+				opacity: 1;
+			}
+			
+			.minClosed>a {
+				background: url("./../img/min.png") no-repeat;
+			}
+			
+			.Bacha>a {
+				background: url("./../img/gb.png") no-repeat;
+			}
+			
+			.lblcount {
+				position: absolute;
+				right: 5px;
+				top: 7px;
+			}
+			
+			.first {
+				z-index: 1000;
+			}
+			
+			.khzl {
+				font-size: 12px;
+				border: 0;
+				margin: 35px auto;
+				color: #fff;
+			}
+			
+			.khzl tr {
+				border: 0;
+			}
+			
+			.khzl th {
+				padding: 5px 8px 5px 0;
+				text-align: right;
+				width: 40%;
+				font-weight: normal;
+				border: 0;
+			}
+			
+			.khzl tbody>tr>td,
+			.khzl tbody>tr>th {
+				border: 0;
+			}
+			
+			.khzl tbody>tr>td input {
+				border: 0;
+				outline: none;
+				background: #243747;
+				padding-left: 5px;
+				width: 100%;
+			}
+			
+			.khbtn {
+				/*background: #97a0a8;*/
+				color: #1ab394;
+				font-size: 14px;
+				vertical-align: middle;
+			}
+			
+			.hei-list {
+				width: 400px;
+				margin: 0 auto;
+			}
+			
+			.heiTop {
+				height: 35px;
+				background: #1ab394;
+				color: #fff;
+				line-height: 35px;
+				padding: 0 15px;
+				border-top-left-radius: 3px;
+				border-top-right-radius: 3px;
+			}
+			
+			.heiTop .htl {
+				float: left;
+				margin: 0;
+			}
+			
+			.heiTop .bacha {
+				float: right;
+				font-size: 18px;
+				cursor: pointer;
+				margin: 0;
+			}
+			
+			.heiCon {
+				width: 100%;
+				background: #fff;
+				text-align: center;
+				padding: 25px 15px;
+				height: auto;
+				overflow-y: auto;
+				border: 1px solid #eee;
+			}
+			
+			#time-word {
+				border: 1px solid #1ab394;
+				padding: 5px 0 5px 10px;
+				width: 120px;
+				outline: none;
+				color: #000;
+			}
+			
+			.chooses {
+				margin-top: 10px;
+			}
+			
+			.btns {
+				background: #1ab394;
+				color: #fff;
+				padding: 3px 10px;
+				outline: none;
+				font-size: 12px;
+				margin-left: 15px;
+				border: 0;
+				border-radius: 3px;
+				box-sizing: border-box;
+			}
+			
+			.bianji {
+				display: inline-block;
+				height: 16px;
+				width: 16px;
+				vertical-align: middle;
+				margin-right: 5px;
+			}
+			
+			.bianji.edi {
+				background: url(./../img/xgai.png) no-repeat;
+			}
+			
+			.bianji.sav {
+				background: url(./../img/bbc.png) no-repeat;
+			}
+			
+			.bianji.canc {
+				background: url(./../img/quxi.png) no-repeat;
+			}
+			
+			.t-shade {
+				position: fixed;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				background: rgba(0, 0, 0, 0.48);
+				z-index: 10004;
+				display: none;
+			}
+			
+			.shade_k {
+				z-index: 10005;
+				width: 40%;
+				margin: 10% auto;
+				background-color: #fff;
+				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
+				border-radius: 5px;
+			}
+			
+			.shade_title {
+				padding: 0 80px 0 20px;
+				height: 42px;
+				line-height: 42px;
+				border-bottom: 1px solid #eee;
+				font-size: 16px;
+				color: #FFFFFF;
+				overflow: hidden;
+				background-color: rgb(26, 179, 148);
+				border-radius: 2px 2px 0 0;
+				position: relative;
+			}
+			
+			.setwin {
+				position: absolute;
+				right: 15px;
+				top: 5px;
+				font-size: 20px;
+				line-height: initial;
+			}
+			
+			.setwin a {
+				font-size: 20px;
+				color: #fff;
+			}
+			
+			.shade_content {
+				overflow-y: auto;
+				position: relative;
+				padding-bottom: 50px;
+				padding: 10px;
+			}
+			.searchbtn {
+				    width: 2.5em;
+				    height: 24px;
+				    border-radius: 5px;
+				    position: absolute;
+				    background-color: #01a1cb;
+				    background-image: url(./../img/searIcon.png);
+				    background-repeat: no-repeat;
+				    background-position: center center;
+				    cursor: pointer;
+				}		
+			
+		</style>
+	</head>
+	<body class="gray-bg">
+	    <div class="wrapper wrapper-content animated fadeInRight">
+			<!--来电弹屏开始-->
+		<div class="ldtp-con clearfix animated fadeInDown " > 
+			<!--<div class="minBacha clearfix">
+				<div class="minClosed">
+					<a href="javaScript:;" title="最小化"></a>
+				</div>
+				<div class="Bacha">
+					<a href="javaScript:;" title="关闭"></a>
+				</div>
+			</div>-->
+			
+			<!--黑名单弹出内容-->
+			<div class="hei-list">
+				<div class="heiTop clearFix">
+					<p class="htl">黑名单</p>
+					<p class="bacha" title="关闭">x</p>
+				</div>
+				<div class="heiCon">
+					<div class="heit">
+						<span style="font-size: 14px;">输入拉黑时长：</span>
+						<input type="text" id="time-word" />
+					</div>
+					<div class="chooses">
+
+						<label class="radio-inline">
+                        <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
+                    </label>
+						<label class="radio-inline">
+                        <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
+                    </label>
+						<label class="radio-inline">
+                        <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
+                    </label>
+						<label class="radio-inline">
+                        <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
+                    </label>
+
+					</div>
+					<p style="margin-top: 15px;"><button id="bc" class="btns">保存</button></p>
+				</div>
+
+			</div>
+
+			<!--最小化按钮-->
+			<!--左侧内容-->
+			<div class="ldtp-cl col-sm-3">
+				<div class="head-pic">
+					<div class="hp-box">
+						<img src="./../img/txpic.png" alt="头像好像去了外星球！" style="width: 100%;height: 100%;" />
+						<input type="hidden" class="hidTel" value="" />
+						<input type="hidden" class="hidCallID" />
+                        <input type="hidden" class="hidActionID" />
+					</div>
+					<ul>
+						<li><span style="font-size: 25px;" class="tel"></span></li>
+						<li><span style="font-size: 15px;" class="khgsd"></span></li>
+						<!--<li class="nikeName"><i></i><span class="ldname">未知</span><i></i></li>-->
+						<li style="color: #4cd964;">当前通话时长：<span class="thsc">00:00</span></li>
+						<li class="lahei">
+							<div class="la-before"><i class="push"></i> 移至黑名单</div>
+							<div class="la-after" style="display: none;">
+								<p class="la-time">拉黑时间：<span>2017/05/13</span></p>
+								<p class="la-shichang">拉黑截止时间：<span class="blackTime"></span></p>
+							</div>
+							<div class="retur" style="display: none;"><i class="qxlh"></i> 取消黑名单</div>
+						</li>
+						<li class="td-call clearfix" style="display:none;">
+							<a class="take" style="float:none;" href="javascript:;"><i></i></a>
+							<!--<a class="drop" href="javascript:;"><i></i></a>-->
+						</li>
+					</ul>
+				</div>
+				<!--<ul class="come-detail">
+                <li>姓名:<span class="ldname">未知</span></li>
+                <li>归属地:<span class="ldlocation">未知</span></li>
+                <li>联系电话1:<span class="ldtel1"></span></li>
+                <li>联系电话2:<span class="ldtel2"></span></li>
+                <li>联系电话3:<span class="ldtel3"></span></li>
+                <li>售后负责人:<span>孙嘉一</span></li>
+                <li>来电时间:<span class="ldtime"></span></li>
+            </ul>-->
+				<table class="table khzl">
+					<tr>
+						<th>姓名：</th>
+						<td><input type="text" value="未知" class="ldname khmc" /><input type="hidden" value="" id="khid" /></td>
+					</tr>
+					<tr>
+						<th>客户编号：</th>
+						<td><input type="text" value="" class="khbh" /></td>
+					</tr>
+					<tr>
+						<th>归属地：</th>
+						<td><span class="ldlocation" style="padding-left: 5px;">未知</span></td>
+					</tr>
+					<tr>
+						<th>联系电话1：</th>
+						<td><input type="text" value="" class="ldtel1" /></td>
+					</tr>
+					<tr>
+						<th>联系电话2：</th>
+						<td><input type="text" value="" class="ldtel2" /></td>
+					</tr>
+					<tr>
+						<th>联系电话2：</th>
+						<td><input type="text" value="" class="ldtel3" /></td>
+					</tr>
+					<tr>
+						<th>来电时间：</th>
+						<td><span class="ldtime" style="padding-left: 5px;"></span></td>
+					</tr>
+					<tr>
+						<td></td>
+						<td><span class="edit"><i class="bianji edi"></i><a class="khbtn">编辑</a></span><span class="save"> <i class="bianji sav"></i><a class="khbtn">保存</a></span><span class="cancel"><i class="bianji canc"></i><a class="khbtn">取消</a></span></td>
+					</tr>
+				</table>
+			</div>
+			<!--右侧内容-->
+			<div class="ldtp-cr col-sm-9">
+				<ul class="ld-service clearfix">
+					<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
+					<li style="border-bottom:1px solid #69cbd0;" itemtype="1">咨询</li>
+					<!--<--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
+					<li style="border-bottom:1px solid #243747;" itemtype="3">投诉建议</li>
+					 <li style="border-bottom:1px solid #243747;" itemtype="4">基础数据</li>
+                  <li style="border-bottom:1px solid #243747;" itemtype="5">订单资料</li>
+				</ul>
+				<div class="ld-sercon">
+					<div class="complain" style="display:block;">
+						<div class="ld-sercon-con clearfix">
+							<div class="Ps-chaxun">
+								<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
+								<span class="searchbtn"></span>
+							</div>
+							<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
+								<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+									<thead>
+										<tr>
+											<th data-field="CallNumber">电话号码</th>
+											<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
+											<!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
+											<th data-field="UserCode">坐席工号</th>
+											<th data-field="UserName">坐席姓名</th>
+											<th data-field="BeginTime">开始时间</th>
+											<th data-field="TalkStartTime">通话开始时间</th>
+											<th data-field="TalkEndTime">通话结束时间</th>
+											<th data-field="TalkLongTime">通话时长(s)</th>
+											<th data-field="FilePath" data-formatter="setCode">录音</th>
+										</tr>
+									</thead>
+									<tbody class="list"></tbody>
+								</table>
+							</div>
+						</div>
+
+					</div>
+					<div class="complain" style="display:none;">
+						<div class="ld-sercon-con clearfix">
+							<div class="Ps-chaxun">
+								<span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
+
+								<span class="searchbtn"></span>
+								<span class="addjl g" style="margin-left:5em;">新增工单</span>
+							</div>
+							<div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
+
+								<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+									<thead>
+										<tr>
+											<th data-field="WorkOrderID">工单编号</th>
+											<th data-field="State" data-formatter="GetStateName">工单状态</th>
+											<th data-field="Customer">客户姓名</th>
+											<th data-field="CustomerTel">客户电话</th>
+											<th data-field="Detail" data-formatter="GetCont">工单内容</th>
+											<th data-field="clcontent" data-formatter="GetCont">处理内容</th>
+											<th data-field="CreateUser">坐席工号</th>
+											<th data-field="CreateTime">创建时间</th>
+										</tr>
+									</thead>
+									<tbody class="list"></tbody>
+								</table>
+							</div>
+						</div>
+						<div class="Pre-second second-con addgd" style="display:none;">
+							<form>
+								<div class="form-group clearfix">
+									<span class="col-sm-1">
+                                    投诉类型:
+                                </span>
+									<span class="col-sm-3">
+                                    <select id="tslx">
+                                        <option selected="selected" value=""></option>
+                                    </select>
+                                </span>
+									<span class="col-sm-1">
+                                    投诉客户:
+                                </span>
+									<span class="col-sm-3">
+                                    <input type="text" id="tskh" />
+                                </span>
+									<span class="col-sm-1">
+                                    联系电话:
+                                </span>
+									<span class="col-sm-3">
+                                    <input type="text" id="tsdh" />
+                                </span>
+								</div>
+								<div class="form-group clearfix">
+									<span class="col-sm-1">
+                                    投诉部门:
+                                </span>
+									<span class="col-sm-3">
+                                    <!--<select name="" id="zrbm"></select>-->
+                                    <input type="text" id="zrbmname" readonly="readonly" />
+                                    <input type="hidden" id="zrbm" />
+                                    <div class="zrbmmenu" style="display: none; position: absolute;  z-index: 100;">
+                                        <ul id="zrbmtree" class="ztree"></ul>
+                                    </div>
+                                </span>
+									<span class="col-sm-1">
+                                    被投诉人:
+                                </span>
+									<span class="col-sm-3">
+                                    <select name="" id="zrid">
+                                        <option selected="selected" value=""></option>
+                                    </select>
+                               </span>
+								</div>
+								<div class="form-group clearfix">
+									<span class="col-sm-1">
+                                    接收部门:
+                                </span>
+									<span class="col-sm-3">
+                                    <!--<select name="" id="clbm"></select>-->
+                                    <input type="text" id="clbmname" readonly="readonly" />
+                                    <input type="hidden" id="clbm" />
+                                    <div class="clbmmenu" style="display: none; position: absolute;  z-index: 100;">
+                                        <ul id="clbmtree" class="ztree"></ul>
+                                    </div>
+                                </span>
+									<span class="col-sm-1">
+                                    接收人:
+                                </span>
+									<span class="col-sm-3">
+                                    <select name="" id="clid">
+                                        <option selected="selected" value=""></option>
+                                    </select>
+                                </span>
+								</div>
+								<div class="form-group clearfix">
+									<span class="col-sm-1">咨询内容:</span>
+									<span class="col-sm-11">
+                                    <textarea rows="5" id="cont"></textarea>
+                                </span>
+								</div>
+								<!--<div class="form-group" style="padding-left: 15px;">
+                                <span>解答内容:</span>
+                                <textarea rows="5"></textarea>
+                            </div>-->
+								<div class="bton addts">创建</div>
+							</form>
+						</div>
+						<div class="Pre-second second-con zxbg " style="display: none;">
+							<form>
+
+								<div class="form-group clearfix">
+									<span class="col-sm-1">
+                                    咨询人:
+                                </span>
+									<span class="col-sm-3">
+                                    <input type="text"  id="zxr_" />
+                                   </span>
+									<span class="col-sm-1">
+                                    咨询电话:
+                                </span>
+									<span class="col-sm-3">
+                                    <input type="text"  id="zxdh_"/>
+                                   </span>
+								</div>
+
+								<div class="form-group clearfix">
+									<span class="col-sm-1">咨询内容:</span>
+									<span class="col-sm-11">
+                                    <textarea rows="5" id="zxnr_" style="resize: none;"></textarea>
+                                </span>
+								</div>
+								<div class="form-group clearfix">
+									<span class="col-sm-1">处理内容:</span>
+									<span class="col-sm-11">
+                                	<textarea rows="5" style="resize: none;" id="clnr_"></textarea>
+                                </span>
+
+								</div>
+								<div class="bton add_">创建</div>
+							</form>
+						</div>
+					</div>
+					<div class="complain" style="display:none; margin-top: 10px;">
+						<div class="ld-sercon-con clearfix">
+
+							<div class="table-responsive col-sm-12 tbolds" style="padding-left: 0;">
+								<table id="oldlist_" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+									<thead>
+										<tr>
+											<th data-field="full_name"data-align="center">姓名</th>
+											<th data-field="gender" data-align="center">性别</th>
+											<th data-field="job"data-align="center">职业</th>
+											<th data-field="birth_year"data-align="center">出生年份</th>
+											<th data-field="birthday"data-align="center">生日</th>
+											<th data-field="identity_card" data-align="center">身份证号</th>
+											<th data-field="email"data-align="center">电子邮件地址</th>
+											<th data-field="mobile"data-align="center">手机号</th>
+											<th data-field="phone" data-align="center">座机号码</th>
+											<th data-field="zip" data-align="center">邮编</th>
+											<th data-field="country" data-align="center">国家</th>
+											<th data-field="state" data-align="center">省份</th>
+											<th data-field="city" data-align="center">省份(地级)</th>
+											<th data-field="district" data-align="center">区县(县级)</th>
+											<th data-field="address" data-align="center">地址</th>
+										</tr>
+									</thead>
+									<tbody class="list"></tbody>
+								</table>
+							</div>
+						</div>
+
+					</div>
+					<div class="complain" style="display:none;margin-top: 10px;">
+						<div class="ld-sercon-con clearfix">
+							<div class="table-responsive col-sm-12 tbolds" style="padding-left: 0;">
+								<table id="Oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
+									<thead>
+										<tr>
+											<th data-field="uni_ord_id">全网订单ID</th>
+											<th data-field="plat_code" >平台代码</th>
+											<th data-field="order_id" >原始主订单ID</th>
+											<th data-field="uni_shop_id">全网店铺ID</th>
+											<th data-field="uni_id">会员ID</th>
+											<th data-field="shop_id">店铺ID</th>
+											<th data-field="customerno">平台账号</th>
+											<th data-field="total_fee">应付总金额</th>
+											<th data-field="post_fee" >邮费金额</th>
+											<th data-field="discount_fee" >订单总折扣金额</th>
+											<th data-field="discount_rate" >折扣率</th>
+											<th data-field="payment" >最终成交金额</th>
+											<th data-field="pay_time" >付款时间</th>
+											<th data-field="product_num" >订单总汇</th>
+											<th data-field="uni_ord_status" >订单状态</th>
+											<th data-field="is_refund" >是否退单</th>
+											<th data-field="created" >下单时间</th>
+										</tr>
+									</thead>
+									<tbody class="list"></tbody>
+								</table>
+							</div>
+						</div>
+
+					</div>
+				
+				</div>
+				<!--右侧下方内容区-->
+				<div class="ldcr-bottom" style="margin-top:10px;">
+					<div class="ldcrb-top clearfix">
+						<ul class="clearfix">
+							<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
+							<!--<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>-->
+						</ul>
+						<div class="ld-search">
+							<div class="sear-inp">
+								<input type="text" class="search" placeholder="搜索问题、内容或者标题" />
+							</div>
+							<div class="searIcon">
+							</div>
+						</div>
+					</div>
+					<div class="detail-con">
+						<ul></ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--来电弹屏结束-->
+			
+		</div>	
+		<script src="../js/bootstrap-table.js"></script>
+		<script src="../js/bootstrap-table-zh-CN.js"></script>
+		<script src="../js/bootstrap-table-fixed-columns.js"></script>
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
+		<script src="../js/plugins/cropper/cropper.min.js"></script>
+		<script src="../css/laydate/laydate.js"></script>
+		<script src="../js/main.js?v=1.5"></script>
+		<script src="../js/index.js"></script>
+	</body>
+</html>

CallCenterWeb.UI/callScreen/css/call.css

@@ -0,0 +1,355 @@
+		ul,
+		li,
+		ol {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+		}
+		
+		a {
+			text-decoration: none
+		}
+		.clearfix:after {
+	    content: "";
+	    display: block;
+	    clear: both;
+		}
+	
+	
+		.ldtp-con{
+			width: 100s%;
+			margin: 0 auto;
+			height: 100%;
+			/*overflow: hidden;*/
+			position: relative;
+		    /*top: 97px;
+   		    left: 220px;*/
+			background: #fff;
+			/*border-left: 4px solid #1ab395;*/
+			/*display: none;*/
+		
+		}
+		.ldtp-con .hei-list{
+			    position: absolute;
+			    top: 20%;
+			    left: 40%;
+			    z-index: 10;
+			    display: none;
+		}
+		.ldtp-con .hei-list input{
+			 margin-top: 3px;
+	
+		}
+		/*.minClosed{
+			position: absolute;
+		    top: 0px;
+		    right: 80px;
+		    height: 35px;
+		    width: 35px;
+		    z-index: 10;
+		}
+		.minClosed a{
+		    display: block;
+		    height: 1px;
+		    background: #000;
+		    width: 15px;
+		    position: absolute;
+		    top: 15px;
+		    left: 10px;
+		}
+		.minClosed:hover{
+			background: #ccc;
+		}*/
+		.ldtp-cl {
+			background: #243747;
+			font-family: "宋体";
+			height: 100%;
+		}
+		
+		.ldtp-cl .head-pic>div {
+			height: 90px;
+			width: 90px;
+			-webkit-border-radius: 50%;
+			-moz-border-radius: 50%;
+			border-radius: 50%;
+			overflow: hidden;
+			margin: 20px auto;
+			border-width: 2px;
+			border-style: solid;
+			border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
+		}
+		.ldtp-cl .head-pic ul li {
+			font-size: 12px;
+			color: #dfe4ed;
+			text-align: center;
+		}
+		
+		.ldtp-cl .head-pic ul li.nikeName i {
+			display: inline-block;
+			width: 20px;
+			height: 1px;
+			background: #dfe4ed;
+		}
+		
+		.ldtp-cl .head-pic ul li.nikeName span {
+			margin: 0 10px;
+		}
+		.ldtp-cl .head-pic ul li.lahei{
+			color: #ce2114;
+		    margin: 10px 0;
+		    cursor: pointer;
+		}
+		.ldtp-cl .head-pic ul li.lahei i{
+			display: inline-block;
+			height: 16px;
+			width: 16px;
+			vertical-align: middle;
+		}
+		.ldtp-cl .head-pic ul li.lahei .push{
+				background: url(../../img/lahei.png) no-repeat;
+		}
+		.ldtp-cl .head-pic ul li.lahei .qxlh{
+			background: url(../../img/retur.png) no-repeat;
+		}
+		.ldtp-cl .head-pic ul li.td-call {
+			padding: 1em 6em;
+		}
+		
+		.ldtp-cl .head-pic ul li>a {
+			display: inline-block;
+		}
+		
+		.ldtp-cl .head-pic ul li>a.drop {
+			float: right;
+		}
+		
+		.ldtp-cl .head-pic ul li>a.take {
+			float: left;
+		}
+		
+		.ldtp-cl .head-pic ul li>a>i {
+			display: inline-block;
+			height: 36px;
+			width: 36px;
+		}
+		
+		.ldtp-cl .head-pic ul li>a.take>i {
+			background: url(../../img/drop.png) no-repeat;
+		}
+		
+		.ldtp-cl .head-pic ul li>a.drop>i {
+			background: url(../../img/take.png) no-repeat;
+		}
+		
+		.ldtp-cl .come-detail {
+			color: #fcf9f9;
+			padding-left: 5em;
+			line-height: 2em;
+			margin-top: 35px;
+		}
+		.ldtp-cr {
+			height: 100%;
+			overflow: hidden;
+			overflow-y: auto;
+		}
+		.ldtp-cr .ld-service li {
+			float: left;
+			font-size: 14px;
+			color: #000;
+			padding: 5px 15px;
+			cursor: pointer;
+		}
+		
+		.ldtp-cr ul.ld-service li.cr-click {
+			background: #000;
+			color: #fff;
+		}
+		
+		.ld-sercon .Ps-chaxun {
+			padding: 15px 0;
+		}
+		
+		.ld-sercon .Ps-chaxun span {
+			margin-right: 1.2em;
+		}
+		
+		.ld-sercon input {
+			width: 128px;
+			padding-left: 20px;
+			padding-right: 0;
+		}
+		.ld-sercon span p{
+			    display: inline-block;
+			    margin: 0;
+			    width: 128px;
+			    overflow: hidden;
+			    vertical-align: middle;
+			    border: 1px solid #ccc;
+			    position: relative;
+		}
+		/*.ld-sercon span p i{
+			display: block;
+			height: 18px;
+			width: 18px;
+			background: url(../img/select_03.png) no-repeat;
+			position: absolute;
+			top: 0;
+			right: 0;
+		}*/
+		.ld-sercon select {
+			height: 22px;
+			width: 128px;
+			padding-left: 20px;
+		}
+		.ld-sercon textarea{
+			width: 70%;
+			vertical-align: middle;
+			-webkit-border-radius: 5px;
+			-moz-border-radius: 5px;
+			border-radius: 5px;
+		}
+		.ld-sercon div.bton{
+			width: 70px;
+			height: 27px;
+			line-height: 27px;
+			background: #2f4050;	
+			-webkit-border-radius: 5px;
+			-moz-border-radius: 5px;
+			border-radius: 5px;
+			margin: 0 auto;
+			color: #fff;
+			text-align: center;
+		}
+		.second-con{
+			padding: 20px 0;
+		}
+		
+		.ld-sercon .addjl {
+			display: inline-block;
+			width: 84px;
+			-webkit-border-radius: 5px;
+			-moz-border-radius: 5px;
+			border-radius: 5px;
+			text-align: center;
+			padding: 0px;
+			font-size: 12px;
+			height: 24px;
+   			line-height: 24px;
+			cursor: pointer;
+			background: #f8ac59;
+			color: #fff
+		}
+		.tbth{
+			background: #1ab394;
+		}
+		
+		.dealw {
+			color: #1ab394;
+		}
+		.ld-sercon>div{
+			display: none;
+		}
+		.ldcr-bottom .ldcrb-top>ul {
+			float: left;
+			
+		}
+			.ldcr-bottom .ldcrb-top>ul li{
+				float: left;
+			    font-size: 14px;
+			    width: 90px;
+			    text-align: center;
+			    height: 30px;
+			    line-height: 30px;
+			    cursor: pointer;
+			}
+		.ldcr-bottom .ldcrb-top>div{
+			float: right;
+			width: 285px;
+			height: 30px;
+			position: relative;
+		}
+		.ldcr-bottom .ldcrb-top>div .sear-inp{
+		width: 100%;
+		height: 100%;
+		border: 1px solid #ccc;
+		overflow: hidden;
+		}
+		.ldcr-bottom .ldcrb-top>div .sear-inp input{
+			    display: block;
+			    height: 100%;
+			    width: 88%;
+			    border: 0;
+			    outline: none;
+			    padding: 10px;
+		}
+		.searIcon{
+			position: absolute;
+			width: 12%;
+			height: 100%;
+			right: 0;
+			top: 0;
+			background-color: #f8ac59;
+			background-image: url(../../img/searIcon.png);
+			background-repeat: no-repeat;
+			background-position: center center;
+			cursor: pointer;
+			
+		}
+		.ldcr-bottom .detail-con{
+			padding: 15px;
+		    border: 1px solid #ebebeb;
+		    -webkit-border-radius: 5px;
+			-moz-border-radius: 5px;
+		    border-radius: 5px;
+		    margin-top: 15px;
+		}
+		.ldcr-bottom .detail-con ul li {
+			margin-bottom: 10px;
+		}
+		.ldcr-bottom .detail-con ul li .zhishi-title{
+			border-bottom: 1px solid #ccc;
+		}
+		.ldcr-bottom .detail-con ul li .zhishi-title a{
+			    display: block;
+			    float: left;
+			    width: 55%;
+			    white-space: nowrap;
+			    overflow: hidden;
+			    text-overflow: ellipsis;
+			    color: #000;
+		}
+		.ldcr-bottom .detail-con ul li .zhishi-title em{
+				display: block;
+			    float: right;
+			    font-style: normal;
+			    font-family: Verdana;
+			    float: right;
+			     color: #000;
+		}
+		.ldcr-bottom .detail-con ul li .explancon{
+			padding: 30px 10px;
+		    text-indent: 24px;
+		    line-height: 24px;
+		    color: #999;
+		    background: #f5f5f5;
+            display:none;
+		}
+		.second-con{
+			border: 1px solid #e6e6e6;
+			-webkit-border-radius: 5px;
+			-moz-border-radius: 5px;
+			border-radius: 5px;
+			margin: 15px 0;
+			
+		}
+		.shows{
+			display: block;
+		}
+		.hides{
+			display: none!important;
+		}
+	
+		.hei-list .bacha:hover{
+			color: #ccc;
+		}
+	

CallCenterWeb.UI/index.html

@@ -847,8 +847,37 @@
 					</ul>
 
 				</div>
+				
+				<div class="row content-tabs">
+                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
+                </button>
+                <nav class="page-tabs J_menuTabs">
+                    <div class="page-tabs-content">
+                        <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">首页</a>
+                    </div>
+                </nav>
+                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
+                </button>
+                <!--<div class="btn-group roll-nav roll-right">
+                    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
+
+                    </button>
+                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
+                        <li class="J_tabShowActive"><a>定位当前选项卡</a>
+                        </li>
+                        <li class="divider"></li>
+                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
+                        </li>
+                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
+                        </li>
+                    </ul>
+                </div>-->
+                <a href="login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
+            </div>
+				
+				
 				<div class="row J_mainContent" id="content-main">
-					<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
+					<iframe class="J_iframe J_iframe0" name="iframe0" width="100%" height="100%" src="widgets.html" frameborder="0" data-id="index_v1.html" seamless></iframe>
 				</div>
 				<div class="row content-tabs1 LH">
 					<ul>
@@ -868,413 +897,12 @@
 		</div>
 		<!--==========================================================================================-->
 		<!--来电弹屏开始-->
-		<div class="ldtp-con clearfix animated fadeInDown " > 
-			<div class="minBacha clearfix">
-				<div class="minClosed">
-					<a href="javaScript:;" title="最小化"></a>
-				</div>
-				<div class="Bacha">
-					<a href="javaScript:;" title="关闭"></a>
-				</div>
-			</div>
-			<!--左侧内容-->
-			<!--黑名单弹出内容-->
-			<!--<div class="hei-list ">
-            <i class="bacha">X</i>
-            <form class="form-inline">
-
-
-                <label class="radio-inline">
-                <input type="radio" name="time" value="1" checked="checked"> 天
-            </label>
-                <label class="radio-inline">
-                <input type="radio" name="time" value="2"> 时
-            </label>
-                <label class="radio-inline">
-                <input type="radio" name="time" value="3">分
-            </label>
-                <label class="radio-inline">
-                <input type="radio" name="time" value="4">永久
-            </label>
-                <label class="radio-inline">
-                <input type="button" id="bc" value="保存">
-            </label>
-            </form>
-
-        </div>-->
-			<div class="hei-list">
-				<div class="heiTop clearFix">
-					<p class="htl">黑名单</p>
-					<p class="bacha" title="关闭">x</p>
-				</div>
-				<div class="heiCon">
-					<div class="heit">
-						<span style="font-size: 14px;">输入拉黑时长：</span>
-						<input type="text" id="time-word" />
-					</div>
-					<div class="chooses">
-
-						<label class="radio-inline">
-                        <input type="radio" name="time" value="1" checked="checked" style="margin-top: 3px;"> 天
-                    </label>
-						<label class="radio-inline">
-                        <input type="radio" name="time" value="2" style="margin-top: 3px;" />时
-                    </label>
-						<label class="radio-inline">
-                        <input type="radio" name="time" value="3" style="margin-top: 3px;" />分
-                    </label>
-						<label class="radio-inline">
-                        <input type="radio" name="time" value="4" style="margin-top: 3px;" />永久
-                    </label>
-
-					</div>
-					<p style="margin-top: 15px;"><button id="bc" class="btns">保存</button></p>
-				</div>
-
-			</div>
-
-			<!--最小化按钮-->
-			<!--<div class="minClosed">
-            <a href="javaScript:;" title="最小化"></a>
-        </div>-->
-			<!--左侧内容-->
-			<div class="ldtp-cl col-sm-3">
-				<div class="head-pic">
-					<div class="hp-box">
-						<img src="./img/txpic.png" alt="头像好像去了外星球！" style="width: 100%;height: 100%;" />
-						<input type="hidden" class="hidTel" value="" />
-						<input type="hidden" class="hidCallID" />
-                        <input type="hidden" class="hidActionID" />
-					</div>
-					<ul>
-						<li><span style="font-size: 25px;" class="tel"></span></li>
-						<li><span style="font-size: 15px;" class="khgsd"></span></li>
-						<!--<li class="nikeName"><i></i><span class="ldname">未知</span><i></i></li>-->
-						<li style="color: #4cd964;">当前通话时长：<span class="thsc">00:00</span></li>
-						<li class="lahei">
-							<div class="la-before"><i class="push"></i> 移至黑名单</div>
-							<div class="la-after" style="display: none;">
-								<p class="la-time">拉黑时间：<span>2017/05/13</span></p>
-								<p class="la-shichang">拉黑截止时间：<span class="blackTime"></span></p>
-							</div>
-							<div class="retur" style="display: none;"><i class="qxlh"></i> 取消黑名单</div>
-						</li>
-						<li class="td-call clearfix" style="display:none;">
-							<a class="take" style="float:none;" href="javascript:;"><i></i></a>
-							<!--<a class="drop" href="javascript:;"><i></i></a>-->
-						</li>
-					</ul>
-				</div>
-				<!--<ul class="come-detail">
-                <li>姓名:<span class="ldname">未知</span></li>
-                <li>归属地:<span class="ldlocation">未知</span></li>
-                <li>联系电话1:<span class="ldtel1"></span></li>
-                <li>联系电话2:<span class="ldtel2"></span></li>
-                <li>联系电话3:<span class="ldtel3"></span></li>
-                <li>售后负责人:<span>孙嘉一</span></li>
-                <li>来电时间:<span class="ldtime"></span></li>
-            </ul>-->
-				<table class="table khzl">
-					<tr>
-						<th>姓名：</th>
-						<td><input type="text" value="未知" class="ldname khmc" /><input type="hidden" value="" id="khid" /></td>
-					</tr>
-					<tr>
-						<th>客户编号：</th>
-						<td><input type="text" value="" class="khbh" /></td>
-					</tr>
-					<tr>
-						<th>归属地：</th>
-						<td><span class="ldlocation" style="padding-left: 5px;">未知</span></td>
-					</tr>
-					<tr>
-						<th>联系电话1：</th>
-						<td><input type="text" value="" class="ldtel1" /></td>
-					</tr>
-					<tr>
-						<th>联系电话2：</th>
-						<td><input type="text" value="" class="ldtel2" /></td>
-					</tr>
-					<tr>
-						<th>联系电话2：</th>
-						<td><input type="text" value="" class="ldtel3" /></td>
-					</tr>
-					<tr>
-						<th>来电时间：</th>
-						<td><span class="ldtime" style="padding-left: 5px;"></span></td>
-					</tr>
-					<tr>
-						<td></td>
-						<td><span class="edit"><i class="bianji edi"></i><a class="khbtn">编辑</a></span><span class="save"> <i class="bianji sav"></i><a class="khbtn">保存</a></span><span class="cancel"><i class="bianji canc"></i><a class="khbtn">取消</a></span></td>
-					</tr>
-				</table>
-			</div>
-			<!--右侧内容-->
-
-			<div class="ldtp-cr col-sm-9">
-				<ul class="ld-service clearfix">
-					<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
-					<li style="border-bottom:1px solid #69cbd0;" itemtype="1">咨询</li>
-					<!--<--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
-					<li style="border-bottom:1px solid #243747;" itemtype="3">投诉建议</li>
-					 <li style="border-bottom:1px solid #243747;" itemtype="4">基础数据</li>
-                  <li style="border-bottom:1px solid #243747;" itemtype="5">订单资料</li>
-				</ul>
-				<div class="ld-sercon">
-					<div class="complain" style="display:block;">
-						<div class="ld-sercon-con clearfix">
-							<div class="Ps-chaxun">
-								<span>查询: <input type="text" id="old_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="old_endTime" class="laydate-icon" /></span>
-
-								<span class="searchbtn"></span>
-							</div>
-							<div class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
-								<table id="oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-									<thead>
-										<tr>
-											<th data-field="CallNumber">电话号码</th>
-											<th data-field="CallState" data-formatter="GetCallState">呼叫状态</th>
-											<!--<th data-field="IsDeal" data-formatter="GetDealState">是否处理</th>-->
-											<th data-field="UserCode">坐席工号</th>
-											<th data-field="UserName">坐席姓名</th>
-											<th data-field="BeginTime">开始时间</th>
-											<th data-field="TalkStartTime">通话开始时间</th>
-											<th data-field="TalkEndTime">通话结束时间</th>
-											<th data-field="TalkLongTime">通话时长(s)</th>
-											<th data-field="FilePath" data-formatter="setCode">录音</th>
-										</tr>
-									</thead>
-									<tbody class="list"></tbody>
-								</table>
-							</div>
-						</div>
-
-					</div>
-					<div class="complain" style="display:none;">
-						<div class="ld-sercon-con clearfix">
-							<div class="Ps-chaxun">
-								<span>查询: <input type="text" id="con_startTime" class="laydate-icon" />&nbsp;——&nbsp;<input type="text" id="con_endTime" class="laydate-icon" /></span>
-
-								<span class="searchbtn"></span>
-								<span class="addjl g" style="margin-left:5em;">新增工单</span>
-							</div>
-							<div id="zxlbs" class="table-responsive col-sm-12 tbold" style="padding-left: 0;">
-
-								<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-									<thead>
-										<tr>
-											<th data-field="WorkOrderID">工单编号</th>
-											<th data-field="State" data-formatter="GetStateName">工单状态</th>
-											<th data-field="Customer">客户姓名</th>
-											<th data-field="CustomerTel">客户电话</th>
-											<th data-field="Detail" data-formatter="GetCont">工单内容</th>
-											<th data-field="clcontent" data-formatter="GetCont">处理内容</th>
-											<th data-field="CreateUser">坐席工号</th>
-											<th data-field="CreateTime">创建时间</th>
-										</tr>
-									</thead>
-									<tbody class="list"></tbody>
-								</table>
-							</div>
-						</div>
-						<div class="Pre-second second-con addgd" style="display:none;">
-							<form>
-								<div class="form-group clearfix">
-									<span class="col-sm-1">
-                                    投诉类型:
-                                </span>
-									<span class="col-sm-3">
-                                    <select id="tslx">
-                                        <option selected="selected" value=""></option>
-                                    </select>
-                                </span>
-									<span class="col-sm-1">
-                                    投诉客户:
-                                </span>
-									<span class="col-sm-3">
-                                    <input type="text" id="tskh" />
-                                </span>
-									<span class="col-sm-1">
-                                    联系电话:
-                                </span>
-									<span class="col-sm-3">
-                                    <input type="text" id="tsdh" />
-                                </span>
-								</div>
-								<div class="form-group clearfix">
-									<span class="col-sm-1">
-                                    投诉部门:
-                                </span>
-									<span class="col-sm-3">
-                                    <!--<select name="" id="zrbm"></select>-->
-                                    <input type="text" id="zrbmname" readonly="readonly" />
-                                    <input type="hidden" id="zrbm" />
-                                    <div class="zrbmmenu" style="display: none; position: absolute;  z-index: 100;">
-                                        <ul id="zrbmtree" class="ztree"></ul>
-                                    </div>
-                                </span>
-									<span class="col-sm-1">
-                                    被投诉人:
-                                </span>
-									<span class="col-sm-3">
-                                    <select name="" id="zrid">
-                                        <option selected="selected" value=""></option>
-                                    </select>
-                               </span>
-								</div>
-								<div class="form-group clearfix">
-									<span class="col-sm-1">
-                                    接收部门:
-                                </span>
-									<span class="col-sm-3">
-                                    <!--<select name="" id="clbm"></select>-->
-                                    <input type="text" id="clbmname" readonly="readonly" />
-                                    <input type="hidden" id="clbm" />
-                                    <div class="clbmmenu" style="display: none; position: absolute;  z-index: 100;">
-                                        <ul id="clbmtree" class="ztree"></ul>
-                                    </div>
-                                </span>
-									<span class="col-sm-1">
-                                    接收人:
-                                </span>
-									<span class="col-sm-3">
-                                    <select name="" id="clid">
-                                        <option selected="selected" value=""></option>
-                                    </select>
-                                </span>
-								</div>
-								<div class="form-group clearfix">
-									<span class="col-sm-1">咨询内容:</span>
-									<span class="col-sm-11">
-                                    <textarea rows="5" id="cont"></textarea>
-                                </span>
-								</div>
-								<!--<div class="form-group" style="padding-left: 15px;">
-                                <span>解答内容:</span>
-                                <textarea rows="5"></textarea>
-                            </div>-->
-								<div class="bton addts">创建</div>
-							</form>
-						</div>
-						<div class="Pre-second second-con zxbg " style="display: none;">
-							<form>
-
-								<div class="form-group clearfix">
-									<span class="col-sm-1">
-                                    咨询人:
-                                </span>
-									<span class="col-sm-3">
-                                    <input type="text"  id="zxr_" />
-                                   </span>
-									<span class="col-sm-1">
-                                    咨询电话:
-                                </span>
-									<span class="col-sm-3">
-                                    <input type="text"  id="zxdh_"/>
-                                   </span>
-								</div>
-
-								<div class="form-group clearfix">
-									<span class="col-sm-1">咨询内容:</span>
-									<span class="col-sm-11">
-                                    <textarea rows="5" id="zxnr_" style="resize: none;"></textarea>
-                                </span>
-								</div>
-								<div class="form-group clearfix">
-									<span class="col-sm-1">处理内容:</span>
-									<span class="col-sm-11">
-                                	<textarea rows="5" style="resize: none;" id="clnr_"></textarea>
-                                </span>
-
-								</div>
-								<div class="bton add_">创建</div>
-							</form>
-						</div>
-					</div>
-					<div class="complain" style="display:none; margin-top: 10px;">
-						<div class="ld-sercon-con clearfix">
-
-							<div class="table-responsive col-sm-12 tbolds" style="padding-left: 0;">
-								<table id="oldlist_" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-									<thead>
-										<tr>
-											<th data-field="full_name"data-align="center">姓名</th>
-											<th data-field="gender" data-align="center">性别</th>
-											<th data-field="job"data-align="center">职业</th>
-											<th data-field="birth_year"data-align="center">出生年份</th>
-											<th data-field="birthday"data-align="center">生日</th>
-											<th data-field="identity_card" data-align="center">身份证号</th>
-											<th data-field="email"data-align="center">电子邮件地址</th>
-											<th data-field="mobile"data-align="center">手机号</th>
-											<th data-field="phone" data-align="center">座机号码</th>
-											<th data-field="zip" data-align="center">邮编</th>
-											<th data-field="country" data-align="center">国家</th>
-											<th data-field="state" data-align="center">省份</th>
-											<th data-field="city" data-align="center">省份(地级)</th>
-											<th data-field="district" data-align="center">区县(县级)</th>
-											<th data-field="address" data-align="center">地址</th>
-										</tr>
-									</thead>
-									<tbody class="list"></tbody>
-								</table>
-							</div>
-						</div>
-
-					</div>
-					<div class="complain" style="display:none;margin-top: 10px;">
-						<div class="ld-sercon-con clearfix">
-							<div class="table-responsive col-sm-12 tbolds" style="padding-left: 0;">
-								<table id="Oldlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
-									<thead>
-										<tr>
-											<th data-field="uni_ord_id">全网订单ID</th>
-											<th data-field="plat_code" >平台代码</th>
-											<th data-field="order_id" >原始主订单ID</th>
-											<th data-field="uni_shop_id">全网店铺ID</th>
-											<th data-field="uni_id">会员ID</th>
-											<th data-field="shop_id">店铺ID</th>
-											<th data-field="customerno">平台账号</th>
-											<th data-field="total_fee">应付总金额</th>
-											<th data-field="post_fee" >邮费金额</th>
-											<th data-field="discount_fee" >订单总折扣金额</th>
-											<th data-field="discount_rate" >折扣率</th>
-											<th data-field="payment" >最终成交金额</th>
-											<th data-field="pay_time" >付款时间</th>
-											<th data-field="product_num" >订单总汇</th>
-											<th data-field="uni_ord_status" >订单状态</th>
-											<th data-field="is_refund" >是否退单</th>
-											<th data-field="created" >下单时间</th>
-										</tr>
-									</thead>
-									<tbody class="list"></tbody>
-								</table>
-							</div>
-						</div>
-
-					</div>
-				</div>
-				<!--右侧下方内容区-->
-				<div class="ldcr-bottom" style="margin-top:10px;">
-					<div class="ldcrb-top clearfix">
-						<ul class="clearfix">
-							<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
-							<!--<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>-->
-						</ul>
-						<div class="ld-search">
-							<div class="sear-inp">
-								<input type="text" class="search" placeholder="搜索问题、内容或者标题" />
-							</div>
-							<div class="searIcon">
-							</div>
-						</div>
-					</div>
-					<div class="detail-con">
-						<ul></ul>
-					</div>
-				</div>
-			</div>
-		</div>
+			
+			
+			
 		<!--来电弹屏结束-->
+
+			
 		<!--外呼键盘-->
 		<div class="WH animated fadeInDown hidens ">
 			<!--top-->

CallCenterWeb.UI/js/contabs.min.js

@@ -105,40 +105,42 @@ $(function() {
 		if(o == undefined || $.trim(o).length == 0) {
 			return false
 		}
-		$(".J_mainContent").empty();
-		var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
-			$(".J_menuTab").removeClass("active");
-			var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
-			$(".J_mainContent").append(n);
-			$(".J_menuTabs .page-tabs-content").append(p);
-			g($(".J_menuTab.active"));
-			//多标签
-//		$(".J_menuTab").each(function() {
-//			if($(this).data("id") == o) {
-//				if(!$(this).hasClass("active")) {
-//					$(this).addClass("active").siblings(".J_menuTab").removeClass("active");
-//					g(this);
-//					$(".J_mainContent .J_iframe").each(function() {
-//						if($(this).data("id") == o) {
-//							$(this).show().siblings(".J_iframe").hide();
-//							return false
-//						}
-//					})
-//				}
-//				k = false;
-//				return false
-//			}
-//		});
-//		if(k) {
-//			
-//			var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
-//			$(".J_menuTab").removeClass("active");
-//			var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
-//			$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
-//			$(".J_menuTabs .page-tabs-content").append(p);
-//			g($(".J_menuTab.active"))
-//		}
-			///多标签结束
+
+		$(".J_menuTab").each(function() {
+			if($(this).data("id") == o) {
+				if(!$(this).hasClass("active")) {
+					$(this).addClass("active").siblings(".J_menuTab").removeClass("active");
+					g(this);
+					$(".J_mainContent .J_iframe").each(function() {
+						if($(this).data("id") == o) {
+							$(this).show().siblings(".J_iframe").hide();
+							return false
+						}
+					})
+				}
+				k = false;
+				return false;
+			}
+		});
+		if(k) {
+			if(o == './TelCall/zxKong.html' || o.substring(0,28) == './callScreen/callScreen.html') {
+				console.log(o)
+				var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
+				$(".J_menuTab").removeClass("active");
+				var n = '<iframe class="J_iframe J_iframeNew" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
+				$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
+				$(".J_menuTabs .page-tabs-content").append(p);
+				g($(".J_menuTab.active"))
+			} else {
+				$(".J_mainContent .J_iframe0").show();
+				$(".J_mainContent .J_iframe0").attr("src", o);
+				if(o !== './TelCall/zxKong.html') {
+					$(".J_menuTab").removeClass("active");
+					$(".J_menuTab").eq(0).addClass("active").text(l);
+					$(".J_menuTab.active").attr("data-id",o);
+				}
+			}
+		}
 		return false
 	}
 	$(".J_menuItem").on("click", c);

CallCenterWeb.UI/js/index.js

@@ -78,26 +78,26 @@
             }
         }
     });
-    //知识库查询
-    $(".searIcon").click(function () {
-        loadZSK();
-    })
-    //历史记录查询
-    $(".searchbtn").click(function () {
-        loadOld();
-    })
-    //新增记录
-    $(".addjl").click(function () {
-        var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
-        if (type == '3') {
-            $(".addgd").show();
-            $(".tbold").hide();
-        } else if (type == '1') {
-            $(".zxbg").show();
-            $(".tbold").hide();
-
-        }
-    })
+//  //知识库查询
+//  $(".searIcon").click(function () {
+//      loadZSK();
+//  })
+//  //历史记录查询
+//  $(".searchbtn").click(function () {
+//      loadOld();
+//  })
+//  //新增记录
+//  $(".addjl").click(function () {
+//      var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
+//      if (type == '3') {
+//          $(".addgd").show();
+//          $(".tbold").hide();
+//      } else if (type == '1') {
+//          $(".zxbg").show();
+//          $(".tbold").hide();
+//
+//      }
+//  })
     //关闭外呼弹屏
     $(".closes").click(function () {
         $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
@@ -278,8 +278,9 @@
             }
         })
     })
-    //加载知识库
-    loadZSK();
+
+//  //加载知识库
+//  loadZSK();
     //加载左侧导航菜单
     loadMenu();
 
@@ -288,59 +289,59 @@
         workcount();
     }, huayi.config.menuworktime);
 
-    //客户资料
-    $('.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 khbh = $(".khbh").val();
-        var tel1 = $(".ldtel1").val();
-        var tel2 = $(".ldtel2").val();
-        var tel3 = $(".ldtel3").val();
-
-        if (!khmc) {
-            layer.confirm('请输入客户名称！', {
-                btn: ['确定']
-            });
-            return;
-        }
-        $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
-            cid: khid,
-            name: khmc,
-            code: khbh,
-            mobile: tel1,
-            telphone: tel2,
-            chargetelephone: tel3,
-            "token": $.cookie("token")
-        }, function (result) {
-            result = $.parseJSON(result);
-            if (result.state.toLowerCase() == "success") {
-                $("#khid").val(result.data);
-                $("#tskh").val(khmc);
-                layer.msg("保存成功");
-                $('.save').hide();
-                $('.cancel').hide();
-                $('.edit').show();
-            }
-        })
-    })
+//  //客户资料
+//  $('.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 khbh = $(".khbh").val();
+//      var tel1 = $(".ldtel1").val();
+//      var tel2 = $(".ldtel2").val();
+//      var tel3 = $(".ldtel3").val();
+//
+//      if (!khmc) {
+//          layer.confirm('请输入客户名称！', {
+//              btn: ['确定']
+//          });
+//          return;
+//      }
+//      $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
+//          cid: khid,
+//          name: khmc,
+//          code: khbh,
+//          mobile: tel1,
+//          telphone: tel2,
+//          chargetelephone: tel3,
+//          "token": $.cookie("token")
+//      }, function (result) {
+//          result = $.parseJSON(result);
+//          if (result.state.toLowerCase() == "success") {
+//              $("#khid").val(result.data);
+//              $("#tskh").val(khmc);
+//              layer.msg("保存成功");
+//              $('.save').hide();
+//              $('.cancel').hide();
+//              $('.edit').show();
+//          }
+//      })
+//  })
 
     //关闭录音弹出
     $(".setwin").click(function () {
@@ -348,35 +349,33 @@
         $('audio')[0].pause();
     });
 
-    //来电弹屏
-    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();
-    });
+//  //来电弹屏
+//  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();
@@ -384,168 +383,167 @@
 
     //最大化 最小化效果
     //最小化
-    $('.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();
-    })
+//  $('.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");
 
-    $('.maxOpen li .photo img').attr("src", little_pic);
+//  $('.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();
-
-        loadOld();
-    })
+//  $('.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 () {
-        obj.Type = "DropCall";
-        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-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();
-            }
-        })
-    })
-    $(".add_").click(function () {
-        var tskh = $("#zxr_").val(); //咨询人：
-        var tsdh = $("#zxdh_").val(); //咨询电话
-        var cont = $("#zxnr_").val(); //咨询内容
-        var clcont = $("#clnr_").val(); //内容
-        var type = "1";
-        if (!clcont) {
-            layer.confirm('请输入处理内容！', {
-                btn: ['确定']
-            });
-            return;
-        }
-
-        $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
-            tskh: tskh,
-            tsdh: tsdh,
-            cont: cont,
-            clcont: clcont,
-            type: type,
-            "token": $.cookie("token")
-        }, function (result) {
-            result = $.parseJSON(result);
-            if (result.state.toLowerCase() == "success") {
-                loadOld();
-                $("#zxr_").val(''); //咨询人：
-                $("#zxdh_").val(''); //咨询电话
-                $("#zxnr_").val(''); //咨询内容
-                $("#clnr_").val(''); //内容                  
-                layer.msg("创建工单成功");
-            }
-        })
-    })
+//  $('.head-pic .td-call .take').click(function () {
+//      obj.Type = "DropCall";
+//      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-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();
+//          }
+//      })
+//  })
+//  $(".add_").click(function () {
+//      var tskh = $("#zxr_").val(); //咨询人：
+//      var tsdh = $("#zxdh_").val(); //咨询电话
+//      var cont = $("#zxnr_").val(); //咨询内容
+//      var clcont = $("#clnr_").val(); //内容
+//      var type = "1";
+//      if (!clcont) {
+//          layer.confirm('请输入处理内容！', {
+//              btn: ['确定']
+//          });
+//          return;
+//      }
+//
+//      $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
+//          tskh: tskh,
+//          tsdh: tsdh,
+//          cont: cont,
+//          clcont: clcont,
+//          type: type,
+//          "token": $.cookie("token")
+//      }, function (result) {
+//          result = $.parseJSON(result);
+//          if (result.state.toLowerCase() == "success") {
+//              loadOld();
+//              $("#zxr_").val(''); //咨询人：
+//              $("#zxdh_").val(''); //咨询电话
+//              $("#zxnr_").val(''); //咨询内容
+//              $("#clnr_").val(''); //内容                  
+//              layer.msg("创建工单成功");
+//          }
+//      })
+//  })
 
     //修改密码开始
 
@@ -700,154 +698,154 @@ function uploadtx() {
 }
 
 //获取历史记录
-
-function loadOld() {
-    $(".addgd").hide();
-    $(".tbold").show();
-    $(".zxbg").hide();
-    var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
-    if (type != '0') {
-        $(".complain").hide();
-        if(type=='4'){
-        	$(".complain").eq(2).show();
-        	
-        	//获取数据
-        	$.ajax({
-				url: huayi.config.callcenter_url +'GetCRM/GetBascData?',
-				type: 'get',
-				dataType: "json",
-				async: true,
-				data:{
-					phone:$(".hidTel").val(),
-					VHVIN:''
-				},
-				success: function (returnValue) {
-					//异步获取数据
-					if(returnValue.state="success"){
-						console.log(returnValue)
-					
-					
-					var resultData1 =returnValue.data;
-					$('#oldlist_').bootstrapTable('load',resultData1); 
-					}
-					
-					 
-				}
-				
-			});
-			 $('#oldlist_').bootstrapTable('destroy').bootstrapTable({striped: true});
-        }else if(type=='5'){
-        	$(".complain").eq(3).show();
-        	$.ajax({
-        		url:huayi.config.callcenter_url +'GetCRM/GetBascOrder?',
-				type: 'get',
-				dataType: "json",
-				async: true,
-				data:{
-					phone:$(".hidTel").val(),
-					VHVIN:''
-				},
-				success: function (returnValue) {
-					//异步获取数据
-					if(returnValue.state="success"){
-						var resultData1 =returnValue.data;
-					$('#Oldlist').bootstrapTable('load',resultData1);
-					}
-					console.log(returnValue)
-					 
-					 
-				}
-				
-			});
-			 $('#Oldlist').bootstrapTable('destroy').bootstrapTable({striped: true});
-        }else{
-        	$(".complain").eq(1).show();
-        	//先销毁表格
-        $('#orderlist').bootstrapTable('destroy');
-        //初始化表格,动态从服务器加载数据
-        $("#orderlist").bootstrapTable({
-            method: "get", //使用get请求到服务器获取数据
-            url: huayi.config.callcenter_url + "WorkOrder/GetListAll", //获取数据的Servlet地址
-            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(),
-                    type: type,
-                    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 {
-        $(".complain").hide();
-        $(".complain").eq(0).show();
-        //先销毁表格
-        $('#oldlist').bootstrapTable('destroy');
-        //初始化表格,动态从服务器加载数据
-        $("#oldlist").bootstrapTable({
-            method: "get", //使用get请求到服务器获取数据
-            url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
-            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 });
-            }
-        });
-    }
-    if (type == '3') {
-        getLX($("#tslx"), "TSLX");
-        getBM($("#zrbmtree"));
-        getBM($("#clbmtree"));
-    }
-}
+//
+//function loadOld() {
+//  $(".addgd").hide();
+//  $(".tbold").show();
+//  $(".zxbg").hide();
+//  var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
+//  if (type != '0') {
+//      $(".complain").hide();
+//      if(type=='4'){
+//      	$(".complain").eq(2).show();
+//      	
+//      	//获取数据
+//      	$.ajax({
+//				url: huayi.config.callcenter_url +'GetCRM/GetBascData?',
+//				type: 'get',
+//				dataType: "json",
+//				async: true,
+//				data:{
+//					phone:$(".hidTel").val(),
+//					VHVIN:''
+//				},
+//				success: function (returnValue) {
+//					//异步获取数据
+//					if(returnValue.state="success"){
+//						console.log(returnValue)
+//					
+//					
+//					var resultData1 =returnValue.data;
+//					$('#oldlist_').bootstrapTable('load',resultData1); 
+//					}
+//					
+//					 
+//				}
+//				
+//			});
+//			 $('#oldlist_').bootstrapTable('destroy').bootstrapTable({striped: true});
+//      }else if(type=='5'){
+//      	$(".complain").eq(3).show();
+//      	$.ajax({
+//      		url:huayi.config.callcenter_url +'GetCRM/GetBascOrder?',
+//				type: 'get',
+//				dataType: "json",
+//				async: true,
+//				data:{
+//					phone:$(".hidTel").val(),
+//					VHVIN:''
+//				},
+//				success: function (returnValue) {
+//					//异步获取数据
+//					if(returnValue.state="success"){
+//						var resultData1 =returnValue.data;
+//					$('#Oldlist').bootstrapTable('load',resultData1);
+//					}
+//					console.log(returnValue)
+//					 
+//					 
+//				}
+//				
+//			});
+//			 $('#Oldlist').bootstrapTable('destroy').bootstrapTable({striped: true});
+//      }else{
+//      	$(".complain").eq(1).show();
+//      	//先销毁表格
+//      $('#orderlist').bootstrapTable('destroy');
+//      //初始化表格,动态从服务器加载数据
+//      $("#orderlist").bootstrapTable({
+//          method: "get", //使用get请求到服务器获取数据
+//          url: huayi.config.callcenter_url + "WorkOrder/GetListAll", //获取数据的Servlet地址
+//          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(),
+//                  type: type,
+//                  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 {
+//      $(".complain").hide();
+//      $(".complain").eq(0).show();
+//      //先销毁表格
+//      $('#oldlist').bootstrapTable('destroy');
+//      //初始化表格,动态从服务器加载数据
+//      $("#oldlist").bootstrapTable({
+//          method: "get", //使用get请求到服务器获取数据
+//          url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
+//          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 });
+//          }
+//      });
+//  }
+//  if (type == '3') {
+//      getLX($("#tslx"), "TSLX");
+//      getBM($("#zrbmtree"));
+//      getBM($("#clbmtree"));
+//  }
+//}
 
 function GetCallState(val) {
     if (val == '1') {
@@ -858,10 +856,10 @@ function GetCallState(val) {
 }
 //时间 
 function  Time(val){
-						var year=val.substring(0, val.indexOf(' ')); 
+		var year=val.substring(0, val.indexOf(' ')); 
 	return '<div >'+year+'</div>';
 }
-//音频
+音频
 function setCode(val) {
     if (val) {
         return '<div class="imgs" style="cursor: pointer;">' +
@@ -913,36 +911,36 @@ function GetCont(val) {
     return str + '>' + val + '</div>';
 }
 //获取知识库
-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 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 getLX(obj, type) {
     obj.empty();

CallCenterWeb.UI/js/main.js

@@ -1,5 +1,5 @@
 
-var ws, n = 0, timer;
+var ws, n = 0, timer,hidTel,hidCallID,hidActionID;
 var lockReconnect = false;//避免重复连接
 var obj = {};
 
@@ -174,7 +174,6 @@ function LoginBack() {
     $(".Logout").addClass("active");
     $(".SayBusy").addClass("active");
     $(".MakeCall").addClass("active");
-
     $(".zxzt").removeClass("br").addClass("bl");
     $(".fwzt").removeClass("br").addClass("bl");
     $(".hwzt").text('');
@@ -183,7 +182,6 @@ function LoginBack() {
 function LogoutBack() {
     $("#top-search li i").removeClass("active");
     $(".Login").addClass("active");
-
     $(".zxzt").removeClass("bl").addClass("br");
     $(".fwzt").removeClass("bl").addClass("br");
     $(".hwzt").text('');
@@ -191,15 +189,16 @@ function LogoutBack() {
 
 //来电
 function IncomingBack(data) {
+var p = '<a href="javascript:;" class="active J_menuTab" data-id="./callScreen/callScreen.html?tel=' + data.Number + '&CallID=' + data.CallID + '">来电弹屏' + data.Number + ' <i class="fa fa-times-circle"></i></a>';
+	$(".J_menuTab").removeClass("active");
+//				var n = '<iframe class="J_iframe J_iframeNew" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
+	var nif = '<iframe class="J_iframe J_iframeNew" name="iframe'+ data.CallID  +'"  width="100%" height="100%" src="./callScreen/callScreen.html?Number=' + data.Number + '&CallID=' + data.CallID + '&ActionID=' + data.ActionID + '" frameborder="0" data-id="./callScreen/callScreen.html?tel=' + data.Number + '&CallID=' + data.CallID + '" seamless></iframe>';
+	$(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(nif);
+	$(".J_menuTabs .page-tabs-content").append(p);
+	hidTel=data.Number;
+	hidCallID=data.CallID;
+	hidActionID=data.ActionID;
 
-    $(".hidTel").val(data.Number);
-    $(".tel").text(data.Number);
-    $("#zxdh_").val(data.Number);
-    $("#tsdh").val(data.Number);
-    $(".ldtime").text(getNowFormatDate());
-    $(".thsc").text("00:00");
-    $(".hidCallID").val(data.CallID);
-    $(".hidActionID").val(data.ActionID);
     //获取callid
     //$.ajaxSettings.async = false;
     //$.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCallIdByPhone', { "tel": $(".hidTel").val(), "token": $.cookie("token") }, function (result) {
@@ -208,40 +207,7 @@ function IncomingBack(data) {
     //        $(".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") {
-            $(".khgsd").text(result.data);
-
-
-
-        }
-    })
-    //获取客户信息
-    $(".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) {
-                $("#zxr_").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);
@@ -252,24 +218,28 @@ function DropCallBack() {
     $(".Logout").addClass("active");
     $(".SayBusy").addClass("active");
     $(".MakeCall").addClass("active");
-
-    $(".td-call").hide();
+  var obj = $("iframe:visible")
+    if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
+	        window.frames[obj.attr("name")].$(".td-call").hide();
+	    }
     //$('.ldtp-con').css("display", 'none');
 }
+//线路状态
 function LineStateAgentBack(data) {
+	 var obj = $("iframe:visible")
     //0分机不可用，1空闲，2摘机等待拨号，3正在拨号，4呼出振铃，5来电振铃，6通话中，7播放忙音中，8移除IP分机，9通话保持中
     if (data.State == '0') {
         $(".hwzt").text('分机不可用');//左下角状态显示
     }
     if (data.State == '1') {
-
         $(".hwzt").text('空闲');//左下角状态显示
-
         $(".fwzt").removeClass("br").addClass("bl");
-        clearInterval(timer);
-
-        if ($(".hidTel").val() && $(".hidCallID").val()) {
-            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', { callid: $(".hidCallID").val(), actionid: $(".hidActionID").val(), "token": $.cookie("token") }, function (result) {
+//      clearInterval(timer);
+		if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
+	        window.frames[obj.attr("name")].clearInter();
+	    }
+        if (hidTel && hidCallID) {
+            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', { callid: hidCallID, actionid: hidActionID, "token": $.cookie("token") }, function (result) {
                 result = JSON.parse(result);
                 if (result.state.toLowerCase() == "success") {
                 }
@@ -280,10 +250,9 @@ function LineStateAgentBack(data) {
         $(".Logout").addClass("active");
         $(".SayBusy").addClass("active");
         $(".MakeCall").addClass("active");
-
-        $(".td-call").hide();
-        $(".Bacha").show();
-
+ 		if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
+	        window.frames[obj.attr("name")].$(".td-call").hide();
+	    }
         //$(".hidTel").val("");
         //$(".hidCallID").val("");
     }
@@ -299,8 +268,8 @@ function LineStateAgentBack(data) {
     if (data.State == '5') {
         $(".hwzt").text('来电振铃');//左下角状态显示
         $(".fwzt").removeClass("bl").addClass("br");
-        if ($(".hidTel").val() && $(".hidCallID").val()) {
-            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', { callid: $(".hidCallID").val(), actionid: $(".hidActionID").val(), "token": $.cookie("token") }, function (result) {
+        if (hidTel && hidCallID) {
+            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', { callid: hidCallID, actionid: hidActionID, "token": $.cookie("token") }, function (result) {
                 result = JSON.parse(result);
                 if (result.state.toLowerCase() == "success") {
                 }
@@ -310,29 +279,24 @@ function LineStateAgentBack(data) {
     if (data.State == '6') {
         $(".hwzt").text('通话中');//左下角状态显示
         $(".fwzt").removeClass("bl").addClass("br");
-        if ($(".hidTel").val() && $(".hidCallID").val()) {
-            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', { callid: $(".hidCallID").val(), actionid: $(".hidActionID").val(), "token": $.cookie("token") }, function (result) {
+        if (hidTel && hidCallID) {
+            $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', { callid: hidCallID, actionid: hidActionID, "token": $.cookie("token") }, function (result) {
                 result = JSON.parse(result);
                 if (result.state.toLowerCase() == "success") {
                 }
             })
         }
 
-        $(".td-call").show();
-        n = 0;
+//      $(".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);
+         if (obj.attr("data-id") == './callScreen/callScreen.html?tel=' + hidTel + '&CallID=' + hidCallID + '') {
+	        window.frames[obj.attr("name")].calling();
+	    }
     }
     if (data.State == '7') {
         $(".hwzt").text('播放忙音中');//左下角状态显示
@@ -443,8 +407,8 @@ function RecordPathBack(data) {
     //        }
     //    })
     //}
-    if ($(".hidTel").val()) {
-        $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', { callid: data.CallID, actionid: $(".hidActionID").val(), path: data.RecPath, "token": $.cookie("token") }, function (result) {
+    if (hidTel) {
+        $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', { callid: data.CallID, actionid: hidActionID, path: data.RecPath, "token": $.cookie("token") }, function (result) {
             result = JSON.parse(result);
             if (result.state.toLowerCase() == "success") {
             }