Нет описания

callplanlist.js 8.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. /***
  2. * 任务列表
  3. * 查看号码
  4. * 导出
  5. * */
  6. $(function() {
  7. var tab_index = parseInt($('#tab_index').val());
  8. getAccount();//获取用户下拉
  9. laydate.render({
  10. elem: '#searchAddTime',
  11. range: '~',
  12. theme: '#249fea',
  13. });
  14. initTable(tab_index);
  15. //搜索
  16. $("#sc_btns").click(function() {
  17. if (!regexs.proNumber.test($.trim($("#pro_number").val()))) {
  18. layer.confirm('请输入有效的项目编号', {
  19. icon: 2,
  20. btn: ['确定'] //按钮
  21. });
  22. return;
  23. }
  24. var tab_index = parseInt($('#tab_index').val());
  25. initTable(tab_index);
  26. });
  27. });
  28. //绑定切换
  29. $(document).on('click', '#tab_head_left li', tabs);
  30. //任务列表
  31. function initTable(tab_index) {
  32. var el,state;
  33. //state 0.待执行 //1.处理中 //2.暂停 //3.处理完成 //4.撤销 //5.完结
  34. if(tab_index == 0) {
  35. el = $('#table_all');
  36. state = '-2';
  37. } else if(tab_index == 1) {
  38. el = $('#table_audit');
  39. state = '2';
  40. } else if(tab_index == 2) {
  41. el = $('#table_audited');
  42. state = '0';
  43. } else if(tab_index == 3) {
  44. el = $('#table_suspend');
  45. state = '1';
  46. }else if(tab_index == 4) {
  47. el = $('#table_doned');
  48. state = '3';
  49. }else if(tab_index == 5) {
  50. el = $('#table_revoke');
  51. state = '4';
  52. }else if(tab_index == 6) {
  53. el = $('#table_termination');
  54. state = '5';
  55. }
  56. //先销毁表格
  57. el.bootstrapTable('destroy');
  58. //初始化表格,动态从服务器加载数据
  59. el.bootstrapTable({
  60. method: "get", //使用get请求到服务器获取数据
  61. url: huayi.config.callcenter_url + "CallPlan/GetList", //获取数据的Servlet地址
  62. striped: true, //表格显示条纹
  63. pagination: true, //启动分页
  64. pageSize: 10, //每页显示的记录数
  65. pageNumber: 1, //当前第几页
  66. pageList: [10, 20, 50, 100], //记录数可选列表
  67. search: false, //是否启用查询
  68. showColumns: false, //显示下拉框勾选要显示的列
  69. showRefresh: false, //显示刷新按钮
  70. sidePagination: "server", //表示服务端请求
  71. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  72. //设置为limit可以获取limit, offset, search, sort, order
  73. queryParamsType: "undefined",
  74. queryParams: function queryParams(params) { //设置查询参数
  75. var param = {
  76. PageIndex: params.pageNumber,
  77. PageSize: params.pageSize,
  78. //accountprice: $('#task_price').val(),//任务当前价格
  79. //所有 '' //0.待执行 //1.处理中 //2.暂停 //3.处理完成 //4.撤销 //5.完结
  80. state: state,
  81. tasktype: 1,
  82. GoodsId: $('#pro_number').val(),//项目编号
  83. accountid: $('#task_account').val(),
  84. starttime: $('#searchAddTime').val() && $('#searchAddTime').val().split(' ~ ')[0],
  85. endtime: $('#searchAddTime').val() && $('#searchAddTime').val().split(' ~ ')[1],
  86. token: $.cookie("token")
  87. };
  88. return param;
  89. },
  90. onLoadSuccess: function(res) { //加载成功时执行
  91. //layer.msg("加载成功");
  92. //debugger;
  93. if(res.allnum >= 100){
  94. res.allnum = '99+';
  95. }
  96. if(res.Pendingnum >= 100){
  97. res.Pendingnum = '99+';
  98. }
  99. if(res.processingnum >= 100){
  100. res.processingnum = '99+';
  101. }
  102. if(res.task_backnum >= 100){
  103. res.task_backnum = '99+';
  104. }
  105. if(res.completenum >= 100){
  106. res.completenum = '99+';
  107. }
  108. if(res.revokenum >= 100){
  109. res.revokenum = '99+';
  110. }
  111. if(res.terminatingnum >= 100){
  112. res.terminatingnum = '99+';
  113. }
  114. $('.audit_all').text(res.allnum);//所有
  115. $('.audit_wait').text(res.Pendingnum);//待执行0
  116. $('.audit_done').text(res.processingnum);//处理中1
  117. $('.audit_refuse').text(res.task_backnum);//暂停2
  118. $('.audit_doned').text(res.completenum);//处理完成3
  119. $('.audit_revoke').text(res.revokenum);//撤销4
  120. $('.audit_termination').text(res.terminatingnum);//完结5
  121. $('.tool_down').authorizeOperateButton();
  122. },
  123. onLoadError: function() { //加载失败时执行
  124. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  125. }
  126. });
  127. }
  128. //查看号码列表
  129. function btn_seeNumLists(id){
  130. layer.open({
  131. type: 2,
  132. content: "./phonelist.html?id=" + id, //iframe的url,no代表不显示滚动条
  133. title: '号码列表',
  134. area: ['80%', '90%'], //宽高
  135. });
  136. }
  137. //导出已接通或者未接通 1=导出未接通号码 2=导出已接通号码
  138. function btn_export(tid, type) {
  139. window.open(huayi.config.callcenter_url + "CallPlan/ExportData?taskId=" + tid + "&type=" + type);
  140. }
  141. //格式化任务id
  142. function formatterID(val, row){
  143. if(row.IsEstimated == 1){
  144. return '<span title="预估任务" class="text-info">'+ val + '<i class="fa fa-calculator" style="font-size:12px; padding-left: 3px;"></i></span>';
  145. }else{
  146. return val;
  147. }
  148. }
  149. //格式化操作
  150. function formatterOperate(val, row) {
  151. var tab_index = $('#tab_index').val();
  152. return '<div class="task_tools" onclick = helper.methods.taskTools(this)>' +
  153. '<a title="操作"><i class="fa fa-cogs" aria-hidden="true"></i></a>' +
  154. '<ul class="tool_down">' +
  155. '<li><a href="javaScript:;" authorize="yes" id="HY_seeNumLists_'+ tab_index + '_' + row.id + '" onclick = "btn_seeNumLists(' + row.id + ')"><i class="fa icon-detail tub"></i>查看号码</a></li>' +
  156. '<li><a href="javaScript:;" authorize="yes" id="HY_seePricesHis_'+ tab_index + '_' + row.id + '" onclick = "btn_seePricesHis(\'' + row.id + ',' + row.GoodsId + '\')"><i class="fa icon-detail tub"></i>价格历史</a></li>' +
  157. '<li><a href="javaScript:;" authorize="yes" id="HY_exportY_'+ tab_index + '_' + row.id + '" onclick= btn_export("' + row.id + '","' + 2 + '")><i class="fa fa-arrow-down tub"></i>导出已接通</a></li>' +
  158. '<li><a href="javaScript:;" authorize="yes" id="HY_exportN_'+ tab_index + '_' + row.id + '" onclick= btn_export("' + row.id + '","' + 1 + '")><i class="fa fa-arrow-down tub"></i>导出未接通</a></li>' +
  159. '</ul>' +
  160. '</div>'
  161. }
  162. //格式化状态
  163. function formatterState(val, row) {
  164. //待执行 处理中 暂停 处理完成 撤销 完结
  165. var stateClass;
  166. switch(val){
  167. case '待执行': stateClass = 'state_audit_wait';
  168. break;
  169. case '处理中': stateClass = 'state_audit_done';
  170. break;
  171. case '暂停': stateClass = 'state_audit_refuse';
  172. break;
  173. case '处理完成': stateClass = 'state_audit_doned';
  174. break;
  175. case '撤销': stateClass = 'state_audit_revoke';
  176. break;
  177. case '完结': stateClass = 'state_audit_termination';
  178. break;
  179. default: stateClass = '';
  180. }
  181. return '<span class="state_audit '+ stateClass +'">' + val + '</span>';
  182. }
  183. //格式化领取状态
  184. function formatterIsReceive(val) {
  185. //是否领取(0未领取1已领取)
  186. if(val == '1') {
  187. return '<span class="state_audit clw">已领取</span>';
  188. } else if(val == '0') {
  189. return '<span class="state_audit ztc">未领取</span>';
  190. } else{
  191. return '<span class="state_audit ztc">未领取</span>';
  192. }
  193. }
  194. //获取用户下拉
  195. function getAccount() {
  196. $.ajax({
  197. type: "get",
  198. url: huayi.config.callcenter_url + "Account/GetAccountListJieBaoDrop",
  199. dataType: 'json',
  200. async: true,
  201. data: {
  202. token: $.cookie("token")
  203. },
  204. success: function(data) {
  205. var Count = data.data;
  206. for(var i = 0; i < Count.length; i++) {
  207. $("<option value='" + Count[i].id + "'>" + Count[i].usercode + "(" + Count[i].title + ")</option>").appendTo($("#task_account"));
  208. }
  209. $('#task_account').selectpicker('refresh');
  210. }
  211. });
  212. }
  213. //切换操作
  214. function tabs() {
  215. var tab_index = $(this).index();
  216. $('#tab_index').val(tab_index);
  217. $(this).addClass('tab_head_active').siblings().removeClass('tab_head_active');
  218. $('#tab_contents .tabs_details').eq(tab_index).addClass('showtabs').siblings().removeClass('showtabs');
  219. initTable(tab_index);
  220. }
  221. //结束时间 超期变红
  222. function endTime(val, row){
  223. var d=val.replace(/-/g, "/");
  224. var curDate=new Date().getFullYear()+"-"+(new Date().getMonth()+1)+"-"+new Date().getDate();
  225. curDate=curDate.replace(/-/g,"/");
  226. var str='';
  227. if(Date.parse(d)>= Date.parse(curDate)){
  228. str='<div>'+ val +'</div>';
  229. }else{
  230. str='<div style="color:red;">'+ val +'</div>';
  231. }
  232. return str
  233. }
  234. //查看价格历史(接包方/坐席)
  235. function btn_seePricesHis(seePricesHisParam){
  236. layer.open({
  237. type: 2,
  238. content: "../templateHtml/seePricesHis.html?seePricesHisParam=" + seePricesHisParam, //iframe的url,no代表不显示滚动条
  239. title: '价格历史',
  240. area: ['80%', '90%'], //宽高
  241. });
  242. }