市长热线演示版

selectcallrecord.aspx 5.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="selectcallrecord.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.telmanage.selectcallrecord" %>
  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 id="Head1" 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 gridlist;
  19. $(function () {
  20. LoadList();
  21. });
  22. function LoadList() {
  23. gridlist = $("#divDataList").ligerGrid({
  24. height: '100%',
  25. columns: [
  26. { display: '电话号码', name: '_callnumber', minWidth: 60 },
  27. { display: '呼叫方向', name: '_calltype', minWidth: 50, render: function (rowdata, rowindex, value) {
  28. if (value == "0")
  29. return "呼入";
  30. else
  31. return "呼出";
  32. }
  33. },
  34. { display: '呼叫状态', name: '_callstate', minWidth: 50, render: function (rowdata, rowindex, value) {
  35. if (value == "0")
  36. return "未接通";
  37. else
  38. return "已接通";
  39. }
  40. },
  41. { display: '通话开始时间', name: '_talkstarttime', minWidth: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  42. { display: '通话时长(s)', name: '_talklongtime'}], url: 'ajax/telrecords.ashx?action=getlist&telnum=', pageSize: 8, rownumbers: true,
  43. onSelectRow: function (rowdata, rowid, rowobj) { parent.SetTelphone(rowdata._callnumber); }
  44. });
  45. gridlist.changePage('first');
  46. $("#pageloading").hide();
  47. }
  48. function formatDateTime(value, rowData, rowIndex) {
  49. if (value != null) {
  50. var date = new Date(parseInt(value.replace("/Date(", "").replace(")/", ""), 10));
  51. var result = date.getFullYear() + "-" + (date.getMonth() + 1 < 10 ? "0"
  52. + (date.getMonth() + 1) : date.getMonth() + 1) + "-"
  53. + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
  54. + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
  55. + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":"
  56. + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
  57. return result;
  58. }
  59. return value;
  60. }
  61. function deleteRow() {
  62. g.deleteSelectedRow();
  63. }
  64. function cleartextbox() {
  65. document.getElementById("txtTelphone").value = "";
  66. document.getElementById("txtstate").value = "";
  67. document.getElementById("txtzuowei").value = "";
  68. document.getElementById("txtstarttime").value = "";
  69. document.getElementById("txtendtime").value = "";
  70. }
  71. </script>
  72. </head>
  73. <body style="margin: 0px; padding: 0px; overflow: hidden;">
  74. <form id="form1" runat="server">
  75. <div class="l-loading" style="display: block" id="pageloading">
  76. </div>
  77. <div class="tools_box">
  78. <div class="tools_bar">
  79. <div class="search_box" style=" float:left;">
  80. 电话号码:<asp:TextBox ID="txtTelphone" runat="server" CssClass="txtInput" Width="80px" ></asp:TextBox>&nbsp;&nbsp;
  81. 呼叫状态:<asp:DropDownList ID="ddltstate" runat="server" CssClass="selectBox" Width="80px">
  82. <asp:ListItem>全部</asp:ListItem>
  83. <asp:ListItem>已接通</asp:ListItem>
  84. <asp:ListItem>未接通</asp:ListItem>
  85. </asp:DropDownList>&nbsp;&nbsp;
  86. <input id="btnSearch" type="button" value="搜 索" class="btnSearch" onclick="LoadList();" />&nbsp;&nbsp;
  87. <input id="btnMore" type="button" value="重 置" class="btnSearch" onclick="cleartextbox();" />
  88. </div>
  89. </div>
  90. </div>
  91. <div id="divDataList">
  92. </div>
  93. </form>
  94. </body>
  95. </html>