12345市长热线标准版-前端

main.js 48KB

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