No Description

intelligentOutboundCallList.html 6.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>工单列表</title>
  6. <script src="../../Script/Common/huayi.load.js"></script>
  7. <script src="../../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../../css/bootstrap-select.css" />
  9. <link rel="stylesheet" href="../../js/zTree/zTreeStyle.css" />
  10. <link rel="stylesheet" href="../../css/init.css" />
  11. <link rel="stylesheet" href="./css/WorkOrderList.css">
  12. </head>
  13. <body class="gray-bg">
  14. <div class="wrapper wrapper-content animated fadeInRight">
  15. <div class="daoHang clearfix">
  16. <div class="dhLeft">
  17. <sapn>
  18. <i class="syIcon"></i>位置:
  19. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  20. <a href="" class="nowPosition">智能外呼列表</a>
  21. </sapn>
  22. </div>
  23. <div class="dhRight">
  24. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  25. </div>
  26. </div>
  27. <div style="padding: 10px" class="tj_content clearFix">
  28. <div style="width: 100%; padding: 10px">
  29. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  30. <thead>
  31. <tr>
  32. <th data-field="planName" data-align="center">任务名称</th>
  33. <th data-field="planStatus" data-align="center" data-formatter="States">任务状态</th>
  34. <th data-field="userName" data-align="center">创建人</th>
  35. <th data-field="createTime" data-align="center">创建时间</th>
  36. <th data-field="id" data-formatter="Dispose" data-align="center">操作</th>
  37. </tr>
  38. </thead>
  39. <tbody class="list"></tbody>
  40. </table>
  41. </div>
  42. </div>
  43. </div>
  44. <script src="../../js/bootstrap-select.js"></script>
  45. <script src="../../js/laydate/laydate.js"></script>
  46. <script src="../../My97DatePicker/WdatePicker.js"></script>
  47. <script src="../../js/zTree/jquery.ztree.core.js"></script>
  48. <script>
  49. var exportParams; // 导出参数
  50. var telephone = helper.request.queryString("telephone");
  51. var wid = helper.request.queryString("wid");
  52. $(document).ready(function () {
  53. load();
  54. });
  55. function States(value,item){
  56. return getState(value)
  57. }
  58. function Dispose(value,item){
  59. // backDial(\'' + row.CallNumber + '\',\'' + row.CallId +'\')
  60. return '<a class="xg" onclick="addCallPhone(\'' + value + '\',\'' + item.planName +'\',\'' + item.planName +'\')" title="">添加外呼号码</a>'
  61. }
  62. function addCallPhone(value,title){
  63. $.ajax({
  64. type:"post",
  65. url:huayi.config.callcenter_url + "Abutment/AddCallLog", //获取数据的Servlet地址,
  66. async:true,
  67. dataType:"json",
  68. data:{
  69. planId:value,
  70. telephone:telephone,
  71. title:title,
  72. workorderid:wid,
  73. token:$.cookie("token")
  74. },
  75. success:function(res){
  76. if (res.state ==="success") {
  77. layer.msg(res.message);
  78. $('#orderlist').bootstrapTable('refresh');
  79. }
  80. }
  81. });
  82. }
  83. //获取查询信息
  84. function load() {
  85. //先销毁表格
  86. $("#orderlist").bootstrapTable("destroy");
  87. //初始化表格,动态从服务器加载数据
  88. $("#orderlist").bootstrapTable({
  89. method: "get", //使用get请求到服务器获取数据
  90. url: huayi.config.callcenter_url + "Abutment/GetOutboundList", //获取数据的Servlet地址
  91. contentType: "application/x-www-form-urlencoded",
  92. striped: true, //表格显示条纹
  93. pagination: true, //启动分页
  94. pageSize: 10, //每页显示的记录数
  95. pageNumber: 1, //当前第几页
  96. pageList: [10, 20, 50, 100], //记录数可选列表
  97. search: false, //是否启用查询
  98. showColumns: false, //显示下拉框勾选要显示的列
  99. showRefresh: false, //显示刷新按钮
  100. sidePagination: "server", //表示服务端请求
  101. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  102. //设置为limit可以获取limit, offset, search, sort, order
  103. queryParamsType: "undefined",
  104. queryParams: function queryParams(params) {
  105. //设置查询参数
  106. //alert(params.pageNumber)
  107. var param = {
  108. page: params.pageNumber,
  109. pagesize: params.pageSize,
  110. token: $.cookie("token"),
  111. };
  112. // 导出参数
  113. exportParams = param;
  114. return param;
  115. },
  116. responseHandler: function(res) {
  117. return {
  118. "rows": res.data.list,
  119. "total": res.data.list.length
  120. }
  121. },
  122. onLoadSuccess: function (data) {
  123. //加载成功时执行
  124. // layer.msg("加载成功");
  125. //console.log(data);
  126. },
  127. onLoadError: function () {
  128. //加载失败时执行
  129. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  130. },
  131. });
  132. }
  133. function getState(value){
  134. var stateText = ""
  135. switch (Number(value)){
  136. case 0:
  137. stateText = "未开启"
  138. break;
  139. case 1:
  140. stateText = "等待中"
  141. break;
  142. case 2:
  143. stateText = "进行中"
  144. break;
  145. case 3:
  146. stateText = "正在暂停"
  147. break;
  148. case 4:
  149. stateText = "手动暂停"
  150. break;
  151. case 5:
  152. stateText = "号码已打完"
  153. break;
  154. case 6:
  155. stateText = "未到呼叫时间"
  156. break;
  157. case 7:
  158. stateText = "结束中"
  159. break;
  160. case 8:
  161. stateText = "结束"
  162. break;
  163. case 9:
  164. stateText = "9重拨"
  165. break;
  166. default:
  167. stateText = "未知"
  168. break;
  169. }
  170. return stateText
  171. }
  172. </script>
  173. </body>
  174. </html>