市长热线演示版

CallRecInfList.aspx 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CallRecInfList.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.reportmanage.operationdata.CallRecInfList" %>
  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. <script src="../../scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
  7. <link href="../../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  8. <script src="../../scripts/jquery/jquery-1.3.2.min.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. <link href="../../scripts/ui/skins/Tab/css/tab.css" rel="stylesheet" type="text/css" />
  12. <link href="../../scripts/ui/skins/Tab/css/grid.css" rel="stylesheet" type="text/css" />
  13. <script src="../../scripts/ui/js/plugins/ligerGrid.js" type="text/javascript"></script>
  14. <script src="../../scripts/CustomersData.js" type="text/javascript"></script>
  15. <link href="../../scripts/ui/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
  16. <link href="../../images/style.css" rel="stylesheet" type="text/css" />
  17. <script type="text/javascript">
  18. var strWhere = "";
  19. function OpenWindowShow1(Url, Title, Width, Height) {
  20. $.ligerDialog.open({ title: Title, isHidden: false, url: Url, height: Height, width: Width, isResize: true, modal: true, buttons: [
  21. { text: '关闭', onclick: function (item, dialog) { dialog.close(); } }
  22. ], isResize: true
  23. });
  24. }
  25. function itemclick(item) {
  26. alert(item.text);
  27. }
  28. var gridlist;
  29. $(function () {
  30. LoadList();
  31. });
  32. function LoadList() {
  33. gridlist = $("#divDataList").ligerGrid({
  34. checkbox: true,
  35. height: '100%',
  36. columns: [
  37. { display: '电话号码', name: '_callnumber', width: 100 },
  38. { display: '呼叫方向', name: '_calltype', width: 80, render: function (rowdata, rowindex, value) {
  39. if (value == "0")
  40. return "呼入";
  41. else
  42. return "呼出";
  43. }
  44. },
  45. { display: '呼叫状态', name: '_callstate', width: 80, render: function (rowdata, rowindex, value) {
  46. if (value == "0")
  47. return "未接通";
  48. else
  49. return "已接通";
  50. }
  51. },
  52. { display: '被叫号码', name: '_remark', width: 80, render: function (rowdata, rowindex, value) {
  53. switch (value) {
  54. case "56190941":
  55. return "4000261677";
  56. break;
  57. case "56190942":
  58. return "4000552808";
  59. break;
  60. case "56190943":
  61. return "4000903677";
  62. break;
  63. case "56190944":
  64. return "4009933356";
  65. break;
  66. default:
  67. return "";
  68. break;
  69. }
  70. }
  71. },
  72. { display: '坐席姓名', name: '_username', width: 80 },
  73. { display: 'IVR开始时间', name: '_ivrstarttime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  74. { display: 'IVR结束时间', name: '_ivrendtime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  75. { display: '通话开始时间', name: '_talkstarttime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  76. { display: '通话结束时间', name: '_talkendtime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  77. { display: '通话时长(s)', name: '_talklongtime', width: 80 }
  78. ], url: '../../telmanage/ajax/telrecords.ashx?action=getlist' + strWhere, pageSize: 10, rownumbers: true
  79. });
  80. gridlist.changePage('first');
  81. $("#pageloading").hide();
  82. }
  83. function formatDateTime(value, rowData, rowIndex) {
  84. if (value != null) {
  85. var date = new Date(parseInt(value.replace("/Date(", "").replace(")/", ""), 10));
  86. var result = date.getFullYear() + "-" + (date.getMonth() + 1 < 10 ? "0"
  87. + (date.getMonth() + 1) : date.getMonth() + 1) + "-"
  88. + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
  89. + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
  90. + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":"
  91. + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
  92. return result;
  93. }
  94. return value;
  95. }
  96. function deleteRow() {
  97. g.deleteSelectedRow();
  98. }
  99. function cleartextbox() {
  100. document.getElementById("txtTelphone").value = "";
  101. document.getElementById("txtstate").value = "";
  102. document.getElementById("txtzuowei").value = "";
  103. document.getElementById("txtstarttime").value = "";
  104. document.getElementById("txtendtime").value = "";
  105. }
  106. function getparams(params) {
  107. strWhere = "";
  108. if (params != "") {
  109. strWhere += params;
  110. }
  111. LoadList();
  112. }
  113. function getsql() {
  114. strWhere = "";
  115. var phone = document.getElementById("txtTelphone").value;
  116. var account = document.getElementById("ddlAccount").value;
  117. if (phone != "") {
  118. strWhere += "&phone=" + phone + "";
  119. }
  120. if (account != "") {
  121. strWhere += "&usercode=" + account + "";
  122. }
  123. LoadList();
  124. }
  125. function HighSearch() {
  126. $.ligerDialog.open({
  127. url: '../../telmanage/recordhighsearch.aspx',
  128. title: '高级搜索',
  129. height: 300,
  130. width: 600,
  131. isResize: true
  132. });
  133. }
  134. document.onkeydown = function (event) {
  135. var e = event || window.event || arguments.callee.caller.arguments[0];
  136. if (e && e.keyCode == 13) {
  137. getsql();
  138. }
  139. };
  140. </script>
  141. </head>
  142. <body>
  143. <form id="form1" runat="server">
  144. <div class="l-loading" style="display: block" id="pageloading">
  145. </div>
  146. <div class="tools_box">
  147. <div class="tools_bar">
  148. <a class="tools_btn" href="#" onclick="Delete();"><span>
  149. <b class="delete">批量删除</b></span> </a>
  150. <div class="search_box">
  151. 电话号码:<asp:TextBox ID="txtTelphone" runat="server" CssClass="txtInput" Width="80px"></asp:TextBox>&nbsp;&nbsp;
  152. 坐席: <asp:DropDownList ID="ddlAccount" runat="server" CssClass="selectBox" Width="70px"> </asp:DropDownList>&nbsp;&nbsp;
  153. <input id="btnSearch" type="button" value="搜 索" class="btnSearch" onclick="getsql();" />&nbsp;&nbsp;
  154. <input id="btnHighSearch" type="button" value="高级搜索" class="btnSearch" onclick="HighSearch();" />
  155. </div>
  156. </div>
  157. </div>
  158. <div id="divDataList">
  159. </div>
  160. </form>
  161. </body>
  162. </html>