市长热线演示版

callerdealreport.aspx 6.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="callerdealreport.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.reportmanage.callerdealreport" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <title>来电处理统计</title>
  6. <link href="../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  7. <script src="../scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  8. <script src="../scripts/ui/json2.js" type="text/javascript"></script>
  9. <script src="../scripts/ui/js/core/base.js" type="text/javascript"></script>
  10. <script src="../scripts/ui/js/ligerui.min.js" type="text/javascript"></script>
  11. <script src="../scripts/CustomersData.js" type="text/javascript"></script>
  12. <link href="../scripts/ui/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
  13. <link href="../images/style.css" rel="stylesheet" type="text/css" />
  14. <script src="../../scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
  15. <script src="../ThirdParty/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  16. <script src="../ThirdParty/js/highcharts.js" type="text/javascript"></script>
  17. <script type="text/javascript">
  18. function tabs(tabId) {
  19. for (var i = 0; i <= 1; i++) {
  20. if (tabId == i) {
  21. document.getElementById("tabli" + i).className = "selected";
  22. document.getElementById("tab_" + i).style.display = "block";
  23. }
  24. else {
  25. document.getElementById("tabli" + i).className = "";
  26. document.getElementById("tab_" + i).style.display = "none";
  27. }
  28. }
  29. }
  30. $(function() {
  31. $('#container').highcharts({
  32. chart: {
  33. type: 'column',
  34. zoomType: 'x'
  35. },
  36. title: {
  37. text: '服务热线-来电处理方式统计'
  38. },
  39. xAxis: {
  40. categories: <%=GetStatisticalTime(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>,
  41. labels: {
  42. rotation: -45,
  43. align: 'right',
  44. style: {
  45. fontSize: '13px',
  46. fontFamily: 'Verdana, sans-serif'
  47. }
  48. }
  49. },
  50. yAxis: {
  51. min: 0,
  52. allowDecimals:false, //是否允许刻度有小数
  53. title: {
  54. text: '来电次数 (通)'
  55. }
  56. },
  57. exporting: {
  58. enabled: false
  59. },
  60. tooltip: {
  61. headerFormat: '<span>{point.key}</span><table>',
  62. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  63. '<td style="padding:0"><b>{point.y} 通</b></td></tr>',
  64. footerFormat: '</table>',
  65. shared: true,
  66. useHTML: true
  67. },
  68. plotOptions: {
  69. column: {
  70. pointPadding: 0.2,
  71. borderWidth: 0
  72. }
  73. },
  74. series: [{
  75. name: 'IVR处理',
  76. data: <%=GetStatisticalIVRDeal(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  77. }, {
  78. name: '骚扰电话',
  79. data: <%=GetStatisticalHarassment(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  80. }, {
  81. name: '自主服务',
  82. data: <%=GetStatisticalSelfService(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  83. }, {
  84. name: '转值班',
  85. data: <%=GetStatisticalTurnDutyPhone(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  86. },{
  87. name: '留言',
  88. data: <%=GetStatisticalLeaveVoice(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  89. },
  90. {
  91. name: '呼损',
  92. data: <%=GetStatisticalCallLoss(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  93. },
  94. {
  95. name: '转人工',
  96. data: <%=GetStatisticalManualDeal(txtBeginTime.Text.Trim(), txtEndTime.Text.Trim())%>
  97. }]
  98. });
  99. });
  100. </script>
  101. </head>
  102. <body>
  103. <form id="form1" runat="server">
  104. <div class="tools_box">
  105. <div class="tools_bar">
  106. <div class="search_box">
  107. 开始时间:<asp:TextBox ID="txtBeginTime" runat="server" CssClass="txtInput" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>&nbsp;&nbsp;
  108. 结束时间:<asp:TextBox ID="txtEndTime" runat="server" CssClass="txtInput" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>&nbsp;&nbsp;
  109. <asp:Button ID="btnSearch" runat="server" Text="搜 索" CssClass="btnSearch" />&nbsp;&nbsp;
  110. <input id="btnSearchFanHui" type="button" value="返回导航" class="btnSearch" onclick="javascript:window.location.href='./default.aspx'"/>
  111. </div>
  112. </div>
  113. </div>
  114. <ul class="tab_nav">
  115. <li id="tabli0" class="selected"><a onclick="tabs(0);" href="javascript:;">表格</a></li>
  116. <li id="tabli1"><a onclick="tabs(1);" href="javascript:;">图形</a></li>
  117. </ul>
  118. <div id="divfromlist">
  119. <div id="tab_0" style="display: block; width: 100%">
  120. <%=CreateTableTitleAndHead("服务热线-来电处理方式统计", txtBeginTime.Text.Trim(), txtEndTime.Text.Trim(), "日期", "IVR处理", "骚扰电话", "自主服务", "转值班电话", "留言", "呼损", "转人工")%>
  121. </div>
  122. <div id="tab_1" style="display: none; width: 100%">
  123. <div id="container">
  124. </div>
  125. </div>
  126. </div>
  127. </form>
  128. </body>
  129. </html>