暫無描述

main.js 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885
  1. if (typeof console == "undefined") {
  2. this.console = { log: function (msg) { } };
  3. }
  4. // 如果浏览器不支持websocket,会使用这个flash自动模拟websocket协议,此过程对开发者透明
  5. WEB_SOCKET_SWF_LOCATION = "./js/websocket/WebSocketMain.swf";
  6. // 开启flash的websocket debug
  7. WEB_SOCKET_DEBUG = true;
  8. var ws, n = 0,
  9. timer;
  10. var lockReconnect = false; //避免重复连接
  11. var callbackState = false;
  12. var obj = {};
  13. var Statess;
  14. var cls = 0;
  15. var lasttime = new Date().getTime();
  16. //创建scoket连接
  17. function createWebSocket() {
  18. try {
  19. $("#top-search li i").removeClass("active");
  20. Connect();
  21. } catch (e) {
  22. reconnect();
  23. }
  24. }
  25. //连接
  26. function Connect() {
  27. // ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
  28. if($.cookie("code")!="spdbzy"){
  29. ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
  30. } else {
  31. ws = new WebSocket(huayi.config.videoSocket_url);
  32. }
  33. console.log(ws)
  34. ws.onopen = function () {
  35. console.log(new Date() + " " + "建立连接");
  36. //心跳检测重置
  37. heartCheck.reset().start();
  38. cls = 0;
  39. $(".Login").addClass("active");
  40. $(".callOutLogin").addClass("active");
  41. lasttime = new Date().getTime();
  42. };
  43. //接收到消息的回调方法
  44. ws.onmessage = function (evt) {
  45. //如果获取到消息,心跳检测重置
  46. //拿到任何消息都说明当前连接是正常的
  47. heartCheck.reset().start();
  48. var myDate = new Date();
  49. // console.log("evt", evt);
  50. console.log(myDate + " receive " + evt.data);
  51. // evt.data 数据不为空
  52. if (evt.data) {
  53. var data = JSON.parse(evt.data)[0];
  54. }
  55. if (data) {
  56. var rlt = data.Result;
  57. if (rlt == true) {
  58. var type = data.Type;
  59. switch (type.toLowerCase()) {
  60. //case "heart": HeartBack(); break;//心跳
  61. case "login":
  62. LoginBack();
  63. break; //签入
  64. case "logout":
  65. LogoutBack();
  66. break; //签出
  67. case "dropcall":
  68. DropCallBack();
  69. break; //挂断
  70. case "makecall":
  71. MakeCallBack();
  72. break; //外呼
  73. case "setstate":
  74. SetState(data);
  75. break; //置忙置闲
  76. //case "saybusy": SayBusyBack(data); break;
  77. //case "sayfree": SayFreeBack(data); break;
  78. case "meeting":
  79. MeetingBack();
  80. break; //多方通话
  81. case "meetingtakeback":
  82. MeetingTakeBackFun();
  83. break; //多方通话回签
  84. case "transfer":
  85. TransferBack();
  86. break; //转移
  87. case "hold":
  88. HoldBack();
  89. break; //保持
  90. case "retrieve":
  91. RetrieveBack();
  92. break; //接回
  93. case "incoming":
  94. IncomingBack(data);
  95. break; //来电
  96. case "subscribe":
  97. SubScribeBack();
  98. break; //监测
  99. case "subscribecancel":
  100. SubScribeCancelBack();
  101. break; //停止监测
  102. case "agentstate":
  103. AgentStateBack(data);
  104. break; //坐席状态
  105. case "linestate":
  106. LineStateBack(data);
  107. break; //线路状态
  108. case "motorsetstate":
  109. SayFreeBack();
  110. break; //班长置闲
  111. case "linestateagent":
  112. LineStateAgentBack(data);
  113. break; //线路状态通知
  114. case "agentstateagent":
  115. AgentStateAgentBack(data);
  116. break; //坐席状态通知
  117. // case "callid":
  118. // CallIDBack(data);
  119. // break; //获取callid
  120. case "recordpath":
  121. RecordPathBack(data);
  122. break; //录音返回
  123. case "getagentlist":
  124. GetAgentListBack(data);
  125. break;//在线坐席信息
  126. case "confirmtransfer":
  127. ConfirmTransfer(data);
  128. break;//确认转移 取消转移
  129. case "consult":
  130. ConsultationCall();
  131. break;//协商呼叫
  132. case "forcelogout":
  133. break;// 强制签出(主控)
  134. case "motorlogout":
  135. LogoutBack()
  136. break;// 强制签出(被控)
  137. }
  138. } else {
  139. if (rlt == false) {
  140. switch (data.Type.toLowerCase()) {
  141. //case "heart": HeartBack(); break;//心跳
  142. case "makecall":
  143. MakeCallBackFalse();
  144. break; //签入
  145. }
  146. //layer.confirm('操作失败!', {
  147. // btn: ['确定']
  148. //});
  149. $(".hwzt").text('操作失败!');
  150. } else {
  151. $(".hwzt").text(rlt);
  152. //layer.confirm(rlt, {
  153. // btn: ['确定']
  154. //});
  155. switch (data.Type.toLowerCase()) {
  156. case "waitcount":
  157. console.log("等待++++++++++++++")
  158. console.log(data)
  159. backstageQueue(data);
  160. break;//后台排队
  161. }
  162. }
  163. }
  164. }
  165. };
  166. //连接关闭的回调方法
  167. ws.onclose = function (evt) {
  168. if (cls == 0) {
  169. cls = 1;
  170. //console.log("连接关闭!");
  171. //layer.confirm('连接关闭!', {
  172. // btn: ['确定']
  173. //});
  174. $(".hwzt").text('连接关闭!');
  175. console.log("断开了")
  176. $("#top-search li i").removeClass("active");
  177. reconnect();
  178. }
  179. };
  180. //连接发生错误的回调方法
  181. ws.onerror = function (evt) {
  182. //产生异常
  183. $(".hwzt").text('连接出现异常!');
  184. console.log(ws);
  185. if (ws == null || ws.readyState != ws.OPEN) {
  186. console.log(new Date() + "开始重连");
  187. reconnect();
  188. }
  189. };
  190. }
  191. //重连
  192. function reconnect() {
  193. if (lockReconnect) return;
  194. lockReconnect = true;
  195. //没连接上会一直重连,设置延迟避免请求过多
  196. setTimeout(function () {
  197. console.log(new Date() + " " + "重连中……");
  198. createWebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
  199. lockReconnect = false;
  200. }, 2000);
  201. }
  202. //发送
  203. function Send() {
  204. if (ws.readyState != ws.OPEN) {
  205. reconnect();
  206. }
  207. if (ws.readyState == ws.OPEN) {
  208. console.log(new Date() + " send " + JSON.stringify(obj));
  209. ws.send(JSON.stringify(obj));
  210. obj.Type = "";
  211. }
  212. }
  213. //心跳检测
  214. var heartCheck = {
  215. timeout: 25000, //25秒
  216. timeoutObj: null,
  217. serverTimeoutObj: null,
  218. reset: function () {
  219. clearTimeout(this.timeoutObj);
  220. clearTimeout(this.serverTimeoutObj);
  221. return this;
  222. },
  223. start: function () {
  224. var self = this;
  225. this.timeoutObj = setTimeout(function () {
  226. //这里发送一个心跳,后端收到后,返回一个心跳消息,
  227. //onmessage拿到返回的心跳就说明连接正常
  228. obj.Type = "Heart";
  229. Send();
  230. self.serverTimeoutObj = setTimeout(function () { //如果超过一定时间还没重置,说明后端主动断开了
  231. ws.close(); //如果onclose会执行reconnect,我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
  232. }, self.timeout)
  233. }, this.timeout)
  234. }
  235. }
  236. //签入
  237. function LoginBack() {
  238. $("#top-search li i").removeClass("active");
  239. $(".Logout").addClass("active");
  240. $(".SayBusy").addClass("active");
  241. $(".MakeCall").addClass("active");
  242. $(".zxzt").removeClass("br").addClass("bl");
  243. $(".fwzt").removeClass("br").addClass("bl");
  244. $(".hwzt").text('');
  245. $('.Consult').addClass("active");
  246. // if($.cookie("socket_state") == null){
  247. // SetStateCookie(0);
  248. // }
  249. $("#isml").val(1);
  250. // SetStateCookie(1);
  251. obj.Type = "SayBusy";
  252. Send();
  253. }
  254. //签出
  255. function LogoutBack() {
  256. $("#top-search li i").removeClass("active");
  257. $(".Login").addClass("active");
  258. $(".callOutLogin").addClass("active");
  259. $(".zxzt").removeClass("bl").addClass("br");
  260. $(".fwzt").removeClass("bl").addClass("br");
  261. $(".hwzt").text('');
  262. // SetStateCookie(2);
  263. }
  264. //来电
  265. function IncomingBack(data) {
  266. $(".voiceToTextContext").html('')
  267. $(".ldhm").val(data.Number);
  268. $(".hidTel").val(data.Number);
  269. $(".tel").text(data.Number);
  270. $(".ldtime").text(getNowFormatDate());
  271. $(".thsc").text("00:00");
  272. $(".hidCallID").val(data.CallID);
  273. $("#phonetype").val(data.TrunkNumber);
  274. if(data.TrunkNumber=='12348'){
  275. $("#phonetype1").show();
  276. $("#phonetype2").show();
  277. }
  278. //获取客户信息
  279. console.log($(".hidTel").val())
  280. $(".ttsdh").text($(".hidTel").val());
  281. $(".tsdh").val($(".hidTel").val());
  282. $(".tsdh").attr('readonly',true);
  283. $(".contactdh").val($(".hidTel").val());
  284. // $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCustomerByTel', {
  285. // "tel": $(".hidTel").val(),
  286. // "token": $.cookie("token")
  287. // }, function (result) {
  288. // if (result.state.toLowerCase() == "success") {
  289. // if (result.data.length > 0) {
  290. // $(".khmc").val(result.data[0].F_CustomerName);
  291. // $(".tkhmc").text(result.data[0].F_CustomerName);
  292. // $("#khid").val(result.data[0].F_CustomerId);
  293. // $(".lxdh").val(result.data[0].F_Telephone);
  294. // //$(".tsdh").val(result.data[0].F_Mobile);
  295. // //$(".ttsdh").text(result.data[0].F_Mobile);
  296. // $(".lxr").val(result.data[0].F_CustomerEName);
  297. // $(".postcode").val(result.data[0].F_PostCode);
  298. // $(".email").val(result.data[0].F_Email);
  299. // }
  300. // else {
  301. // $(".khmc").val("");
  302. // $(".tkhmc").text("");
  303. // $("#khid").val("");
  304. // $(".lxr").val("");
  305. // $(".postcode").val("");
  306. // $(".email").val("");
  307. // }
  308. // }
  309. // })
  310. $('.maxOpen').trigger("click");
  311. $('.head-pic .lahei .la-before').show();
  312. //触发来电类型第一个 点击;
  313. $("#dicValueList li:first-child").find("label").trigger('click');
  314. $('.head-pic .lahei .la-after').hide();
  315. $(".Bacha").hide();
  316. /*
  317. 弹屏状态
  318. bounceScreenStatus
  319. 0、关闭
  320. 1、打开
  321. */
  322. $("#bounceScreenStatus").val("1")
  323. // 历史记录 历史工单
  324. if($.cookie("code")!="spdbzy"){
  325. //获取电话所属地
  326. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
  327. "tel": $(".hidTel").val(),
  328. "token": $.cookie("token")
  329. }, function (result) {
  330. if (result.state.toLowerCase() == "success") {
  331. $(".ldlocation").text(result.data[0].F_Name);
  332. $(".khgsd").text(result.data[0].F_Name);
  333. }
  334. })
  335. $.getJSON(huayi.config.callcenter_url + 'Callrecords/GetCallRecords', {
  336. "callid": $(".hidCallID").val(), //679066 $(".hidCallID").val()
  337. "token": $.cookie("token")
  338. }, function (result) {
  339. if (result.state.toLowerCase() == "success") {
  340. if (result.data&&result.data.Business) {
  341. $('#businessType').val(1)
  342. } else{
  343. $('#businessType').val(0)
  344. }
  345. }
  346. })
  347. loadOld()
  348. }else{
  349. getTelephone(data.Number)
  350. }
  351. }
  352. var formatDateTime = function(date) {
  353. var date = new Date();
  354. var y = date.getFullYear().toString();
  355. var m = date.getMonth() + 1;
  356. m = m < 10 ? ('0' + m) : m;
  357. var d = date.getDate();
  358. d = d < 10 ? ('0' + d) : d;
  359. console.log(y + m + d)
  360. return y + m + d
  361. // +' '+h+':'+minute+':'+second;
  362. };
  363. var signcode = "index/gettelephone+" + formatDateTime()
  364. function getTelephone(number){
  365. $.ajax({
  366. type: "get",
  367. url: huayi.config.callcenter_url +"index/gettelephone",
  368. dataType: "json",
  369. async: true,
  370. data: {
  371. ext: number,
  372. signcode: $.md5(signcode).toUpperCase(),
  373. },
  374. success: function(data) {
  375. if(data.state == "success") {
  376. $(".ldhm").val(data.data);
  377. $(".hidTel").val(data.data);
  378. $(".tel").text(data.data);
  379. $(".ttsdh").text(data.data);
  380. $(".tsdh").val(data.data);
  381. } else {
  382. console.log("查询失败")
  383. }
  384. }
  385. })
  386. }
  387. //挂断
  388. function DropCallBack() {
  389. // $("#top-search li i").removeClass("active");
  390. // $(".Logout").addClass("active");
  391. // $(".SayBusy").removeClass("active");
  392. // $(".MakeCall").addClass("active");
  393. // $(".td-call").hide();
  394. // $(".zxzt").removeClass("bl").removeClass("br").addClass("by");
  395. // $(".hwzt").text('忙碌');
  396. // $("#isml").val(1);
  397. // obj.Type = "SayBusy";
  398. // Send();
  399. //$('.ldtp-con').css("display", 'none');
  400. }
  401. //线路状态通知
  402. function LineStateAgentBack(data) {
  403. //0分机不可用,1空闲,2摘机等待拨号,3正在拨号,4呼出振铃,5来电振铃,6通话中,7播放忙音中,8移除IP分机,9通话保持中
  404. if (data.State == '0') {
  405. $(".hwzt").text('分机不可用'); //左下角状态显示
  406. $(".fwzt").removeClass("br").removeClass("bl");
  407. }
  408. if (data.State == '1') {
  409. if($("#isml").val()==1){
  410. // isml=1;
  411. $(".hwzt").text('置忙'); //左下角状态显示
  412. $(".fwzt").removeClass("bl").addClass("br");
  413. }
  414. else{
  415. if ($("#RoleCode").val()=='ZJZY') {
  416. $(".hwzt").text('置忙'); //左下角状态显示
  417. $(".fwzt").removeClass("bl").addClass("br");
  418. }else{
  419. $(".hwzt").text('空闲'); //左下角状态显示
  420. $(".fwzt").removeClass("br").addClass("bl");
  421. }
  422. }
  423. // $(".hwzt").text('空闲'); //左下角状态显示
  424. // $(".fwzt").removeClass("br").addClass("bl");
  425. clearInterval(timer);
  426. //2018-10-13 clq 作废挂机
  427. //if ($(".hidTel").val() && $(".hidCallID").val()) {
  428. // $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', {
  429. // callid: $(".hidCallID").val(),
  430. // "token": $.cookie("token")
  431. // }, function (result) {
  432. // result = JSON.parse(result);
  433. // if (result.state.toLowerCase() == "success") { }
  434. // })
  435. //}
  436. $("#top-search li i").removeClass("active");
  437. $(".Logout").addClass("active");
  438. if($("#isml").val()==0){
  439. $(".SayBusy").addClass("active");
  440. } else {
  441. $(".SayFree").addClass("active");
  442. }
  443. // $(".SayBusy").addClass("active");
  444. $(".MakeCall").addClass("active");
  445. $(".td-call").hide();
  446. $(".Bacha").show();
  447. //$(".hidTel").val("");
  448. //$(".hidCallID").val("");
  449. }
  450. if (data.State == '2') {
  451. $(".hwzt").text('摘机等待拨号'); //左下角状态显示
  452. }
  453. if (data.State == '3') {
  454. $(".hwzt").text('正在拨号'); //左下角状态显示
  455. }
  456. if (data.State == '4') {
  457. $(".hwzt").text('呼出振铃'); //左下角状态显示
  458. }
  459. if (data.State == '5') {
  460. $(".hwzt").text('来电振铃'); //左下角状态显示
  461. $(".fwzt").removeClass("bl").addClass("br");
  462. if ($(".hidTel").val() && $(".hidCallID").val()) {
  463. if($.cookie("code")!="spdbzy"){
  464. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', {
  465. callid: $(".hidCallID").val(),
  466. "token": $.cookie("token")
  467. }, function (result) {
  468. result = JSON.parse(result);
  469. if (result.state.toLowerCase() == "success") { }
  470. })
  471. }
  472. }
  473. }
  474. if (data.State == '6') {
  475. $(".hwzt").text('通话中'); //左下角状态显示
  476. $(".fwzt").removeClass("bl").addClass("br");
  477. $(".zxzt").removeClass("bl").addClass("br");
  478. if ($(".hidTel").val() && $(".hidCallID").val()) {
  479. if($.cookie("code")!="spdbzy"){
  480. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', {
  481. callid: $(".hidCallID").val(),
  482. "token": $.cookie("token")
  483. }, function (result) {
  484. result = JSON.parse(result);
  485. if (result.state.toLowerCase() == "success") { }
  486. })
  487. }
  488. }
  489. $(".td-call").show();
  490. n = 0;
  491. $("#top-search li i").removeClass("active");
  492. $(".DropCall").addClass("active");
  493. $(".Hold").addClass("active");
  494. $(".Transfer").addClass("active");
  495. // $(".keyTransfer").addClass("active");
  496. $(".Meeting").addClass("active");
  497. $('.TurnIvr').addClass("active");
  498. $('.Consult').addClass("active");
  499. $('.satisfactionEvaluation').addClass("active");
  500. clearInterval(timer);
  501. timer = setInterval(function () {
  502. n++;
  503. var m = parseInt(n / 60 % 60);
  504. var s = parseInt(n % 60);
  505. $(".thsc").text(toDub(m) + ":" + toDub(s));
  506. }, 1000);
  507. }
  508. if (data.State == '7') {
  509. $(".hwzt").text('播放忙音中'); //左下角状态显示
  510. }
  511. if (data.State == '8') {
  512. $(".hwzt").text('移除IP分机'); //左下角状态显示
  513. }
  514. if (data.State == '9') {
  515. $(".hwzt").text('通话保持中'); //左下角状态显示
  516. }
  517. }
  518. //坐席状态通知
  519. function AgentStateAgentBack(data) {
  520. var strr = '';
  521. console.log('坐席状态'+ data.AgentState );
  522. switch (data.AgentState+"") {
  523. case "0":
  524. strr = "离线";
  525. $(".zxzt").removeClass("br").removeClass("bl").removeClass("by");
  526. break; //离线
  527. case "1":
  528. break; //登录中
  529. case "2":
  530. strr = "空闲";
  531. $(".zxzt").removeClass("br").removeClass("by").addClass("bl");
  532. break; //空闲
  533. case "3":
  534. strr = "通话中";
  535. $(".zxzt").removeClass("bl").removeClass("by").addClass("br");
  536. break; //通话中
  537. case "4":
  538. strr = "话后处理中";
  539. $(".zxzt").removeClass("bl").removeClass("br").addClass("by");
  540. break; //话后处理中
  541. case "5":
  542. strr = "忙碌";
  543. $(".zxzt").removeClass("bl").removeClass("br").addClass("by");
  544. break; //小休
  545. case "6":
  546. strr = "振铃";
  547. break; //被请求 振铃用线路状态更新
  548. case "7":
  549. strr = "注销";
  550. $(".zxzt").removeClass("br").removeClass("bl").removeClass("by");
  551. break; //注销
  552. }
  553. if (Number(data.AgentState)!==6) {
  554. $(".hwzt").html(strr);
  555. }
  556. }
  557. function toDub(i) {
  558. return i < 10 ? "0" + i : "" + i;
  559. }
  560. //外呼
  561. function MakeCallBack() {
  562. $("#top-search li i").removeClass("active");
  563. $(".DropCall").addClass("active");
  564. $(".Meeting").addClass("active");
  565. $('.satisfactionEvaluation').addClass("active");
  566. if (callbackState) {
  567. if (String(obj.TaskType) === "2") {
  568. updateCallback(1)
  569. }
  570. }
  571. }
  572. function MakeCallBackFalse(){
  573. if (callbackState) {
  574. if (String(obj.TaskType) === "2") {
  575. updateCallback(0)
  576. }
  577. }
  578. }
  579. function updateCallback(type){
  580. console.log($.cookie("makeCallId"))
  581. $.ajax({
  582. type: "get",
  583. url: huayi.config.callcenter_url + "Callrecords/UpdateCallbackid",
  584. async: true,
  585. dataType: "json",
  586. data: {
  587. token: $.cookie("token"),
  588. callid: $.cookie("makeCallId"), //当前呼出通话的id
  589. phone:obj.Callee,
  590. p_callid: obj.TaskPhoneID, //当前呼入的电话id
  591. type:type
  592. },
  593. success: function (result) {
  594. if (result.state.toLowerCase() == "success") {
  595. obj.TaskType=""
  596. callbackState =false
  597. if ($("iframe:visible").attr("data-id") == "./TelCall/CallRecord.html") {
  598. window.frames[$("iframe:visible").attr("name")].initTable();
  599. } else if ($("iframe:visible").attr("data-id") == "./TelCall/unCallBackRecord.html"){
  600. window.frames[$("iframe:visible").attr("name")].load();
  601. }
  602. }
  603. },
  604. });
  605. }
  606. //默认记忆上次是否签入,是否置忙置闲 0表示已签入 空闲,1表示签入置忙,2表示签出
  607. function SetStateCookie(state) {
  608. $.cookie("socket_state", state);
  609. }
  610. //置忙 置闲
  611. function SetState(data) {
  612. if (data.State == '5') {
  613. $(".SayBusy").removeClass("active");
  614. $(".zxzt").removeClass("bl").removeClass("br").addClass("by");
  615. $(".hwzt").text('忙碌');
  616. $("#isml").val(1);
  617. if($("#bounceScreenStatus").val() === "1"){
  618. $(".SayFree").removeClass("active");
  619. } else {
  620. $(".SayFree").addClass("active");
  621. }
  622. $(".SayFree").addClass("active");
  623. $("#bounceScreenStatus").val("0")
  624. // SetStateCookie(1);
  625. }
  626. if (data.State == '2') {
  627. $(".SayBusy").addClass("active");
  628. $(".SayFree").removeClass("active");
  629. $(".zxzt").removeClass("br").removeClass("by").addClass("bl");
  630. $(".hwzt").text('空闲');
  631. $("#isml").val(0);
  632. obj.freeType = ""
  633. // SetStateCookie(0);
  634. }
  635. }
  636. //置忙
  637. function SayBusy() {
  638. if (obj.AgentID) {
  639. obj.Type = "SayBusy";
  640. Send();
  641. }
  642. }
  643. //置忙
  644. function SayBusyBack() {
  645. $(".SayBusy").removeClass("active");
  646. $(".SayFree").addClass("active");
  647. $("#isml").val(1)
  648. }
  649. //置闲
  650. function SayFreeBack() {
  651. $(".SayBusy").addClass("active");
  652. $(".SayFree").removeClass("active");
  653. $(".zxzt").removeClass("br").addClass("bl"); //坐席状态指示
  654. $(".hwzt").text('空闲');// 增加坐席状态指示
  655. $("#isml").val(0)
  656. }
  657. //多方通话
  658. function MeetingBack() {
  659. $(".MeetingTakeBack").addClass("active");
  660. }
  661. //多方通话回签
  662. function MeetingTakeBackFun() {
  663. $(".MeetingTakeBack").removeClass("active");
  664. }
  665. //转移
  666. function TransferBack() {
  667. $("#top-search li i").removeClass("active");
  668. $(".Logout").addClass("active");
  669. $(".SayBusy").addClass("active");
  670. $(".MakeCall").addClass("active");
  671. }
  672. //保持
  673. function HoldBack() {
  674. $(".Hold").removeClass("active");
  675. $(".Retrieve").addClass("active");
  676. }
  677. //接回
  678. function RetrieveBack() {
  679. $(".Hold").addClass("active");
  680. $(".Retrieve").removeClass("active");
  681. }
  682. //协商呼叫
  683. function ConsultationCall() {
  684. $('.Consult').removeClass("active");
  685. $('.ConfirmTransfer').addClass("active");//确认转移
  686. $('.CancelTransfer').addClass("active");//取消转移
  687. }
  688. //确认转移&取消转移
  689. function ConfirmTransfer(data) {
  690. if (data.State == 3) {//取消转移
  691. $('.Consult').addClass("active");
  692. $(".CancelTransfer").removeClass("active");
  693. $(".ConfirmTransfer").removeClass("active");
  694. } else {
  695. //确认转移
  696. $('.Consult').removeClass("active");
  697. $(".CancelTransfer").removeClass("active");
  698. $(".ConfirmTransfer").removeClass("active");
  699. }
  700. }
  701. //监测
  702. function SubScribeBack() {
  703. var obj = $("iframe:visible")
  704. if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  705. window.frames[obj.attr("name")].Start();
  706. }
  707. if (obj.attr("data-id") == "./TelCall/zxKong.html") {
  708. window.frames[obj.attr("name")].Start();
  709. }
  710. }
  711. //取消监测
  712. function SubScribeCancelBack() {
  713. var obj = $("iframe:visible")
  714. if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  715. window.frames[obj.attr("name")].Stop();
  716. }
  717. if (obj.attr("data-id") == "./TelCall/zxKong.html") {
  718. window.frames[obj.attr("name")].Stop();
  719. }
  720. }
  721. //班长监测返回状态
  722. //坐席状态
  723. function AgentStateBack(data) {
  724. var obj = $("iframe:visible")
  725. if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  726. window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State);
  727. }
  728. if (obj.attr("data-id") == "./TelCall/zxKong.html") {
  729. window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State,data);
  730. }
  731. }
  732. //线路状态
  733. function LineStateBack(data) {
  734. var obj = $("iframe:visible")
  735. if (obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  736. window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
  737. }
  738. if (obj.attr("data-id") == "./TelCall/zxKong.html") {
  739. window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
  740. }
  741. }
  742. //后台排队
  743. function backstageQueue(data) {
  744. var obj = $("iframe:visible")
  745. // if (obj.attr("data-id") == "index_v1.html") {
  746. debugger
  747. window.frames[obj.attr("name")].realTimeMonitorQueue(data.WaitCount);
  748. // }
  749. }
  750. //录音返回
  751. function RecordPathBack(data) {
  752. $.cookie("makeCallId", data.CallID);
  753. }
  754. //在线坐席信息
  755. function GetAgentListBack(data) {
  756. $.ajax({
  757. type: "get",
  758. url: huayi.config.callcenter_url + "SeatMonitoring/GetAgentList",
  759. async: true,
  760. dataType: 'json',
  761. data: {
  762. "token": $.cookie("token")
  763. },
  764. success: function (result) {
  765. var user = result.data;
  766. $(user).each(function (j, m) {
  767. $(data.AgentList).each(function (k, g) {
  768. if (g.AgentID == m.UserCode) {
  769. g.userName = m.UserName;
  770. }
  771. })
  772. })
  773. $(data.AgentList).each(function (k, m) {
  774. var strr = '';
  775. switch (m.State) {
  776. case "0":
  777. strr = "离线";
  778. break; //离线
  779. case "1":
  780. break; //登录中
  781. case "2":
  782. strr = "空闲";
  783. break; //空闲
  784. case "3":
  785. strr = "通话中";
  786. break; //通话中
  787. case "4":
  788. strr = "话后处理中";
  789. break; //话后处理中
  790. case "5":
  791. strr = "忙碌";
  792. break; //小休
  793. case "6":
  794. strr = "振铃";
  795. break; //被请求
  796. case "7":
  797. strr = "注销";
  798. break; //注销
  799. }
  800. var html = '<tr fjh="' + m.AgentExten + '">' +
  801. '<td>' + (m.userName == undefined ? '' : m.userName) + '</td>' //姓名
  802. +
  803. '<td>' + m.AgentID + '</td>' //工号
  804. +
  805. '<td>' + m.AgentExten + '</td>'//分机号
  806. +
  807. '<td class=" ' + m.UserCode + 'state">' + strr + '</td>' //状态
  808. +
  809. '</tr>';
  810. $(html).appendTo("#zxTable tbody");
  811. })
  812. }
  813. });
  814. }
  815. //获取当前的日期时间 格式“yyyy-MM-dd HH:mm:ss”
  816. function getNowFormatDate() {
  817. var date = new Date();
  818. var seperator1 = "-";
  819. var seperator2 = ":";
  820. var month = date.getMonth() + 1;
  821. var strDate = date.getDate();
  822. if (month >= 1 && month <= 9) {
  823. month = "0" + month;
  824. }
  825. if (strDate >= 0 && strDate <= 9) {
  826. strDate = "0" + strDate;
  827. }
  828. var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
  829. " " + date.getHours() + seperator2 + date.getMinutes() +
  830. seperator2 + date.getSeconds();
  831. return currentdate;
  832. }
  833. var iswebcloase = 1;
  834. window.onunload = function () {
  835. if (iswebcloase) {
  836. iswebcloase = 0;
  837. if (ws.readyState == ws.OPEN) {
  838. obj.Type = 'Logout';
  839. Send();
  840. ws.onclose();
  841. }
  842. }
  843. }
  844. window.onbeforeunload = function () {
  845. if (iswebcloase) {
  846. iswebcloase = 0;
  847. if (ws.readyState == ws.OPEN) {
  848. obj.Type = 'Logout';
  849. Send();
  850. ws.onclose();
  851. }
  852. }
  853. }