clq1010
/
SZRXYS


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="longwaitreport.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.reportmanage.longwaitreport" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>等待时长统计</title>

    <link href="../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

    <script src="../scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

    <script src="../scripts/ui/json2.js" type="text/javascript"></script>

    <script src="../scripts/ui/js/core/base.js" type="text/javascript"></script>

    <script src="../scripts/ui/js/ligerui.min.js" type="text/javascript"></script>

    <script src="../scripts/CustomersData.js" type="text/javascript"></script>

    <link href="../scripts/ui/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />

    <link href="../images/style.css" rel="stylesheet" type="text/css" />

    <script src="../../scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

    <script src="../ThirdParty/js/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script src="../ThirdParty/js/highcharts.js" type="text/javascript"></script>

    <script type="text/javascript">

        function tabs(tabId) {

            for (var i = 0; i <= 1; i++) {

                if (tabId == i) {

                    document.getElementById("tabli" + i).className = "selected";

                    document.getElementById("tab_" + i).style.display = "block";

                }

                else {

                    document.getElementById("tabli" + i).className = "";

                    document.getElementById("tab_" + i).style.display = "none";

                }

            }

        }

      $(function() {

         var beginTime=$("#txtBeginTime").val();

         var endTime=$("#txtEndTime").val();

            $('#container').highcharts({

                chart: {

            },

            title: {

                text: '服务热线平均等待时长统计'

            },

            xAxis: {

                categories: <%=GetAgent() %>

            },

            yAxis: [{

             labels: {

                    format: '{value}s',

                    style: {

                        color: '#89A54E'

                    }

                },
                title: {

                    text: '通话时长(s)'

                }

            },{

                 title: {

                    text: '通话次数(通)',

                    style: {

                        color: '#4572A7'

                    }

                },
                 labels: {

                    format: '{value}通',

                    style: {

                        color: '#89A54E'

                    }

                },
                opposite: true

                }],

                tooltip: {

                    shared: true

                },

           exporting: {

            enabled: false

          },

           series: [{

                    type: 'column',

                    name: '接通次数',

                     yAxis: 1,

                    tooltip: {

                        valueSuffix: '通'

                    },

                    data:<%=GetHighChartData(txtBeginTime.Text.Trim(),txtEndTime.Text.Trim(),"0") %> ,

                     color:Highcharts.getOptions().colors[6]

                },{

                    type: 'column',

                    name: '等待总时长',

                    tooltip: {

                        valueSuffix: 's'

                    },

                    data:<%=GetCallRecordSummaryWaitTime(txtBeginTime.Text.Trim(),txtEndTime.Text.Trim()) %> ,

                     color:Highcharts.getOptions().colors[7]

                },{

                    type: 'spline',

                    name: '平均等待时长',

                    tooltip: {

                                valueSuffix: 's'

                            },

                    data: <%=GetCallRecordWaitingAverage(txtBeginTime.Text.Trim(),txtEndTime.Text.Trim()) %>,//[21.9, 0, 0, 0, 0]

                    marker: {

                        lineWidth: 2,

                        lineColor: Highcharts.getOptions().colors[5],

                        fillColor: 'white'

                    }

                }]

                    });

                });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div class="tools_box">

        <div class="tools_bar">

            <div class="search_box">

                开始时间：<asp:TextBox ID="txtBeginTime" runat="server" CssClass="txtInput" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>&nbsp;&nbsp;

                结束时间：<asp:TextBox ID="txtEndTime" runat="server" CssClass="txtInput" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>&nbsp;&nbsp;

                 <asp:Button ID="btnSearch" runat="server" Text="搜 索" CssClass="btnSearch"  />&nbsp;&nbsp;

                <input id="btnSearchFanHui" type="button" value="返回导航" class="btnSearch" onclick="javascript:window.location.href='./default.aspx'"/>

            </div>

        </div>

    </div>

    <ul class="tab_nav">

        <li id="tabli0" class="selected"><a onclick="tabs(0);" href="javascript:;">表格</a></li>

        <li id="tabli1"><a onclick="tabs(1);" href="javascript:;">图形</a></li>

    </ul>

    <div id="divfromlist">

        <div id="tab_0" style="display: block; width: 100%">

              <%=CreateTableTitleAndHead("服务热线平均等待时长统计", txtBeginTime.Text.Trim(), txtEndTime.Text.Trim(), "坐席名称", "接通次数", "等待总时长", "平均等待时长")%>

        </div>

        <div id="tab_1" style="display: none; width: 100%">

            <div id="container">

            </div>

        </div>

    </div>

    </form>

</body>

</html>