市长热线演示版

qcmanage.aspx 8.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="qcmanage.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.qualitymanage.qcmanage" %>
  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 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 Player(id,state, path) {
  26. // //OpenWindowShow1('voiceplay.aspx?path=' + path, '录音播放与下载', 600, 300);
  27. // if (state == "1") {
  28. // $.ligerDialog.error('该记录已质检');
  29. // }
  30. // else {
  31. var vheight = $("#form1").height() - 30;
  32. var vwidth = $("#form1").width() * 0.9;
  33. if (vwidth > 700) {
  34. vwidth = 700;
  35. }
  36. var vtitle = "录音播放下载及质检";
  37. $.ligerDialog.open({ url: 'qcedit.aspx?otype=qcedit&id=' + id + '&path=' + path, title: vtitle, height: vheight, width: vwidth, isResize: true
  38. });
  39. // }
  40. }
  41. function itemclick(item) {
  42. alert(item.text);
  43. }
  44. var gridlist;
  45. $(function () {
  46. LoadList();
  47. });
  48. function CallOut(phone) {
  49. parent.PhoneCallOut(1, phone);
  50. }
  51. function ReLoadList() {
  52. gridlist.reload();
  53. }
  54. function LoadList() {
  55. gridlist = $("#divDataList").ligerGrid({
  56. height: '100%',
  57. columns: [
  58. { display: '电话号码', name: '_callnumber', width: 100, frozen: true },
  59. { display: '录音质检', name: '_filepath', width: 60, frozen: true, render: function (rowdata, rowindex, value) {
  60. if (value == "") {
  61. return;
  62. }
  63. else {
  64. return "<img src=\"../images/notice.png\" style=\"cursor:hand;\" onclick=\"Player('" + rowdata._callrecordsid + "','" + rowdata._f_qcstate + "','" + encodeURI(value) + "');\" />";
  65. }
  66. }
  67. },
  68. { display: '是否质检', name: '_f_qcstate', width: 80, frozen: true, render: function (rowdata, rowindex, value) {
  69. if (value == "0")
  70. return "<font color='red'>未质检</font>";
  71. else if (value == "1")
  72. return "<font color='blue'>已质检</font>";
  73. else
  74. return "<font color='red'>未质检</font>";
  75. }
  76. }, { display: '质检得分', name: '_f_qcscore', width: 60, frozen: true },
  77. { display: '呼叫方向', name: '_calltype', width: 80, frozen: true, render: function (rowdata, rowindex, value) {
  78. if (value == "0")
  79. return "呼入";
  80. else
  81. return "呼出";
  82. }
  83. },
  84. { display: '呼叫状态', name: '_callstate', width: 80, frozen: true, render: function (rowdata, rowindex, value) {
  85. if (value == "0")
  86. return "未接通";
  87. else
  88. return "已接通";
  89. }
  90. }, { display: '坐席工号', name: '_usercode', width: 80 },
  91. { display: '坐席姓名', name: '_username', width: 80 },
  92. { display: '通话开始时间', name: '_talkstarttime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  93. { display: '通话结束时间', name: '_talkendtime', width: 130, type: 'date', format: 'yyyy-MM-dd hh:mm:ss' },
  94. { display: '通话时长(s)', name: '_talklongtime', width: 80 },
  95. { display: '按键', name: '_businesstype', width: 50}], url: 'ajax/qcmanage.ashx?action=getlist' + strWhere, pageSize: 20, pageSizeOptions: [10, 20, 50], rownumbers: true
  96. });
  97. gridlist.changePage('first');
  98. $("#pageloading").hide();
  99. }
  100. function formatDateTime(value, rowData, rowIndex) {
  101. if (value != null) {
  102. var date = new Date(parseInt(value.replace("/Date(", "").replace(")/", ""), 10));
  103. var result = date.getFullYear() + "-" + (date.getMonth() + 1 < 10 ? "0"
  104. + (date.getMonth() + 1) : date.getMonth() + 1) + "-"
  105. + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " "
  106. + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":"
  107. + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":"
  108. + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
  109. return result;
  110. }
  111. return value;
  112. }
  113. function cleartextbox() {
  114. document.getElementById("txtTelphone").value = "";
  115. document.getElementById("txtstate").value = "";
  116. document.getElementById("txtzuowei").value = "";
  117. document.getElementById("txtstarttime").value = "";
  118. document.getElementById("txtendtime").value = "";
  119. }
  120. function getparams(params) {
  121. strWhere = "";
  122. if (params != "") {
  123. strWhere += params;
  124. }
  125. LoadList();
  126. }
  127. function getsql() {
  128. strWhere = "";
  129. var phone = document.getElementById("txtTelphone").value;
  130. var account = document.getElementById("ddlAccount").value;
  131. if (phone != "") {
  132. strWhere += "&phone=" + phone + "";
  133. }
  134. if (account != "") {
  135. strWhere += "&usercode=" + account + "";
  136. }
  137. LoadList();
  138. }
  139. function HighSearch() {
  140. $.ligerDialog.open({
  141. url: '../telmanage/recordhighsearch.aspx',
  142. title: '高级搜索',
  143. height: 300,
  144. width: 600,
  145. isResize: true
  146. });
  147. }
  148. document.onkeydown = function (event) {
  149. var e = event || window.event || arguments.callee.caller.arguments[0];
  150. if (e && e.keyCode == 13) {
  151. getsql();
  152. }
  153. };
  154. </script>
  155. </head>
  156. <body style="margin: 0px; padding: 0px; overflow: hidden;">
  157. <form id="form1" runat="server">
  158. <div class="l-loading" style="display: block" id="pageloading">
  159. </div>
  160. <div class="tools_box">
  161. <div class="tools_bar">
  162. <div class="search_box">
  163. 电话号码:<asp:TextBox ID="txtTelphone" runat="server" CssClass="txtInput" Width="80px"></asp:TextBox>&nbsp;&nbsp;
  164. 坐席: <asp:DropDownList ID="ddlAccount" runat="server" CssClass="selectBox" Width="70px"> </asp:DropDownList>&nbsp;&nbsp;
  165. <input id="btnSearch" type="button" value="搜 索" class="btnSearch" onclick="getsql();" />&nbsp;&nbsp;
  166. <input id="btnHighSearch" type="button" value="高级搜索" class="btnSearch" onclick="HighSearch();" />
  167. </div>
  168. </div>
  169. </div>
  170. <div id="divDataList">
  171. </div>
  172. </form>
  173. </body>
  174. </html>