Нет описания

main.js 27KB

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