12345市长热线标准版-前端

main.js 45KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621
  1. ckxq
  2. var ws, n = 0,
  3. timer;
  4. var lockReconnect = false; //避免重复连接
  5. var obj = {};
  6. var cls = 0;
  7. var lasttime = new Date().getTime();
  8. //创建scoket连接
  9. function createWebSocket() {
  10. try {
  11. $("#top-search li i").removeClass("active");
  12. ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
  13. Connect();
  14. } catch(e) {
  15. reconnect();
  16. }
  17. }
  18. //连接
  19. function Connect() {
  20. try {
  21. ws.onopen = function() {
  22. console.log(new Date() + " " + "建立连接");
  23. //心跳检测重置
  24. heartCheck.reset().start();
  25. cls = 0;
  26. $(".Login").addClass("active");
  27. lasttime = new Date().getTime();
  28. //$(".hwzt").text('连接成功!');
  29. };
  30. //接收到消息的回调方法
  31. ws.onmessage = function(evt) {
  32. //如果获取到消息,心跳检测重置
  33. //拿到任何消息都说明当前连接是正常的
  34. heartCheck.reset().start();
  35. var myDate = new Date();
  36. console.log(myDate + " " + evt.data);
  37. var data = JSON.parse(evt.data)[0];
  38. if(data) {
  39. var rlt = data.Result;
  40. if(rlt == true) {
  41. var type = data.Type;
  42. switch(type.toLowerCase()) {
  43. //case "heart": HeartBack(); break;//心跳
  44. case "login":
  45. LoginBack();
  46. break; //签入
  47. case "logout":
  48. LogoutBack();
  49. break; //签出
  50. case "dropcall":
  51. DropCallBack();
  52. break; //挂断
  53. case "makecall":
  54. MakeCallBack();
  55. break; //外呼
  56. case "setstate":
  57. SetState(data);
  58. break; //置忙置闲
  59. //case "saybusy": SayBusyBack(data); break;
  60. //case "sayfree": SayFreeBack(data); break;
  61. case "meeting":
  62. MeetingBack();
  63. break; //多方通话
  64. case "transfer":
  65. TransferBack();
  66. break; //转移
  67. case "hold":
  68. HoldBack();
  69. break; //保持
  70. case "retrieve":
  71. RetrieveBack();
  72. break; //接回
  73. case "incoming":
  74. IncomingBack(data);
  75. break; //来电
  76. case "subscribe":
  77. SubScribeBack();
  78. break; //监测
  79. case "subscribecancel":
  80. SubScribeCancelBack();
  81. break; //停止监测
  82. case "agentstate":
  83. AgentStateBack(data);
  84. break; //坐席状态
  85. case "linestate":
  86. LineStateBack(data);
  87. break; //线路状态
  88. case "motorsetstate":
  89. SayFreeBack();
  90. break; //班长置闲
  91. case "linestateagent":
  92. LineStateAgentBack(data);
  93. break; //线路状态通知
  94. case "callid":
  95. CallIDBack(data);
  96. break; //获取callid
  97. case "recordpath":
  98. RecordPathBack(data);
  99. break; //录音返回
  100. }
  101. } else {
  102. if(rlt == false) {
  103. //layer.confirm('操作失败!', {
  104. // btn: ['确定']
  105. //});
  106. $(".hwzt").text('操作失败!');
  107. } else {
  108. $(".hwzt").text(rlt);
  109. //layer.confirm(rlt, {
  110. // btn: ['确定']
  111. //});
  112. }
  113. }
  114. }
  115. };
  116. //连接关闭的回调方法
  117. ws.onclose = function(evt) {
  118. if(cls == 0) {
  119. cls = 1;
  120. //console.log("连接关闭!");
  121. //layer.confirm('连接关闭!', {
  122. // btn: ['确定']
  123. //});
  124. $(".hwzt").text('连接关闭!');
  125. $("#top-search li i").removeClass("active");
  126. reconnect();
  127. }
  128. };
  129. //连接发生错误的回调方法
  130. ws.onerror = function(evt) {
  131. //产生异常
  132. $(".hwzt").text('连接出现异常!');
  133. console.log(ws);
  134. if(ws == null || ws.readyState != ws.OPEN) {
  135. console.log(new Date() + "开始重连");
  136. reconnect();
  137. }
  138. };
  139. } catch(ex) {
  140. $(".hwzt").text('连接关闭 try-catch!');
  141. $("#top-search li i").removeClass("active");
  142. reconnect();
  143. }
  144. }
  145. //重连
  146. function reconnect() {
  147. if(lockReconnect) return;
  148. lockReconnect = true;
  149. //没连接上会一直重连,设置延迟避免请求过多
  150. setTimeout(function() {
  151. console.log(new Date() + " " + "重连中……");
  152. createWebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
  153. lockReconnect = false;
  154. }, 2000);
  155. }
  156. //发送
  157. function Send() {
  158. if(ws.readyState != ws.OPEN) {
  159. reconnect();
  160. }
  161. if(ws.readyState == ws.OPEN) {
  162. ws.send(JSON.stringify(obj));
  163. }
  164. }
  165. //心跳检测
  166. var heartCheck = {
  167. timeout: 25000, //25秒
  168. timeoutObj: null,
  169. serverTimeoutObj: null,
  170. reset: function() {
  171. clearTimeout(this.timeoutObj);
  172. clearTimeout(this.serverTimeoutObj);
  173. return this;
  174. },
  175. start: function() {
  176. var self = this;
  177. this.timeoutObj = setTimeout(function() {
  178. //这里发送一个心跳,后端收到后,返回一个心跳消息,
  179. //onmessage拿到返回的心跳就说明连接正常
  180. obj.Type = "Heart";
  181. Send();
  182. self.serverTimeoutObj = setTimeout(function() { //如果超过一定时间还没重置,说明后端主动断开了
  183. ws.close(); //如果onclose会执行reconnect,我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
  184. }, self.timeout)
  185. }, this.timeout)
  186. }
  187. }
  188. //签入
  189. function LoginBack() {
  190. $("#top-search li i").removeClass("active");
  191. $(".Logout").addClass("active");
  192. $(".SayBusy").addClass("active");
  193. $(".MakeCall").addClass("active");
  194. $(".zxzt").removeClass("br").addClass("bl");
  195. $(".fwzt").removeClass("br").addClass("bl");
  196. $(".hwzt").text('');
  197. }
  198. //签出
  199. function LogoutBack() {
  200. $("#top-search li i").removeClass("active");
  201. $(".Login").addClass("active");
  202. $(".zxzt").removeClass("bl").addClass("br");
  203. $(".fwzt").removeClass("bl").addClass("br");
  204. $(".hwzt").text('');
  205. }
  206. //来电
  207. function IncomingBack(data) {
  208. $(".ldhm").val(data.Number);
  209. $(".hidTel").val(data.Number);
  210. $(".tel").text(data.Number);
  211. $(".ldtime").text(getNowFormatDate());
  212. $(".thsc").text("00:00");
  213. //获取callid
  214. $.ajaxSettings.async = false;
  215. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCallIdByPhone', {
  216. "tel": $(".hidTel").val(),
  217. "token": $.cookie("token")
  218. }, function(result) {
  219. $.ajaxSettings.async = true;
  220. if(result.state.toLowerCase() == "success") {
  221. $(".hidCallID").val(result.data.CallId);
  222. }
  223. })
  224. //获取电话所属地
  225. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
  226. "tel": $(".hidTel").val(),
  227. "token": $.cookie("token")
  228. }, function(result) {
  229. if(result.state.toLowerCase() == "success") {
  230. $(".ldlocation").text(result.data[0].F_Name);
  231. $(".khgsd").text(result.data[0].F_Name);
  232. }
  233. })
  234. //获取客户信息
  235. $(".ttsdh").text($(".hidTel").val());
  236. $(".tsdh").val($(".hidTel").val());
  237. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCustomerByTel', {
  238. "tel": $(".hidTel").val(),
  239. "token": $.cookie("token")
  240. }, function(result) {
  241. if(result.state.toLowerCase() == "success") {
  242. if(result.data.length > 0) {
  243. $(".khmc").val(result.data[0].F_CustomerName);
  244. $(".tkhmc").text(result.data[0].F_CustomerName);
  245. $("#khid").val(result.data[0].F_CustomerId);
  246. $(".lxdh").val(result.data[0].F_Telephone);
  247. $(".tsdh").val(result.data[0].F_Mobile);
  248. $(".ttsdh").text(result.data[0].F_Mobile);
  249. $(".lxr").val(result.data[0].F_CustomerEName);
  250. $(".postcode").val(result.data[0].F_PostCode);
  251. $(".email").val(result.data[0].F_Email);
  252. }
  253. }
  254. })
  255. $('.maxOpen').trigger("click");
  256. $('.head-pic .lahei .la-before').show();
  257. $('.head-pic .lahei .la-after').hide();
  258. $(".Bacha").hide();
  259. }
  260. function CallIDBack(data) {
  261. //$(".hidCallID").val(data.CurrID);
  262. }
  263. //挂断
  264. function DropCallBack() {
  265. $("#top-search li i").removeClass("active");
  266. $(".Logout").addClass("active");
  267. $(".SayBusy").addClass("active");
  268. $(".MakeCall").addClass("active");
  269. $(".td-call").hide();
  270. //$('.ldtp-con').css("display", 'none');
  271. }
  272. function LineStateAgentBack(data) {
  273. //0分机不可用,1空闲,2摘机等待拨号,3正在拨号,4呼出振铃,5来电振铃,6通话中,7播放忙音中,8移除IP分机,9通话保持中
  274. if(data.State == '0') {
  275. $(".hwzt").text('分机不可用'); //左下角状态显示
  276. }
  277. if(data.State == '1') {
  278. $(".hwzt").text('空闲'); //左下角状态显示
  279. $(".fwzt").removeClass("br").addClass("bl");
  280. clearInterval(timer);
  281. if($(".hidTel").val() && $(".hidCallID").val()) {
  282. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateGJ', {
  283. callid: $(".hidCallID").val(),
  284. "token": $.cookie("token")
  285. }, function(result) {
  286. result = JSON.parse(result);
  287. if(result.state.toLowerCase() == "success") {}
  288. })
  289. }
  290. $("#top-search li i").removeClass("active");
  291. $(".Logout").addClass("active");
  292. $(".SayBusy").addClass("active");
  293. $(".MakeCall").addClass("active");
  294. $(".td-call").hide();
  295. $(".Bacha").show();
  296. //$(".hidTel").val("");
  297. //$(".hidCallID").val("");
  298. }
  299. if(data.State == '2') {
  300. $(".hwzt").text('摘机等待拨号'); //左下角状态显示
  301. }
  302. if(data.State == '3') {
  303. $(".hwzt").text('正在拨号'); //左下角状态显示
  304. }
  305. if(data.State == '4') {
  306. $(".hwzt").text('呼出振铃'); //左下角状态显示
  307. }
  308. if(data.State == '5') {
  309. $(".hwzt").text('来电振铃'); //左下角状态显示
  310. $(".fwzt").removeClass("bl").addClass("br");
  311. if($(".hidTel").val() && $(".hidCallID").val()) {
  312. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZL', {
  313. callid: $(".hidCallID").val(),
  314. "token": $.cookie("token")
  315. }, function(result) {
  316. result = JSON.parse(result);
  317. if(result.state.toLowerCase() == "success") {}
  318. })
  319. }
  320. }
  321. if(data.State == '6') {
  322. $(".hwzt").text('通话中'); //左下角状态显示
  323. $(".fwzt").removeClass("bl").addClass("br");
  324. if($(".hidTel").val() && $(".hidCallID").val()) {
  325. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateZJ', {
  326. callid: $(".hidCallID").val(),
  327. "token": $.cookie("token")
  328. }, function(result) {
  329. result = JSON.parse(result);
  330. if(result.state.toLowerCase() == "success") {}
  331. })
  332. }
  333. $(".td-call").show();
  334. n = 0;
  335. $("#top-search li i").removeClass("active");
  336. $(".DropCall").addClass("active");
  337. $(".Hold").addClass("active");
  338. $(".Transfer").addClass("active");
  339. $(".Meeting").addClass("active");
  340. clearInterval(timer);
  341. timer = setInterval(function() {
  342. n++;
  343. var m = parseInt(n / 60 % 60);
  344. var s = parseInt(n % 60);
  345. $(".thsc").text(toDub(m) + ":" + toDub(s));
  346. }, 1000);
  347. }
  348. if(data.State == '7') {
  349. $(".hwzt").text('播放忙音中'); //左下角状态显示
  350. }
  351. if(data.State == '8') {
  352. $(".hwzt").text('移除IP分机'); //左下角状态显示
  353. }
  354. if(data.State == '9') {
  355. $(".hwzt").text('通话保持中'); //左下角状态显示
  356. }
  357. }
  358. function toDub(i) {
  359. return i < 10 ? "0" + i : "" + i;
  360. }
  361. //外呼
  362. function MakeCallBack() {
  363. $("#top-search li i").removeClass("active");
  364. $(".DropCall").addClass("active");
  365. }
  366. //置忙置闲
  367. function SetState(obj) {
  368. if(obj.State == '5') {
  369. $(".SayBusy").removeClass("active");
  370. $(".SayFree").addClass("active");
  371. $(".zxzt").removeClass("bl").addClass("br");
  372. $(".hwzt").text('置忙');
  373. }
  374. if(obj.State == '2') {
  375. $(".SayBusy").addClass("active");
  376. $(".SayFree").removeClass("active");
  377. $(".zxzt").removeClass("br").addClass("bl");
  378. $(".hwzt").text('空闲');
  379. }
  380. }
  381. //置忙
  382. function SayBusyBack() {
  383. $(".SayBusy").removeClass("active");
  384. $(".SayFree").addClass("active");
  385. }
  386. //置闲
  387. function SayFreeBack() {
  388. $(".SayBusy").addClass("active");
  389. $(".SayFree").removeClass("active");
  390. }
  391. //多方通话
  392. function MeetingBack() {
  393. }
  394. //转移
  395. function TransferBack() {
  396. $("#top-search li i").removeClass("active");
  397. $(".Logout").addClass("active");
  398. $(".SayBusy").addClass("active");
  399. $(".MakeCall").addClass("active");
  400. }
  401. //保持
  402. function HoldBack() {
  403. $(".Hold").removeClass("active");
  404. $(".Retrieve").addClass("active");
  405. }
  406. //接回
  407. function RetrieveBack() {
  408. $(".Hold").addClass("active");
  409. $(".Retrieve").removeClass("active");
  410. }
  411. //监测
  412. function SubScribeBack() {
  413. var obj = $("iframe:visible")
  414. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  415. window.frames[obj.attr("name")].Start();
  416. }
  417. }
  418. //取消监测
  419. function SubScribeCancelBack() {
  420. var obj = $("iframe:visible")
  421. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  422. window.frames[obj.attr("name")].Stop();
  423. }
  424. }
  425. //班长监测返回状态
  426. //坐席状态
  427. function AgentStateBack(data) {
  428. var obj = $("iframe:visible")
  429. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  430. window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State);
  431. }
  432. }
  433. //线路状态
  434. function LineStateBack(data) {
  435. var obj = $("iframe:visible")
  436. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  437. window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
  438. }
  439. }
  440. //录音返回
  441. function RecordPathBack(data) {
  442. //if ($(".hidTel").val() && $(".hidCallID").val()) {
  443. // $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', { callid: $(".hidCallID").val(),path:data.RecPath, "token": $.cookie("token") }, function (result) {
  444. // result = JSON.parse(result);
  445. // if (result.state.toLowerCase() == "success") {
  446. // }
  447. // })
  448. //}
  449. if($(".hidTel").val()) {
  450. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', {
  451. callid: data.CallID,
  452. path: data.RecPath,
  453. "token": $.cookie("token")
  454. }, function(result) {
  455. result = JSON.parse(result);
  456. if(result.state.toLowerCase() == "success") {}
  457. })
  458. }
  459. }
  460. //获取当前的日期时间 格式“yyyy-MM-dd HH:mm:ss”
  461. function getNowFormatDate() {
  462. var date = new Date();
  463. var seperator1 = "-";
  464. var seperator2 = ":";
  465. var month = date.getMonth() + 1;
  466. var strDate = date.getDate();
  467. if(month >= 1 && month <= 9) {
  468. month = "0" + month;
  469. }
  470. if(strDate >= 0 && strDate <= 9) {
  471. strDate = "0" + strDate;
  472. }
  473. var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
  474. " " + date.getHours() + seperator2 + date.getMinutes() +
  475. seperator2 + date.getSeconds();
  476. return currentdate;
  477. }
  478. $(document).ready(function() {
  479. //来电弹屏
  480. laydate.skin('blue');
  481. laydate({
  482. elem: '#old_startTime',
  483. event: 'focus'
  484. });
  485. laydate({
  486. elem: '#old_endTime',
  487. event: 'focus'
  488. });
  489. laydate({
  490. elem: '#con_startTime',
  491. event: 'focus'
  492. });
  493. laydate({
  494. elem: '#con_endTime',
  495. event: 'focus'
  496. });
  497. //弹屏右侧切换效果
  498. $(".ldtp-cr ul.ld-service li").click(function() {
  499. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  500. loadOld();
  501. });
  502. //最大化 最小化效果
  503. //最小化
  504. $('.minClosed').click(function() {
  505. $('.ldtp-con').removeClass('fadeInDown');
  506. $('.ldtp-con').addClass('fadeOutUp');
  507. $('.ldtp-con').css("display", "none");
  508. $('.maxOpen').show();
  509. $('.maxOpen').addClass('fadeInDown');
  510. });
  511. //最大化
  512. $('.maxOpen').click(function() {
  513. $('.ldtp-con').removeClass('fadeOutUp');
  514. $('.ldtp-con').addClass('fadeInDown');
  515. $('.ldtp-con').css("display", "block");
  516. $('.maxOpen').hide();
  517. $('.maxOpen').removeClass('fadeInDown');
  518. $('.maxOpen').addClass('fadeInDown');
  519. $('.first').removeClass('first');
  520. $('.ldtp-con').addClass('first');
  521. })
  522. //关闭弹框
  523. $(".Bacha").click(function() {
  524. $('.ldtp-con').removeClass('fadeInDown');
  525. $('.ldtp-con').addClass('fadeOutUp');
  526. $('.ldtp-con').css("display", "none");
  527. obj.Type = "SayFree";
  528. Send();
  529. })
  530. //顶部小头像
  531. var little_pic = $('.head-pic .hp-box img').attr("src");
  532. $('.maxOpen li .photo img').attr("src", little_pic);
  533. //点击左侧菜单来电弹屏显示
  534. $('.tantan').click(function() {
  535. $('.maxOpen').trigger("click");
  536. $('.head-pic .lahei .la-before').show();
  537. $('.head-pic .lahei .la-after').hide();
  538. })
  539. //点击挂断
  540. $('.head-pic .td-call .take').click(function() {
  541. obj.Type = "DropCall";
  542. Send();
  543. });
  544. //点击拉黑事件
  545. $('.head-pic .lahei .la-before').click(function() {
  546. if(!$(".hidTel").val()) {
  547. layer.confirm('来电号码为空!', {
  548. btn: ['确定']
  549. });
  550. return;
  551. }
  552. $("#time-word").val('');
  553. $('.ldtp-con .hei-list').show();
  554. })
  555. //拉黑输入框事件
  556. $('.hei-list .bacha').click(function() {
  557. $('.ldtp-con .hei-list').hide();
  558. $("#time-word").val('');
  559. })
  560. var reg = /^\+?[1-9][0-9]*$/;
  561. $('#bc').click(function() {
  562. var n = $("#time-word").val();
  563. var val = $("input[name='time']:checked").val();
  564. if(n) {
  565. if(!(reg.test(n))) {
  566. layer.confirm('请输入整数时间!', {
  567. btn: ['确定']
  568. });
  569. return;
  570. }
  571. } else {
  572. if(val == '4') {
  573. n = 0;
  574. } else {
  575. layer.confirm('请输入整数时间!', {
  576. btn: ['确定']
  577. });
  578. return;
  579. }
  580. }
  581. $.post(huayi.config.callcenter_url + 'CallInScreen/AddBlack', {
  582. tel: $(".hidTel").val(),
  583. num: n,
  584. type: val,
  585. "token": $.cookie("token")
  586. }, function(result) {
  587. result = $.parseJSON(result);
  588. if(result.state.toLowerCase() == "success") {
  589. layer.msg("拉入黑名单成功");
  590. $(".la-time .lhtime").text(getNowFormatDate());
  591. $('.la-shichang .blackTime').html(result.data);
  592. $('.ldtp-con .hei-list').hide();
  593. $('.head-pic .lahei .la-before').hide();
  594. $('.head-pic .lahei .la-after').show();
  595. $('.head-pic .lahei .retur').show();
  596. }
  597. })
  598. })
  599. $('.la-after').click(function() {
  600. if(!$(".hidTel").val()) {
  601. layer.confirm('来电号码为空!', {
  602. btn: ['确定']
  603. });
  604. return;
  605. }
  606. $("#time-word").val('');
  607. $('.ldtp-con .hei-list').show();
  608. $('.ldtp-con .hei-list').removeClass('bounceOutUp');
  609. $('.ldtp-con .hei-list').addClass('bounceIn');
  610. })
  611. $('.head-pic .lahei .retur').click(function() {
  612. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/DelBlack', {
  613. tel: $(".hidTel").val(),
  614. "token": $.cookie("token")
  615. }, function(result) {
  616. if(result.state.toLowerCase() == "success") {
  617. layer.msg("取消黑名单成功");
  618. $('.head-pic .lahei .retur').hide();
  619. $('.head-pic .lahei .la-after').hide();
  620. $('.head-pic .lahei .la-before').show();
  621. }
  622. })
  623. })
  624. if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  625. $(".title-box").hide();
  626. }
  627. obj.AgentExten = $.cookie("extno");
  628. if(obj.AgentExten==undefined){
  629. $(".Gnum").hide();
  630. }
  631. $(".Gnum").text('(' + obj.AgentExten + ')');
  632. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  633. "token": $.cookie("token")
  634. }, function(result) {
  635. if(result.state.toLowerCase() == "success") {
  636. $(".username").text(result.data.user.F_UserName);
  637. if(result.data.role) {
  638. $(".rolename").text(result.data.role.F_RoleName);
  639. }
  640. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data.user.F_See);
  641. obj.AgentID = result.data.user.F_UserCode;
  642. //obj.AgentExten = result.data.user.F_WorkNumber;
  643. $('.mgh').val(result.data.user.F_UserCode);
  644. $('.mn').val(result.data.user.F_UserName);
  645. if(result.data.user.F_SeatFlag) {
  646. Connect();
  647. heartbeat = setInterval(function() {
  648. Heart()
  649. }, 60000);
  650. $("#top-search").show();
  651. $(".zts").show();
  652. //签入
  653. //obj.Type = "Login";
  654. //obj.AgentGroup = "364";
  655. //obj.AgentType = "0";
  656. //Send();
  657. }
  658. }
  659. })
  660. $.ajaxSettings.async = false;
  661. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  662. "token": $.cookie("token")
  663. }, function(result) {
  664. $.ajaxSettings.async = true;
  665. if(result.state.toLowerCase() == "success") {
  666. $(result.data).each(function(i, n) {
  667. var html = '<li><a href="#" dataid=' + n.F_FunctionId + '><i class="fa iconfont">&#xe614;</i><span class="nav-label">' + n.F_FunctionName + '</span><span class="fa arrow"></span></a>';
  668. html += '<ul class="nav nav-second-level">';
  669. $(n.item).each(function(j, m) {
  670. html += '<li><a class="J_menuItem" dataid=' + m.F_FunctionId + ' href="' + m.F_OptUrl + '">' + m.F_FunctionName + '</a></li>';
  671. })
  672. html += '</ul></li>';
  673. $(html).appendTo($("#side-menu"));
  674. })
  675. $(".J_menuItem").click(function() {
  676. if($(this).text() == "来电弹屏") {
  677. $('.maxOpen').trigger("click");
  678. $('.head-pic .lahei .la-before').show();
  679. $('.head-pic .lahei .la-after').hide();
  680. }
  681. })
  682. }
  683. })
  684. //分机号
  685. //话务相关
  686. $("#top-search li").click(function() {
  687. if($(this).find("i").hasClass("active")) {
  688. if(obj.AgentID) {
  689. var fun = $(this).attr("datafun");
  690. obj.Type = fun;
  691. switch(fun) {
  692. case "Login":
  693. obj.AgentGroup = "364";
  694. obj.AgentType = "0";
  695. Send();
  696. break; //签入
  697. case "MakeCall":
  698. $(".hidCallID").val("");
  699. $("#hidwhtype").val(fun);
  700. whtp();
  701. //obj.DestinationNumber = "1012";
  702. break; //外呼
  703. case "Meeting":
  704. $("#hidwhtype").val(fun);
  705. whtp();
  706. //obj.DestinationNumber = "1012";
  707. break; //多方通话
  708. case "Transfer":
  709. $("#hidwhtype").val(fun);
  710. whtp();
  711. //obj.DestinationNumber = "1012";
  712. break; //转移
  713. default:
  714. Send();
  715. break;
  716. }
  717. }
  718. }
  719. });
  720. //知识库查询
  721. $(".searIcon").click(function() {
  722. loadZSK();
  723. })
  724. //历史记录查询
  725. $(".searchbtn").click(function() {
  726. loadOld();
  727. })
  728. //新增记录
  729. $(".addjl").click(function() {
  730. $(".addgd").show();
  731. $(".tbold").hide();
  732. })
  733. //关闭外呼弹屏
  734. $(".closes").click(function() {
  735. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  736. $(".WH").addClass("hidens");
  737. })
  738. //外呼呼出
  739. $(".CallOut").click(function(event) {
  740. event.stopPropagation();
  741. if ($("#Result").val()) {
  742. $.ajax({
  743. type: "get",
  744. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  745. async: true,
  746. dataType: 'json',
  747. data: {
  748. token: $.cookie("token"),
  749. phone: $("#Result").val()
  750. },
  751. success: function (result) {
  752. if (result.state.toLowerCase() == "success") {
  753. var guid = uuid();
  754. obj.Type = $("#hidwhtype").val();
  755. obj.DestinationNumber = result.data.phone;
  756. obj.Header = result.data.fix;
  757. obj.TaskType = "0"; //0:拨号外呼;1:回访外呼;
  758. obj.TaskPhoneID = ""; //回访的电话ID
  759. obj.TaskID = guid; //回访记录编号
  760. Send();
  761. $('#Result').val('');
  762. $(".WH").addClass("hidens");
  763. }
  764. }
  765. });
  766. }
  767. })
  768. //外呼弹屏数字键盘样式
  769. $(".Num_ul div").mousedown(function() {
  770. $(this).addClass("actives");
  771. $(".img").removeClass("hidens");
  772. }).mouseup(function() {
  773. $(this).removeClass("actives");
  774. })
  775. //外呼弹屏数字键盘号码输入
  776. $(".Num_ul li div").click(function() {
  777. var rt = $("#Result").val() + "";
  778. if(rt.length < 18) {
  779. rt = rt + $(this).find("a").text();
  780. $("#Result").val(rt);
  781. }
  782. });
  783. //外呼弹屏数字键盘号码截取
  784. $(".img").click(function() {
  785. var Result = $("#Result").val() + "";
  786. Result = Result.substr(0, Result.length - 1);
  787. $("#Result").val(Result);
  788. if(Result.length == 0) {
  789. $(".img").addClass("hidens");
  790. }
  791. })
  792. //外呼电话列表
  793. $(".bg_title li").click(function() {
  794. $(this).addClass("lactive").siblings().removeClass("lactive");
  795. loadWH();
  796. })
  797. $(".ty").click(function() {
  798. loadWH();
  799. })
  800. //创建投诉工单
  801. $(".addts").click(function() {
  802. $.ajax({
  803. type: "post",
  804. url: huayi.config.callcenter_url + "/WorkOrder/AddWorkOrder",
  805. dataType: 'json',
  806. async: true,
  807. data: {
  808. cusname: $("#cusname").val(), //=投诉人姓名
  809. cussex: $("#cussex").val(),
  810. cusphone: $("#cusphone").val(), //=投诉人电话
  811. email: $("#email").val(),
  812. zipcode: $("#zipcode").val(),
  813. conphone: $("#conphone").val(),
  814. title: $("#title").val(),
  815. content: $("#content").val(),
  816. // files:$("#file").val(),//(多个用英文逗号,隔开)
  817. sourcearea: $("#sourcearea").val(), //=事发地域id
  818. sourceaddress: $('#sourceaddress').val(), //=事发详细地址
  819. source: $("#source").val(), //=来源
  820. isresult: $(' input[name="banli"]:checked ').val(), //=(0转办1直办)
  821. result: $('#result').val(),
  822. // keys: $("#keys").val(), //=关键词id(多个用英文逗号,隔开)
  823. splituser: 5, //分管领导id(多个用英文逗号,隔开)
  824. type: $("#type").val(), //=类型
  825. bigtype: $("#bigtype").val(), //=大类别
  826. smalltype: $("#smalltype").val(), //=小类别
  827. isprotect: $(' input[name="mj"]:checked ').val(), //=(0普通1保密)
  828. level: $('#level').val(), //=(1普通2紧急3特急)
  829. issubmit: 1, //=(0保存1保存并提交)
  830. token: $.cookie("token")
  831. },
  832. success: function(data) {
  833. layer.msg("创建工单成功");
  834. Clean();
  835. }
  836. })
  837. })
  838. //清空
  839. function Clean() {
  840. $("#cusname").val(''); //=投诉人姓名
  841. $("#cussex").val('');
  842. $("#cusphone").val(''); //=投诉人电话
  843. $("#email").val('');
  844. $("#zipcode").val('');
  845. $("#conphone").val('');
  846. $("#title").val('');
  847. $("#content").val('');
  848. $("#sourcearea").val(); //=事发地域id
  849. $('#sourceaddress').val(''); //=事发详细地址
  850. $(' input[name="banli"]:checked ').val(''); //=(0转办1直办)
  851. $('#result').val('');
  852. }
  853. //加载知识库
  854. loadZSK();
  855. //加载左侧导航菜单
  856. //loadMenu();
  857. //客户资料
  858. $('.khzl tbody>tr>td input').attr('readonly', true);
  859. $('.save').hide();
  860. $('.cancel').hide();
  861. $('.edit').click(function() {
  862. $('.save').show();
  863. $('.cancel').show();
  864. $('.edit').hide();
  865. $('.khzl tbody>tr>td input').attr('readonly', false);
  866. $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
  867. })
  868. $('.cancel').click(function() {
  869. $('.khzl tbody>tr>td input').attr('readonly', true);
  870. $('.khzl tbody>tr>td input').css('border', "0");
  871. $('.save').hide();
  872. $('.cancel').hide();
  873. $('.edit').show();
  874. })
  875. //保存客户
  876. $(".save").click(function() {
  877. var khid = $("#khid").val();
  878. var khmc = $(".khmc").val();
  879. var tsdh = $(".tsdh").val();
  880. var lxr = $(".lxr").val();
  881. var lxdh = $(".lxdh").val();
  882. var postcode = $(".postcode").val();
  883. var email = $(".email").val();
  884. if(!khmc) {
  885. layer.confirm('请输入客户名称!', {
  886. btn: ['确定']
  887. });
  888. return;
  889. }
  890. $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
  891. cid: khid,
  892. name: khmc,
  893. lxr: lxr,
  894. mobile: tsdh,
  895. telphone: lxdh,
  896. postcode: postcode,
  897. email: email,
  898. "token": $.cookie("token")
  899. }, function(result) {
  900. result = $.parseJSON(result);
  901. if(result.state.toLowerCase() == "success") {
  902. $("#khid").val(result.data);
  903. $(".khmc").val(khmc);
  904. $(".tkhmc").text(khmc);
  905. $(".lxdh").val(lxdh);
  906. $(".tsdh").val(tsdh);
  907. $(".ttsdh").text(tsdh);
  908. $(".lxr").val(lxr);
  909. $(".postcode").val(postcode);
  910. $(".email").val(email);
  911. layer.msg("保存成功");
  912. $('.khzl tbody>tr>td input').attr('readonly', true);
  913. $('.khzl tbody>tr>td input').css('border', "0");
  914. $('.save').hide();
  915. $('.cancel').hide();
  916. $('.edit').show();
  917. }
  918. })
  919. })
  920. //关闭录音弹出
  921. $(".setwin").click(function() {
  922. $(".t-shade").removeClass("cx");
  923. $('audio')[0].pause();
  924. });
  925. //修改密码开始
  926. $('.shezhi').click(function() {
  927. $('.personal').show();
  928. })
  929. //tab切换
  930. $('.perTab li').click(function() {
  931. $(this).addClass('sel').siblings().removeClass('sel');
  932. var index = $(this).index();
  933. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  934. })
  935. //编辑个人资料
  936. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  937. $('.grbj').click(function() {
  938. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  939. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  940. })
  941. //取消编辑
  942. $('.grqx').click(function() {
  943. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  944. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  945. })
  946. //关闭按钮
  947. $('.ptr').click(function() {
  948. $('.personal').hide();
  949. })
  950. //修改密码
  951. $('.grbtn').click(function() {
  952. var gh = $('.mgh').val();
  953. var xm = $('.mn').val();
  954. var ymm = $('.spwd').val();
  955. var xmm = $('.npwd').val();
  956. var qmm = $('.epwd').val();
  957. if(xmm !== qmm) {
  958. $('.wrong').show();
  959. $('.npwd').val('')
  960. $('.epwd').val('')
  961. } else if(xmm == '') {
  962. layer.msg("密码不允许为空!");
  963. } else {
  964. $('.wrong').hide();
  965. $('.grzl tbody>tr>td input').attr('readonly', true);
  966. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  967. $.ajax({
  968. type: "post",
  969. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  970. async: true,
  971. dataType: 'json',
  972. data: {
  973. token: $.cookie("token"),
  974. usercode: gh,
  975. pwd: $.md5(xmm),
  976. oldpwd: $.md5(ymm)
  977. },
  978. success: function(result) {
  979. if(result.state.toLowerCase() == "success") {
  980. layer.msg("修改成功!");
  981. }
  982. }
  983. });
  984. }
  985. })
  986. //图片裁剪
  987. var o = $(".image-crop > img");
  988. $(o).cropper({
  989. aspectRatio: 1 / 1,
  990. resizable: false,
  991. dragCrop: false,
  992. preview: ".img-preview",
  993. done: function() {}
  994. });
  995. var r = $("#inputImage");
  996. if(window.FileReader) {
  997. r.change(function() {
  998. var e, i = new FileReader,
  999. t = this.files;
  1000. if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  1001. i.readAsDataURL(e);
  1002. i.onload = function() {
  1003. r.val("");
  1004. o.cropper("reset", !0).cropper("replace", this.result);
  1005. }
  1006. } else {
  1007. layer.msg("请选择图片文件");
  1008. }
  1009. });
  1010. $("#setDrag").click(function() {
  1011. o.cropper("setDragMode", "crop");
  1012. var img = o.cropper("getDataURL");
  1013. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  1014. dataurl: encodeURIComponent(img),
  1015. "token": $.cookie("token")
  1016. }, function(result) {
  1017. result = $.parseJSON(result);
  1018. if(result.state.toLowerCase() == "success") {
  1019. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
  1020. layer.msg("上传成功");
  1021. $('.personal').hide();
  1022. }
  1023. })
  1024. });
  1025. $("#zoomIn").click(function() {
  1026. o.cropper("zoom", .1)
  1027. });
  1028. $("#zoomOut").click(function() {
  1029. o.cropper("zoom", -.1)
  1030. });
  1031. $("#rotateLeft").click(function() {
  1032. o.cropper("rotate", 45)
  1033. });
  1034. $("#rotateRight").click(function() {
  1035. o.cropper("rotate", -45)
  1036. });
  1037. } else {
  1038. r.addClass("hide");
  1039. }
  1040. //工单中的类型
  1041. $("#xxlb").empty();
  1042. $("#xxlb").append('<option selected="selected" value="">请选择</option>');
  1043. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  1044. "token": $.cookie("token"),
  1045. id: 2
  1046. }, function(data) {
  1047. if(data.state.toLowerCase() == "success") {
  1048. var content = data.data;
  1049. $(content).each(function(i, n) {
  1050. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxlb"));
  1051. })
  1052. }
  1053. })
  1054. $("#xxlb").change(function() {
  1055. $("#tsxl").empty();
  1056. $("#tsxl").append('<option selected="selected" value="">请选择</option>');
  1057. loadDic($("#tsdl"), $("#xxlb").val());
  1058. })
  1059. $("#tsdl").change(function() {
  1060. loadDic($("#tsxl"), $("#tsdl").val());
  1061. })
  1062. loadArea($("#FArea"));
  1063. loadArea($("#JArea"));
  1064. $("#FArea").change(function() {
  1065. $("#Twon").empty();
  1066. $("#Twon").append('<option selected="selected" value="">请选择</option>');
  1067. var aid = $("#FArea").val();
  1068. if(!aid) {
  1069. aid = -1;
  1070. }
  1071. $.getJSON(huayi.config.callcenter_url + "Department/GetTownList", {
  1072. "token": $.cookie("token"),
  1073. aid: aid
  1074. }, function(data) {
  1075. if(data.state.toLowerCase() == "success") {
  1076. var content = data.data;
  1077. $(content).each(function(i, n) {
  1078. $("<option value='" + n.F_TownId + "'>" + n.F_TownName + "</option>").appendTo($("#Twon"));
  1079. })
  1080. }
  1081. })
  1082. })
  1083. $("#JArea").change(function() {
  1084. $("#Jtype").empty();
  1085. $("#Jtype").append('<option selected="selected" value="">请选择</option>');
  1086. $("#Department").empty();
  1087. $("#Department").append('<option selected="selected" value="">请选择</option>');
  1088. var aid = $("#JArea").val();
  1089. if(!aid) {
  1090. aid = -1;
  1091. }
  1092. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", {
  1093. "token": $.cookie("token"),
  1094. aid: aid
  1095. }, function(data) {
  1096. if(data.state.toLowerCase() == "success") {
  1097. var content = data.data;
  1098. $(content).each(function(i, n) {
  1099. $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
  1100. })
  1101. }
  1102. })
  1103. })
  1104. $("#Jtype").change(function() {
  1105. $("#Department").empty();
  1106. $("#Department").append('<option selected="selected" value="">请选择</option>');
  1107. var tid = $("#Jtype").val();
  1108. if(!tid) {
  1109. tid = -1;
  1110. }
  1111. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
  1112. "token": $.cookie("token"),
  1113. tid: tid
  1114. }, function(data) {
  1115. if(data.state.toLowerCase() == "success") {
  1116. var content = data.data;
  1117. $(content).each(function(i, n) {
  1118. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
  1119. })
  1120. }
  1121. })
  1122. })
  1123. $(".min_select").each(function() {
  1124. $(this).empty();
  1125. for(var i = 1; i <= 10; i++) {
  1126. if(i == 5) {
  1127. $("<option selected='selected' value='5'>5</option>").appendTo($(this));
  1128. } else {
  1129. $("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
  1130. }
  1131. }
  1132. })
  1133. })
  1134. function clearworkorder() {
  1135. $("#xxlb").val("");
  1136. $("#xxlb").trigger("change");
  1137. $("#FArea").val("");
  1138. $("#FArea").trigger("change");
  1139. $("#sfdz").val("");
  1140. $("#tskh").val("");
  1141. $("#tsdh").val("");
  1142. $("#email").val("");
  1143. $("#postcode").val("");
  1144. $("#lxr").val("");
  1145. $("#lxdh").val("");
  1146. $("#content").val("");
  1147. $("#result").val("");
  1148. $("#JArea").val("");
  1149. $("#JArea").trigger("change");
  1150. $("#remark").val("");
  1151. $("#khid").val("");
  1152. $(".khmc").val("");
  1153. $(".tsdh").val("");
  1154. $(".lxr").val("");
  1155. $(".lxdh").val("");
  1156. $(".postcode").val("");
  1157. $(".email").val("");
  1158. }
  1159. //获取历史记录
  1160. function loadOld() {
  1161. var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
  1162. $(".complain").hide();
  1163. $(".complain").eq(type * 1).show();
  1164. if(type == '2') {
  1165. //先销毁表格
  1166. $('#orderlist').bootstrapTable('destroy');
  1167. //初始化表格,动态从服务器加载数据
  1168. $("#orderlist").bootstrapTable({
  1169. method: "get", //使用get请求到服务器获取数据
  1170. url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
  1171. contentType: "application/x-www-form-urlencoded",
  1172. striped: true, //表格显示条纹
  1173. pagination: true, //启动分页
  1174. pageSize: 5, //每页显示的记录数
  1175. pageNumber: 1, //当前第几页
  1176. pageList: [5, 10, 50, 100], //记录数可选列表
  1177. search: false, //是否启用查询
  1178. showColumns: false, //显示下拉框勾选要显示的列
  1179. showRefresh: false, //显示刷新按钮
  1180. sidePagination: "server", //表示服务端请求
  1181. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1182. //设置为limit可以获取limit, offset, search, sort, order
  1183. queryParamsType: "undefined",
  1184. queryParams: function queryParams(params) { //设置查询参数
  1185. var param = {
  1186. page: params.pageNumber,
  1187. pagesize: params.pageSize,
  1188. tel: $(".hidTel").val(),
  1189. starttime: $("#con_startTime").val(),
  1190. endtime: $("#con_endTime").val(),
  1191. token: $.cookie("token")
  1192. };
  1193. return param;
  1194. },
  1195. onLoadSuccess: function() { //加载成功时执行
  1196. //layer.msg("加载成功");
  1197. },
  1198. onLoadError: function() { //加载失败时执行
  1199. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1200. }
  1201. });
  1202. } else if(type == '1') {
  1203. //先销毁表格
  1204. $('#oldlist').bootstrapTable('destroy');
  1205. //初始化表格,动态从服务器加载数据
  1206. $("#oldlist").bootstrapTable({
  1207. method: "get", //使用get请求到服务器获取数据
  1208. url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
  1209. contentType: "application/x-www-form-urlencoded",
  1210. striped: true, //表格显示条纹
  1211. pagination: true, //启动分页
  1212. pageSize: 5, //每页显示的记录数
  1213. pageNumber: 1, //当前第几页
  1214. pageList: [5, 10, 50, 100], //记录数可选列表
  1215. search: false, //是否启用查询
  1216. showColumns: false, //显示下拉框勾选要显示的列
  1217. showRefresh: false, //显示刷新按钮
  1218. sidePagination: "server", //表示服务端请求
  1219. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1220. //设置为limit可以获取limit, offset, search, sort, order
  1221. queryParamsType: "undefined",
  1222. queryParams: function queryParams(params) { //设置查询参数
  1223. var param = {
  1224. page: params.pageNumber,
  1225. pagesize: params.pageSize,
  1226. tel: $(".hidTel").val(),
  1227. starttime: $("#old_startTime").val(),
  1228. endtime: $("#old_endTime").val(),
  1229. token: $.cookie("token")
  1230. };
  1231. return param;
  1232. },
  1233. onLoadSuccess: function() { //加载成功时执行
  1234. //layer.msg("加载成功");
  1235. },
  1236. onLoadError: function() { //加载失败时执行
  1237. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1238. }
  1239. });
  1240. }
  1241. }
  1242. function GetCallState(val) {
  1243. if(val == '1') {
  1244. return '已接通';
  1245. } else {
  1246. return '未接通';
  1247. }
  1248. }
  1249. //音频
  1250. function setCode(val) {
  1251. if(val) {
  1252. return '<div class="imgs" style="cursor: pointer;">' +
  1253. '<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  1254. '</div>';
  1255. } else {
  1256. return '';
  1257. }
  1258. }
  1259. //录音
  1260. function ck(val) {
  1261. var path = $(val).attr("item");
  1262. $(".t-shade").addClass("cx");
  1263. $(".Ly_box").empty();
  1264. $(".LY_box").empty();
  1265. $(".down").attr("href", path);
  1266. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  1267. $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  1268. }
  1269. function GetLink(val) {
  1270. if(val) {
  1271. return '<a onclick="ckxq(' + val + ')">' + val + '</a>';
  1272. } else {
  1273. return '';
  1274. }
  1275. }
  1276. //查看详情
  1277. function ckxq(str) {
  1278. layer.open({
  1279. type: 2,
  1280. content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1281. title: '工单详情',
  1282. area: ['85%', '80%'], //宽高
  1283. });
  1284. }
  1285. //截取字符串
  1286. function GetCont(val) {
  1287. if(val) {
  1288. var str = '<div '
  1289. if(val.length > 10) {
  1290. str = str + ' title="' + val + '" ';
  1291. val = val.substr(0, 10) + "...";
  1292. }
  1293. return str + '>' + val + '</div>';
  1294. } else {
  1295. return '';
  1296. }
  1297. }
  1298. //加载字典
  1299. function loadDic(obj, pid) {
  1300. obj.empty();
  1301. obj.append('<option selected="selected" value="">请选择</option>');
  1302. if(!pid) {
  1303. pid = -1;
  1304. }
  1305. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
  1306. "token": $.cookie("token"),
  1307. pid: pid
  1308. }, function(data) {
  1309. if(data.state.toLowerCase() == "success") {
  1310. var content = data.data;
  1311. $(content).each(function(i, n) {
  1312. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  1313. })
  1314. }
  1315. })
  1316. }
  1317. //加载区域
  1318. function loadArea(obj) {
  1319. obj.empty();
  1320. obj.append('<option selected="selected" value="">请选择</option>');
  1321. $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
  1322. "token": $.cookie("token")
  1323. }, function(data) {
  1324. if(data.state.toLowerCase() == "success") {
  1325. var content = data.data;
  1326. $(content).each(function(i, n) {
  1327. $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  1328. })
  1329. }
  1330. })
  1331. }
  1332. //获取知识库
  1333. function loadZSK() {
  1334. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  1335. "keywords": $(".search").val(),
  1336. "token": $.cookie("token")
  1337. }, function(result) {
  1338. if(result.state.toLowerCase() == "success") {
  1339. $(".ldcr-bottom .detail-con ul").empty();
  1340. $(result.data).each(function(i, n) {
  1341. var html = '<li>' +
  1342. ' <div class="zhishi-title clearfix">' +
  1343. ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  1344. ' <em >' + n.F_CreateOn + '</em>' +
  1345. ' </div>' +
  1346. ' <div class="explancon">' +
  1347. n.F_Content +
  1348. ' </div>' +
  1349. '</li>';
  1350. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  1351. event.stopPropagation();
  1352. if($(this).hasClass("active")) {
  1353. $(this).removeClass("active")
  1354. } else {
  1355. $(".zhishi-title").removeClass("active");
  1356. $(this).addClass("active");
  1357. }
  1358. })
  1359. })
  1360. }
  1361. })
  1362. }
  1363. //外呼弹屏
  1364. function whtp() {
  1365. $("#Result").val("");
  1366. if($(".WH").hasClass("fadeOutUp")) {
  1367. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  1368. }
  1369. $(".WH").removeClass("hidens");
  1370. $('.first').removeClass('first');
  1371. $('.WH').addClass('first');
  1372. loadWH();
  1373. }
  1374. //加载外呼电话列表
  1375. function loadWH() {
  1376. $(".phonediv").hide();
  1377. var n = $(".bg_title .lactive").attr("itemid");
  1378. switch(n) {
  1379. case '0':
  1380. var obj = $(".phonediv").eq(0);
  1381. obj.show();
  1382. //先销毁表格
  1383. var table = obj.find(".phonelist");
  1384. table.bootstrapTable('destroy');
  1385. //初始化表格,动态从服务器加载数据
  1386. table.bootstrapTable({
  1387. method: "get", //使用get请求到服务器获取数据
  1388. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  1389. contentType: "application/x-www-form-urlencoded",
  1390. striped: true, //表格显示条纹
  1391. pagination: true, //启动分页
  1392. pageSize: 10, //每页显示的记录数
  1393. pageNumber: 1, //当前第几页
  1394. pageList: [10, 20, 50, 100], //记录数可选列表
  1395. search: false, //是否启用查询
  1396. showColumns: false, //显示下拉框勾选要显示的列
  1397. showRefresh: false, //显示刷新按钮
  1398. sidePagination: "server", //表示服务端请求
  1399. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1400. //设置为limit可以获取limit, offset, search, sort, order
  1401. queryParamsType: "undefined",
  1402. queryParams: function queryParams(params) { //设置查询参数
  1403. var param = {
  1404. page: params.pageNumber,
  1405. pagesize: params.pageSize,
  1406. tel: $("#lastphone").val(),
  1407. token: $.cookie("token")
  1408. };
  1409. return param;
  1410. },
  1411. onLoadSuccess: function() { //加载成功时执行
  1412. //layer.msg("加载成功");
  1413. },
  1414. onLoadError: function() { //加载失败时执行
  1415. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1416. }
  1417. });
  1418. break;
  1419. case '1':
  1420. var obj = $(".phonediv").eq(1);
  1421. obj.show();
  1422. var table = obj.find(".phonelist");
  1423. table.bootstrapTable('destroy');
  1424. //初始化表格,动态从服务器加载数据
  1425. table.bootstrapTable({
  1426. method: "get", //使用get请求到服务器获取数据
  1427. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  1428. contentType: "application/x-www-form-urlencoded",
  1429. striped: true, //表格显示条纹
  1430. pagination: true, //启动分页
  1431. pageSize: 10, //每页显示的记录数
  1432. pageNumber: 1, //当前第几页
  1433. pageList: [10, 20, 50, 100], //记录数可选列表
  1434. search: false, //是否启用查询
  1435. showColumns: false, //显示下拉框勾选要显示的列
  1436. showRefresh: false, //显示刷新按钮
  1437. sidePagination: "server", //表示服务端请求
  1438. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1439. //设置为limit可以获取limit, offset, search, sort, order
  1440. queryParamsType: "undefined",
  1441. queryParams: function queryParams(params) { //设置查询参数
  1442. var param = {
  1443. page: params.pageNumber,
  1444. pagesize: params.pageSize,
  1445. tel: $("#gsphone").val(),
  1446. name: $("#gsname").val(),
  1447. token: $.cookie("token")
  1448. };
  1449. return param;
  1450. },
  1451. onLoadSuccess: function() { //加载成功时执行
  1452. //layer.msg("加载成功");
  1453. },
  1454. onLoadError: function() { //加载失败时执行
  1455. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1456. }
  1457. });
  1458. break;
  1459. case '2':
  1460. var obj = $(".phonediv").eq(2);
  1461. obj.show();
  1462. var table = obj.find(".phonelist");
  1463. table.bootstrapTable('destroy');
  1464. //初始化表格,动态从服务器加载数据
  1465. table.bootstrapTable({
  1466. method: "get", //使用get请求到服务器获取数据
  1467. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  1468. contentType: "application/x-www-form-urlencoded",
  1469. striped: true, //表格显示条纹
  1470. pagination: true, //启动分页
  1471. pageSize: 10, //每页显示的记录数
  1472. pageNumber: 1, //当前第几页
  1473. pageList: [10, 20, 50, 100], //记录数可选列表
  1474. search: false, //是否启用查询
  1475. showColumns: false, //显示下拉框勾选要显示的列
  1476. showRefresh: false, //显示刷新按钮
  1477. sidePagination: "server", //表示服务端请求
  1478. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1479. //设置为limit可以获取limit, offset, search, sort, order
  1480. queryParamsType: "undefined",
  1481. queryParams: function queryParams(params) { //设置查询参数
  1482. var param = {
  1483. page: params.pageNumber,
  1484. pagesize: params.pageSize,
  1485. tel: $("#khphone").val(),
  1486. name: $("#khname").val(),
  1487. token: $.cookie("token")
  1488. };
  1489. return param;
  1490. },
  1491. onLoadSuccess: function() { //加载成功时执行
  1492. //layer.msg("加载成功");
  1493. },
  1494. onLoadError: function() { //加载失败时执行
  1495. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1496. }
  1497. });
  1498. break;
  1499. }
  1500. }
  1501. function view(val) {
  1502. var str = '';
  1503. if(val) {
  1504. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  1505. }
  1506. return str;
  1507. }
  1508. function call(val) {
  1509. $("#Result").val(val);
  1510. $(".img").removeClass("hidens");
  1511. }
  1512. function ftime(val) {
  1513. if(val) {
  1514. return helper.DateFormat.getFormatTime(val);
  1515. } else {
  1516. return '';
  1517. }
  1518. }
  1519. function logout() {
  1520. $.ajax({
  1521. url: huayi.config.callcenter_url + "Login/Logout",
  1522. data: {
  1523. token: $.cookie("token")
  1524. },
  1525. dataType: "json",
  1526. success: function(res) {
  1527. if(res.state) {
  1528. location.href = "./login.html";
  1529. }
  1530. }
  1531. });
  1532. }
  1533. //跳转
  1534. function Jumps() {
  1535. $("iframe:visible")[0].src = "widgets.html"
  1536. }
  1537. //子页面返回主页
  1538. function home_index() {
  1539. top.$("iframe:visible")[0].src = "widgets.html";
  1540. }
  1541. //通知公告