ZZDianXin_UI - 郑州电信 演示

index.js 27KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039
  1. $(document).ready(function() {
  2. if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  3. $(".title-box").hide();
  4. }
  5. if($.cookie("token") == null) {
  6. window.location.href = "login.html";
  7. }
  8. obj.AgentExten = $.cookie("extno");
  9. if(obj.AgentExten == undefined) {
  10. $(".Gnumbox").hide();
  11. }
  12. $(".Gnum").text(obj.AgentExten);
  13. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  14. "token": $.cookie("token")
  15. }, function(result) {
  16. if(result.state.toLowerCase() == "success") {
  17. console.log(result);
  18. $(".username").text(result.data.user.F_UserName);
  19. $('.user_code').text(result.data.user.F_UserCode);
  20. localStorage.setItem('F_UserCode', result.data.user.F_UserCode)
  21. $('.group').text(result.data.user.F_SeartGroup);
  22. $('#groupcode').val(result.data.user.groupcode);
  23. if(result.data.role) {
  24. $(".rolename").text(result.data.role.F_RoleName);
  25. }
  26. if(result.data.FileUrl[0]){
  27. $(".yhtx").attr("src", result.data.FileUrl[0].F_Url);
  28. }
  29. //alert($.cookie("extno")+"+"+result.data.user.F_UserCode+"+"+$.cookie("User"))
  30. obj.AgentGroup = result.data.user.F_SeartGroupID;
  31. obj.AgentID = result.data.user.F_UserCode;
  32. if(result.data.user.F_SeatFlag) {
  33. Connect();
  34. $("#top-search").show();
  35. $(".phoneBZ").show();
  36. $(".zts").show();
  37. }
  38. }
  39. })
  40. //分机号
  41. //话务相关
  42. $("#top-search li").click(function() {
  43. if($(this).find("i").hasClass("active")) {
  44. if(obj.AgentID) {
  45. var fun = $(this).attr("datafun");
  46. obj.Type = fun;
  47. switch(fun) {
  48. case "Login":
  49. // obj.AgentGroup = "364";
  50. obj.AgentType = "0";
  51. Send();
  52. break; //签入
  53. case "MakeCall":
  54. $(".hidCallID").val("");
  55. $("#hidwhtype").val(fun);
  56. whtp();
  57. break; //外呼
  58. case "Meeting":
  59. $("#hidwhtype").val(fun);
  60. whtp();
  61. break; //多方通话
  62. case "Transfer":
  63. $("#hidwhtype").val(fun);
  64. whtp();
  65. break; //转移
  66. default:
  67. Send();
  68. break;
  69. }
  70. }
  71. }
  72. });
  73. //关闭外呼弹屏
  74. $(".closes").click(function() {
  75. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  76. $(".WH").addClass("hidens");
  77. })
  78. //键盘事件外呼
  79. document.onkeydown = function(e) {
  80. var theEvent = window.event || e;
  81. var code = theEvent.keyCode || theEvent.which;
  82. if(code == 13) {
  83. $(".CallOut").click();
  84. }
  85. }
  86. //外呼呼出
  87. $(".CallOut").click(function(event) {
  88. event.stopPropagation();
  89. if($("#Result").val()) {
  90. $.ajax({
  91. type: "get",
  92. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  93. async: true,
  94. dataType: 'json',
  95. data: {
  96. token: $.cookie("token"),
  97. phone: $("#Result").val()
  98. },
  99. success: function(result) {
  100. // result = $.parseJSON(result);
  101. if(result.state.toLowerCase() == "success") {
  102. var guid = uuid();
  103. obj.Type = $("#hidwhtype").val();
  104. obj.DestinationNumber = result.data.phone;
  105. obj.Header = result.data.fix;
  106. top.obj.TaskType = "0"; //0:拨号外呼;1:95005回访外呼;2:电销回访外呼
  107. top.obj.TaskPhoneID = ""; //回访的电话ID
  108. top.obj.TaskID = guid; //回访记录编号
  109. Send();
  110. $('#Result').val('');
  111. $(".WH").addClass("hidens");
  112. }
  113. }
  114. });
  115. }
  116. })
  117. //外呼弹屏数字键盘样式
  118. $(".Num_ul div").mousedown(function() {
  119. $(this).addClass("actives");
  120. $(".img").removeClass("hidens");
  121. }).mouseup(function() {
  122. $(this).removeClass("actives");
  123. })
  124. //外呼弹屏数字键盘号码输入
  125. $(".Num_ul li div").click(function() {
  126. var rt = $("#Result").val() + "";
  127. if(rt.length < 18) {
  128. rt = rt + $(this).find("a").text();
  129. $("#Result").val(rt);
  130. }
  131. });
  132. //外呼弹屏数字键盘号码截取
  133. $(".img").click(function() {
  134. var Result = $("#Result").val() + "";
  135. Result = Result.substr(0, Result.length - 1);
  136. $("#Result").val(Result);
  137. if(Result.length == 0) {
  138. $(".img").addClass("hidens");
  139. }
  140. })
  141. //外呼电话列表
  142. $(".bg_title li").click(function() {
  143. $(this).addClass("lactive").siblings().removeClass("lactive");
  144. loadWH();
  145. })
  146. $(".ty").click(function() {
  147. loadWH();
  148. })
  149. //加载部门人员
  150. $("#zrbmname").click(function() {
  151. if($(".zrbmmenu").is(":hidden")) {
  152. $(".zrbmmenu").show();
  153. } else {
  154. $(".zrbmmenu").hide();
  155. }
  156. })
  157. $("#clbmname").click(function() {
  158. if($(".clbmmenu").is(":hidden")) {
  159. $(".clbmmenu").show();
  160. } else {
  161. $(".clbmmenu").hide();
  162. }
  163. })
  164. $(".col-sm-3").mouseleave(function() {
  165. $(".ztree").parent().hide();
  166. })
  167. //创建投诉工单
  168. $(".addts").click(function() {
  169. var marketName = $("#marketName").val();
  170. var marketTel = $("#marketTel").val();
  171. var lddep_market = $("#lddep").val();
  172. var fkdep_market = $("#fkdep_market").val();
  173. var fkcont_market = $("#fkcont_market").val();
  174. var callid = $(".hidCallID").val();
  175. if(!marketName) {
  176. layer.confirm('请输入姓名!', {
  177. btn: ['确定']
  178. });
  179. return;
  180. }
  181. if(!marketTel) {
  182. layer.confirm('请输入电话!', {
  183. btn: ['确定']
  184. });
  185. return;
  186. }
  187. if(!lddep_market) {
  188. layer.confirm('请选择来电单位!', {
  189. btn: ['确定']
  190. });
  191. return;
  192. }
  193. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  194. callCustomer: marketName,
  195. tel: marketTel,
  196. lddep: lddep_market,
  197. fkdep: fkdep_market,
  198. fkcont: fkcont_market,
  199. "token": $.cookie("token")
  200. }, function(result) {
  201. result = $.parseJSON(result);
  202. if(result.state.toLowerCase() == "success") {
  203. loadOld();
  204. $("#marketName").val('');
  205. $("#marketTel").val('');
  206. $("#lddep_market").val('');
  207. $("#fkdep_market").val('');
  208. $("#fkcont_market").val('');
  209. layer.msg("创建工单成功");
  210. }
  211. })
  212. })
  213. //加载知识库
  214. // loadZSK();
  215. //加载左侧导航菜单
  216. loadMenu();
  217. workcount();
  218. setInterval(function() {
  219. workcount();
  220. }, huayi.config.menuworktime);
  221. //关闭录音弹出
  222. $(".setwin").click(function() {
  223. $(".t-shade").removeClass("cx");
  224. $('audio')[0].pause();
  225. });
  226. //修改密码开始
  227. $('.shezhi').click(function() {
  228. Dialog('dialogDrag', 'dialogMove');
  229. showDialog();
  230. //侦听浏览器窗口大小变化
  231. //window.onresize = showDialog;
  232. $.ajax({
  233. type: "get",
  234. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  235. async: true,
  236. dataType: 'json',
  237. data: {
  238. token: $.cookie("token")
  239. },
  240. success: function(result) {
  241. if(result.state.toLowerCase() == "success") {
  242. var con = result.data.user;
  243. console.log(con)
  244. $('.mgh').val(con.F_UserId);
  245. $('.mn').val(con.F_UserName);
  246. $('.mobile').val(con.F_Mobile);
  247. $('.fenji').val($.cookie("extno"));
  248. //$('.wxno').val(con.F_WXNo);
  249. // $('.spwd').val(con.F_Password);
  250. }
  251. }
  252. });
  253. })
  254. //tab切换
  255. $('.perTab li').click(function() {
  256. $(this).addClass('sel').siblings().removeClass('sel');
  257. var index = $(this).index();
  258. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  259. })
  260. //编辑个人资料
  261. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  262. $('.grbj').click(function() {
  263. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  264. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  265. $('.grbtn').attr('disabled', false);
  266. })
  267. //取消编辑
  268. $('.grqx').click(function() {
  269. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  270. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  271. $('.grbtn').attr('disabled', true);
  272. })
  273. //关闭按钮
  274. $('.ptr').click(function() {
  275. hideDialog();
  276. })
  277. $('.grbtn').click(function() {
  278. var gh = $('.mgh').val();
  279. var xm = $('.mn').val();
  280. var ymm = $('.spwd').val();
  281. var xmm = $('.npwd').val();
  282. var qmm = $('.epwd').val();
  283. if(xmm !== qmm) {
  284. $('.wrong').show();
  285. $('.npwd').val('')
  286. $('.epwd').val('')
  287. } else if(xmm == '') {
  288. layer.msg("密码不允许为空!");
  289. } else {
  290. $('.wrong').hide();
  291. $('.grzl tbody>tr>td input').attr('readonly', true);
  292. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  293. $.ajax({
  294. type: "post",
  295. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  296. async: true,
  297. dataType: 'json',
  298. data: {
  299. token: $.cookie("token"),
  300. usercode: gh,
  301. pwd: xmm,
  302. oldpwd: ymm,
  303. mobile: $('.mobile').val()
  304. },
  305. success: function(result) {
  306. // result = $.parseJSON(result);
  307. if(result.state.toLowerCase() == "success") {
  308. layer.msg("修改成功!");
  309. }
  310. }
  311. });
  312. }
  313. })
  314. //图片裁剪
  315. var o = $(".image-crop > img");
  316. $(o).cropper({
  317. aspectRatio: 1 / 1,
  318. resizable: false,
  319. dragCrop: false,
  320. preview: ".img-preview",
  321. done: function() {}
  322. });
  323. var r = $("#inputImage");
  324. if(window.FileReader) {
  325. r.change(function() {
  326. var e, i = new FileReader,
  327. t = this.files;
  328. if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  329. i.readAsDataURL(e);
  330. i.onload = function() {
  331. r.val("");
  332. o.cropper("reset", !0).cropper("replace", this.result);
  333. }
  334. } else {
  335. alert("请选择图片文件");
  336. }
  337. });
  338. $("#setDrag").click(function() {
  339. o.cropper("setDragMode", "crop");
  340. var img = o.cropper("getDataURL");
  341. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  342. dataurl: encodeURIComponent(img),
  343. "token": $.cookie("token")
  344. }, function(result) {
  345. result = $.parseJSON(result);
  346. if(result.state.toLowerCase() == "success") {
  347. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
  348. layer.msg("上传成功");
  349. hideDialog();
  350. }
  351. })
  352. });
  353. $("#zoomIn").click(function() {
  354. o.cropper("zoom", .1)
  355. });
  356. $("#zoomOut").click(function() {
  357. o.cropper("zoom", -.1)
  358. });
  359. $("#rotateLeft").click(function() {
  360. o.cropper("rotate", 45)
  361. });
  362. $("#rotateRight").click(function() {
  363. o.cropper("rotate", -45)
  364. });
  365. } else {
  366. r.addClass("hide");
  367. }
  368. $(".add_").click(function() {
  369. //联系人
  370. var callCustomer = $("#callCustomer").val();
  371. //来电号码
  372. var tel = $("#Tel").val();
  373. //来电单位
  374. var lddep = $('#lddep').val();
  375. //反馈单位
  376. var fkdep = $("#fkdep").val();
  377. ///工单来源id
  378. var gdly = $("#DicValueList").val();
  379. //工单类型id
  380. var gdlx = $("#OPID").val();
  381. //工单状态id
  382. var gdzt = $("#State").val();
  383. //反馈内容
  384. var fkcont = $("#fkcont").val();
  385. //快递信息
  386. var sendmsg = $('#sendmsg').val();
  387. //备注一
  388. var note1 = $("#note1").val();
  389. //备注二
  390. var note2 = $("#note2").val();
  391. //备注三
  392. var note3 = $("#note3").val();
  393. //callid
  394. var callid = $("#hidCallID").val();
  395. var type = "1";
  396. if(!callCustomer) {
  397. layer.confirm('请输入姓名!', {
  398. btn: ['确定']
  399. });
  400. return;
  401. }
  402. if(!tel) {
  403. layer.confirm('请输入电话!', {
  404. btn: ['确定']
  405. });
  406. return;
  407. }
  408. if(!lddep) {
  409. layer.confirm('请选择来电单位!', {
  410. btn: ['确定']
  411. });
  412. return;
  413. }
  414. if(!fkdep) {
  415. layer.confirm('请选择反馈单位!', {
  416. btn: ['确定']
  417. });
  418. return;
  419. }
  420. if(!gdly) {
  421. layer.confirm('请选择工单来源!', {
  422. btn: ['确定']
  423. });
  424. return;
  425. }
  426. if(!gdlx) {
  427. layer.confirm('请选择工单类型!', {
  428. btn: ['确定']
  429. });
  430. return;
  431. }
  432. if(!gdzt) {
  433. layer.confirm('请选择工单状态!', {
  434. btn: ['确定']
  435. });
  436. return;
  437. }
  438. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  439. callCustomer: callCustomer,
  440. tel: tel,
  441. lddep: lddep,
  442. fkdep: fkdep,
  443. gdly: gdly,
  444. gdlx: gdlx,
  445. gdzt: gdzt,
  446. fkcont: fkcont,
  447. sendmsg: sendmsg,
  448. note1: note1,
  449. note2: note2,
  450. note3: note3,
  451. callid: callid,
  452. "token": $.cookie("token")
  453. }, function(result) {
  454. result = $.parseJSON(result);
  455. if(result.state.toLowerCase() == "success") {
  456. loadOld();
  457. $("#callCustomer").val('');
  458. //来电号码
  459. $("#Tel").val('');
  460. //来电单位
  461. $('#lddep').val('');
  462. //反馈单位
  463. $("#fkdep").val('');
  464. ///工单来源id
  465. $("#DicValueList").val('');
  466. //工单类型id
  467. $("#OPID").val('');
  468. //工单状态id
  469. $("#State").val('');
  470. //反馈内容
  471. $("#fkcont").val('');
  472. //快递信息
  473. $('#sendmsg').val('');
  474. //备注一
  475. $("#note1").val('');
  476. //备注二
  477. $("#note2").val('');
  478. //备注三
  479. $("#note3").val('');
  480. layer.msg("创建工单成功");
  481. }
  482. })
  483. })
  484. $('.pre-add').click(function() {
  485. var par = $(this).parent().parent();
  486. par.hide().siblings().show();
  487. })
  488. })
  489. //菜单数字
  490. function workcount() {
  491. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  492. "token": $.cookie("token")
  493. }, function(result) {
  494. if(result.state.toLowerCase() == "success") {
  495. $(".dcl").text(result.data.dcl);
  496. $(".ycl").text(result.data.ycl);
  497. $(".zhcx").text(result.data.zhcx);
  498. }
  499. })
  500. }
  501. //上传头像
  502. function uploadtx() {
  503. if(document.getElementById("upFile").files.length > 0) {
  504. var formData = new FormData();
  505. formData.append("upFile", document.getElementById("upFile").files[0]);
  506. formData.append("token", $.cookie("token"));
  507. $.ajax({
  508. url: huayi.config.callcenter_url + "Index/UploadTX",
  509. type: "POST",
  510. data: formData,
  511. /**
  512. *必须false才会自动加上正确的Content-Type
  513. */
  514. contentType: false,
  515. /**
  516. * 必须false才会避开jQuery对 formdata 的默认处理
  517. * XMLHttpRequest会对 formdata 进行正确的处理
  518. */
  519. processData: false,
  520. success: function(result) {
  521. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  522. $("#upFile").change(function() {
  523. uploadtx();
  524. });
  525. var r = $.parseJSON(result);
  526. if(r.state.toLowerCase() == "success") {
  527. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  528. layer.msg("上传成功");
  529. }
  530. }
  531. });
  532. } else {
  533. layer.confirm('请上传文件!', {
  534. btn: ['确定']
  535. });
  536. }
  537. }
  538. function GetCallState(val) {
  539. if(val == '1') {
  540. return '已接通';
  541. } else {
  542. return '未接通';
  543. }
  544. }
  545. //音频
  546. function setCode(val) {
  547. if(val) {
  548. return '<div class="imgs" style="cursor: pointer;">' +
  549. '<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  550. '</div>';
  551. } else {
  552. return '';
  553. }
  554. }
  555. //录音
  556. function ck(val) {
  557. var path = $(val).attr("item");
  558. $(".t-shade").addClass("cx");
  559. $(".Ly_box").empty();
  560. $(".down").attr("href", path);
  561. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  562. }
  563. function GetDealState(val) {
  564. if(val == '1') {
  565. return '已处理';
  566. } else {
  567. return '未处理';
  568. }
  569. }
  570. function GetStateName(val) {
  571. var str = '';
  572. switch(val + '') {
  573. case '0':
  574. str = "待处理";
  575. break;
  576. case '1':
  577. str = "已处理";
  578. break;
  579. }
  580. return str;
  581. }
  582. function GetCont(val) {
  583. var str = '<div '
  584. if(val.length > 20) {
  585. str = str + ' title="' + val + '" ';
  586. val = val.substr(0, 20) + "...";
  587. }
  588. return str + '>' + val + '</div>';
  589. }
  590. //获取类型
  591. function getLX(obj, type) {
  592. obj.empty();
  593. $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
  594. "flag": type,
  595. "token": $.cookie("token")
  596. }, function(result) {
  597. if(result.state.toLowerCase() == "success") {
  598. $(result.data).each(function(i, n) {
  599. obj.append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  600. })
  601. }
  602. })
  603. }
  604. //获取部门
  605. var setting = {
  606. data: {
  607. key: {
  608. name: "F_DeptName"
  609. },
  610. simpleData: {
  611. enable: true,
  612. idKey: "F_DeptId",
  613. pIdKey: "F_ParentId",
  614. rootPId: 0
  615. }
  616. },
  617. callback: {
  618. onClick: zTreeOnClick
  619. }
  620. };
  621. function getBM(obj) {
  622. $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
  623. "token": $.cookie("token")
  624. }, function(result) {
  625. if(result.state.toLowerCase() == "success") {
  626. $.fn.zTree.init(obj, setting, result.data);
  627. }
  628. })
  629. }
  630. function zTreeOnClick(event, treeId, treeNode) {
  631. var obj = $("#" + event.data.treeId).parent();
  632. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  633. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  634. obj.hide();
  635. if(event.data.treeId == "zrbmtree") {
  636. getRY($("#zrid"), $("#zrbm").val());
  637. }
  638. if(event.data.treeId == "clbmtree") {
  639. getRY($("#clid"), $("#clbm").val());
  640. }
  641. };
  642. //获取人员
  643. function getRY(obj, deptid) {
  644. obj.empty();
  645. obj.append('<option value="">--请选择--</option>');
  646. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
  647. "deptid": deptid,
  648. "token": $.cookie("token")
  649. }, function(result) {
  650. if(result.state.toLowerCase() == "success") {
  651. $(result.data).each(function(i, n) {
  652. obj.append('<option value="' + n.F_UserId + '">' + n.F_UserName + '</option>');
  653. })
  654. }
  655. })
  656. }
  657. //外呼弹屏
  658. function whtp() {
  659. $("#Result").val("");
  660. if($(".WH").hasClass("fadeOutUp")) {
  661. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  662. }
  663. $(".WH").removeClass("hidens");
  664. $('.first').removeClass('first');
  665. $('.WH').addClass('first');
  666. loadWH();
  667. }
  668. //加载外呼电话列表
  669. function loadWH() {
  670. $(".phonediv").hide();
  671. var n = $(".bg_title .lactive").attr("itemid");
  672. switch(n) {
  673. case '0':
  674. var obj = $(".phonediv").eq(0);
  675. obj.show();
  676. //先销毁表格
  677. var table = obj.find(".phonelist");
  678. table.bootstrapTable('destroy');
  679. //初始化表格,动态从服务器加载数据
  680. table.bootstrapTable({
  681. method: "get", //使用get请求到服务器获取数据
  682. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  683. contentType: 'application/x-www-form-urlencoded',
  684. striped: true, //表格显示条纹
  685. pagination: true, //启动分页
  686. pageSize: 10, //每页显示的记录数
  687. pageNumber: 1, //当前第几页
  688. pageList: [10, 20, 50, 100], //记录数可选列表
  689. search: false, //是否启用查询
  690. showColumns: false, //显示下拉框勾选要显示的列
  691. showRefresh: false, //显示刷新按钮
  692. sidePagination: "server", //表示服务端请求
  693. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  694. //设置为limit可以获取limit, offset, search, sort, order
  695. queryParamsType: "undefined",
  696. queryParams: function queryParams(params) { //设置查询参数
  697. var param = {
  698. page: params.pageNumber,
  699. pagesize: params.pageSize,
  700. tel: $("#lastphone").val(),
  701. token: $.cookie("token")
  702. };
  703. return param;
  704. },
  705. onLoadSuccess: function() { //加载成功时执行
  706. //layer.msg("加载成功");
  707. },
  708. onLoadError: function() { //加载失败时执行
  709. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  710. }
  711. });
  712. break;
  713. case '1':
  714. var obj = $(".phonediv").eq(1);
  715. obj.show();
  716. getDepts(); //获取部门下拉
  717. var table = obj.find(".phonelist");
  718. table.bootstrapTable('destroy');
  719. //初始化表格,动态从服务器加载数据
  720. table.bootstrapTable({
  721. method: "get", //使用get请求到服务器获取数据
  722. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  723. contentType: 'application/x-www-form-urlencoded',
  724. striped: true, //表格显示条纹
  725. pagination: true, //启动分页
  726. pageSize: 10, //每页显示的记录数
  727. pageNumber: 1, //当前第几页
  728. pageList: [10, 20, 50, 100], //记录数可选列表
  729. search: false, //是否启用查询
  730. showColumns: false, //显示下拉框勾选要显示的列
  731. showRefresh: false, //显示刷新按钮
  732. sidePagination: "server", //表示服务端请求
  733. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  734. //设置为limit可以获取limit, offset, search, sort, order
  735. queryParamsType: "undefined",
  736. queryParams: function queryParams(params) { //设置查询参数
  737. var param = {
  738. page: params.pageNumber,
  739. pagesize: params.pageSize,
  740. zxzid: $('#s_department').val(),
  741. tel: $("#gsphone").val(),
  742. name: $("#gsname").val(),
  743. token: $.cookie("token")
  744. };
  745. return param;
  746. },
  747. onLoadSuccess: function() { //加载成功时执行
  748. //layer.msg("加载成功");
  749. },
  750. onLoadError: function() { //加载失败时执行
  751. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  752. }
  753. });
  754. break;
  755. case '2':
  756. var obj = $(".phonediv").eq(2);
  757. obj.show();
  758. var table = obj.find(".phonelist");
  759. table.bootstrapTable('destroy');
  760. //初始化表格,动态从服务器加载数据
  761. table.bootstrapTable({
  762. method: "get", //使用get请求到服务器获取数据
  763. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  764. contentType: 'application/x-www-form-urlencoded',
  765. striped: true, //表格显示条纹
  766. pagination: true, //启动分页
  767. pageSize: 10, //每页显示的记录数
  768. pageNumber: 1, //当前第几页
  769. pageList: [10, 20, 50, 100], //记录数可选列表
  770. search: false, //是否启用查询
  771. showColumns: false, //显示下拉框勾选要显示的列
  772. showRefresh: false, //显示刷新按钮
  773. sidePagination: "server", //表示服务端请求
  774. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  775. //设置为limit可以获取limit, offset, search, sort, order
  776. queryParamsType: "undefined",
  777. queryParams: function queryParams(params) { //设置查询参数
  778. var param = {
  779. page: params.pageNumber,
  780. pagesize: params.pageSize,
  781. tel: $("#khphone").val(),
  782. name: $("#khname").val(),
  783. token: $.cookie("token")
  784. };
  785. return param;
  786. },
  787. onLoadSuccess: function() { //加载成功时执行
  788. //layer.msg("加载成功");
  789. },
  790. onLoadError: function() { //加载失败时执行
  791. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  792. }
  793. });
  794. break;
  795. }
  796. }
  797. //格式化最近电话处理方式
  798. function formatterDealType(val, row) {
  799. //处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
  800. var str = '-';
  801. switch(val) {
  802. case 0:
  803. str = 'IVR处理';
  804. break;
  805. case 1:
  806. str = '骚扰电话';
  807. break;
  808. case 2:
  809. str = '自助服务';
  810. break;
  811. case 3:
  812. str = '转值班电话';
  813. break;
  814. case 4:
  815. str = '留言';
  816. break;
  817. case 5:
  818. str = '呼损';
  819. break;
  820. case 6:
  821. str = '人工处理';
  822. break;
  823. }
  824. return str;
  825. }
  826. //获取外呼公司电话下 部门下拉
  827. function getDepts() {
  828. $.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
  829. token: $.cookie("token"),
  830. }, function(data) {
  831. if(data.rows && data.rows.length > 0) {
  832. $('#s_department').html('');
  833. $('#s_department').append('<option value="">请选择</option>');
  834. $.each(data.rows, function(i, v) {
  835. $('<option value="' + v.F_ZXZID + '">' + v.F_ZXZName + '</option>').appendTo($('#s_department'));
  836. });
  837. }
  838. });
  839. }
  840. function view(val) {
  841. var str = '';
  842. if(val) {
  843. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  844. }
  845. return str;
  846. }
  847. function call(val) {
  848. $("#Result").val(val);
  849. $(".img").removeClass("hidens");
  850. }
  851. function logout() {
  852. if(!$('.Logout').hasClass('active')) {
  853. $.ajax({
  854. url: huayi.config.callcenter_url + "Login/Logout",
  855. data: {
  856. token: $.cookie("token")
  857. },
  858. dataType: "json",
  859. success: function(res) {
  860. if(res.state) {
  861. location.href = "./login.html";
  862. }
  863. }
  864. });
  865. } else {
  866. layer.msg("退出失败!");
  867. }
  868. }
  869. //加载左侧导航菜单
  870. function loadMenu() {
  871. $.ajaxSettings.async = false;
  872. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  873. "token": $.cookie("token")
  874. }, function(result) {
  875. $.ajaxSettings.async = true;
  876. if(result.state.toLowerCase() == "success") {
  877. var data = result.data;
  878. var _html = "";
  879. $.each(data, function(i) {
  880. var row = data[i];
  881. if(row.F_ParentID == "0") {
  882. _html += '<li>';
  883. _html += '<a class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl + '"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName + '</span><span class="fa arrow"></span></a>';
  884. var childNodes = row.ChildNodes; //二级
  885. if(childNodes.length > 0) {
  886. _html += '<ul class="nav nav-second-level">';
  887. $.each(childNodes, function(i) {
  888. var subrow = childNodes[i];
  889. var childNodsThird = subrow.ChildNodes; //三级
  890. if(childNodsThird.length > 0) {
  891. _html += '<li>';
  892. _html += '<a href="' + subrow.F_OptUrl + '">';
  893. _html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
  894. _html += '<span class="fa arrow"></span>';
  895. _html += '</a>';
  896. _html += '<ul class="nav nav-third-level">';
  897. $.each(childNodsThird, function(i) {
  898. var subrowThird = childNodsThird[i];
  899. _html += '<li>';
  900. _html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl + '" >' + subrowThird.F_ModuleName + '</a>';
  901. _html += '</li>';
  902. });
  903. _html += '</ul>';
  904. } else {
  905. _html += '<li>';
  906. _html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl + '" >' + subrow.F_ModuleName + '</a>';
  907. if(subrow.F_Button != '') {
  908. _html += '<span class="' + subrow.F_Button + '"></span>';
  909. }
  910. _html += '</li>';
  911. }
  912. });
  913. _html += '</ul>';
  914. }
  915. _html += '</li>';
  916. }
  917. });
  918. // $("#sidebar-nav ul").prepend(_html);
  919. $(_html).appendTo("#side-menu");
  920. } else {
  921. window.location.href = "/login.html";
  922. }
  923. })
  924. }
  925. ////跳转
  926. function Jumps() {
  927. $("iframe:visible")[0].src = "widgets.html"
  928. $(".J_menuTab").eq(0).addClass("active").text('首页');
  929. $(".J_menuTab").eq(0).attr("data-id", 'widgets.html');
  930. $(".J_mainContent .J_iframe0").attr("data-id", "widgets.html");
  931. }
  932. //软电话开始
  933. //电话显示隐藏
  934. $('.open-softphone').click(function () {
  935. if ($(".softphone-box").hasClass("active")) {
  936. $(".softphone-box").css("display","none");
  937. $(".softphone-box").removeClass("active fadeInRight animated");
  938. }else{
  939. // testStart();
  940. // setTimeout(function () {
  941. // reg();
  942. // }, 2000)
  943. $(".td-call").hide();
  944. $(".tooltip_text").text("分机号:"+$.cookie("extno"))
  945. $(".softphone-box").css("display","block");
  946. $(".softphone-box").addClass("active fadeInRight animated");
  947. }
  948. })
  949. //电话号码显示
  950. $(".phoneNum_box ul li").click(function() {
  951. var pTR = $(".phTooltipResult").val() + "";
  952. if(pTR.length < 18) {
  953. pTR = pTR + $(this).text();
  954. $(".phTooltipResult").val(pTR);
  955. }
  956. });
  957. //清楚电话号码
  958. $(".phoneNum_clear").click(function() {
  959. var phToolResult = $(".phTooltipResult").val() + "";
  960. phToolResult = phToolResult.substr(0, phToolResult.length - 1);
  961. $(".phTooltipResult").val(phToolResult);
  962. })
  963. $(".phTooltipResult").focus(function () {
  964. //键盘事件外呼
  965. document.onkeydown = function(e) {
  966. var theEvent = window.event || e;
  967. var code = theEvent.keyCode || theEvent.which;
  968. if(code == 13) {
  969. testCall()
  970. }
  971. }
  972. });
  973. function clearInter() {
  974. clearInterval(timer);
  975. }
  976. //通话中执行变化
  977. var timer, n = 0;
  978. function calling() {
  979. $(".td-call").show();
  980. n = 0;
  981. clearInterval(timer);
  982. timer = setInterval(function() {
  983. n++;
  984. var m = parseInt(n / 60 % 60);
  985. var s = parseInt(n % 60);
  986. $(".call_time").text(toDub(m) + ":" + toDub(s));
  987. }, 1000);
  988. }
  989. function toDub(i) {
  990. return i < 10 ? "0" + i : "" + i;
  991. }