Няма описание

callRecord.js 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. /**
  2. * 通话记录
  3. * */
  4. var recordpath = ''; //录音的路径
  5. $(function() {
  6. //$('.tool_bars').authorizeButton();
  7. initTable();
  8. //搜索
  9. $("#sc_btns").click(function() {
  10. initTable();
  11. })
  12. });
  13. function initTable() {
  14. //先销毁表格
  15. $('#table_all').bootstrapTable('destroy');
  16. //初始化表格,动态从服务器加载数据
  17. $('#table_all').bootstrapTable({
  18. method: "get", //使用get请求到服务器获取数据
  19. url: huayi.config.callcenter_url + "callcenterapi/api/CallRecords/getlistbypage", //获取数据的Servlet地址
  20. contentType: "application/x-www-form-urlencoded",
  21. striped: true, //表格显示条纹
  22. pagination: true, //启动分页
  23. pageSize: 10, //每页显示的记录数
  24. pageNumber: 1, //当前第几页
  25. pageList: [10, 20, 50, 100], //记录数可选列表
  26. search: false, //是否启用查询
  27. showColumns: false, //显示下拉框勾选要显示的列
  28. showRefresh: false, //显示刷新按钮
  29. sidePagination: "server", //表示服务端请求
  30. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  31. //设置为limit可以获取limit, offset, search, sort, order
  32. queryParamsType: "undefined",
  33. queryParams: function queryParams(params) { //设置查询参数
  34. var param = {
  35. pageindex: params.pageNumber, //否 string 当前页
  36. pagesize: params.pageSize, //否 string 每页记录数
  37. keyword: $('#sc_keyWords').val(), //否 string 模糊查询(呼叫号码)
  38. };
  39. return param;
  40. },
  41. onLoadSuccess: function(res) { //加载成功时执行
  42. //layer.msg("加载成功");
  43. if(res.state.toLowerCase() == "success") {
  44. var newData = {};
  45. newData.state = res.state;
  46. newData.message = res.message;
  47. newData.rows = res.data.rows;
  48. newData.total = res.data.total;
  49. recordpath = res.data.recordpath;
  50. $('#table_all').bootstrapTable('load', newData);
  51. }
  52. //$('.tool_down').authorizeOperateButton();
  53. },
  54. onLoadError: function() { //加载失败时执行
  55. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  56. }
  57. });
  58. }
  59. //格式化序号
  60. function setCode(val, row, index) {
  61. return ++index;
  62. }
  63. //格式化 转移/三方通话 是否成功
  64. function formatterTurnstate(val, row) {
  65. //(0:不成功,1:成功)
  66. var stateClass = 'timeout_default';
  67. var stateTxt = '-';
  68. if(val === 1) {
  69. stateClass = 'timeout_success';
  70. stateTxt = '成功';
  71. } else {
  72. stateClass = 'timeout_termination';
  73. stateTxt = '失败';
  74. }
  75. return '<span class="' + stateClass + '">' + stateTxt + '</span>';
  76. }
  77. //格式化 呼叫类型
  78. function formatterCalltype(val, row) {
  79. //(0:呼入,1:呼出)
  80. var str = '-';
  81. if(val === 0) {
  82. str = '呼入';
  83. } else {
  84. str = '呼出';
  85. }
  86. return str;
  87. }
  88. //格式化 呼叫状态
  89. function formatterCallstate(val, row) {
  90. //(0:未接通,1:已接通)
  91. var str = '-';
  92. var stateClass = 'timeout_default';
  93. if(val === 0) {
  94. str = '未接通';
  95. stateClass = 'timeout_termination';
  96. } else {
  97. str = '已接通';
  98. stateClass = 'timeout_success';
  99. }
  100. return '<span class="' + stateClass + '">' + str + '</span>';
  101. }
  102. //格式化处理方式
  103. function formatterDealtype(val, row) {
  104. //(0:IVR处理 1:骚扰电话 2:自助服务 3:转值班电话 4:留言 5:呼损 6:人工处理)
  105. var str = '-';
  106. switch (val){
  107. case 0:
  108. str="IVR处理"
  109. break;
  110. case 1:
  111. str="骚扰电话"
  112. break;
  113. case 2:
  114. str="自助服务"
  115. break;
  116. case 3:
  117. str="转值班电话"
  118. break;
  119. case 4:
  120. str="留言"
  121. break;
  122. case 5:
  123. str="呼损"
  124. break;
  125. case 6:
  126. str="人工处理"
  127. break;
  128. default:
  129. str="-"
  130. break;
  131. }
  132. return str;
  133. }
  134. //格式化操作方式
  135. function formatterOpttype(val, row) {
  136. //(0:分机呼入 1:ivr呼入 2:转移 3:三方通话)
  137. var str = '-';
  138. switch (val){
  139. case 0:
  140. str="分机呼入"
  141. break;
  142. case 1:
  143. str="ivr呼入"
  144. break;
  145. case 2:
  146. str="转移"
  147. break;
  148. case 3:
  149. str="三方通话"
  150. break;
  151. default:
  152. str="-"
  153. break;
  154. }
  155. return str;
  156. }
  157. //格式化满意度
  158. function formatterEvaluation(val, row) {
  159. //(1非常满意、2基本满意、3不满意)
  160. var str = '-';
  161. switch (val){
  162. case 1:
  163. str="非常满意"
  164. break;
  165. case 2:
  166. str="基本满意"
  167. break;
  168. case 3:
  169. str="不满意"
  170. break;
  171. default:
  172. str="-"
  173. break;
  174. }
  175. return str;
  176. }
  177. //格式化外呼类型
  178. function formatterCallopttype(val, row) {
  179. //( 0:拨号外呼 1:回访外呼)
  180. var str = '-';
  181. switch (val){
  182. case 0:
  183. str="拨号外呼"
  184. break;
  185. case 1:
  186. str="回访外呼"
  187. break;
  188. default:
  189. str="-"
  190. break;
  191. }
  192. return str;
  193. }
  194. //音频
  195. function formatterAudio(val) {
  196. var audioUrl = recordpath + val;
  197. if(val && val.length > 0) {
  198. return '<div class="imgs" style="cursor: pointer;">' +
  199. '<img src="../img/vice.png" alt="录音" onclick="seeAudio(\'' + audioUrl + '\')" />' +
  200. '</div>';
  201. } else {
  202. return '-';
  203. }
  204. }
  205. //查看录音详情
  206. function seeAudio(audioUrl) {
  207. layer.open({
  208. type: 2,
  209. content: "../templateHtml/audioPlayer.html?audioUrl=" + audioUrl, //iframe的url,no代表不显示滚动条
  210. title: '录音详情',
  211. area: ['50%', '280px'], //宽高
  212. });
  213. }