ZZDianXin_UI - 郑州电信 演示

index.js 27KB

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