12345市长热线标准版-前端

main.js 49KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756
  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. if(obj.attr("data-id") == "./TelCall/zxKong.html"){
  421. window.frames[obj.attr("name")].Start();
  422. }
  423. }
  424. //取消监测
  425. function SubScribeCancelBack() {
  426. var obj = $("iframe:visible")
  427. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  428. window.frames[obj.attr("name")].Stop();
  429. }
  430. if(obj.attr("data-id") == "./TelCall/zxKong.html"){
  431. window.frames[obj.attr("name")].Stop();
  432. }
  433. }
  434. //班长监测返回状态
  435. //坐席状态
  436. function AgentStateBack(data) {
  437. var obj = $("iframe:visible")
  438. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  439. window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State);
  440. }
  441. if(obj.attr("data-id") == "./TelCall/zxKong.html"){
  442. window.frames[obj.attr("name")].UpdateAgentState(data.AgentID, data.State);
  443. }
  444. }
  445. //线路状态
  446. function LineStateBack(data) {
  447. var obj = $("iframe:visible")
  448. if(obj.attr("data-id") == "./TelCall/SeatMonitor.html") {
  449. window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
  450. }
  451. if(obj.attr("data-id") == "./TelCall/zxKong.html"){
  452. window.frames[obj.attr("name")].UpdateLineState(data.AgentID, data.State);
  453. }
  454. }
  455. //录音返回
  456. function RecordPathBack(data) {
  457. //if ($(".hidTel").val() && $(".hidCallID").val()) {
  458. // $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', { callid: $(".hidCallID").val(),path:data.RecPath, "token": $.cookie("token") }, function (result) {
  459. // result = JSON.parse(result);
  460. // if (result.state.toLowerCase() == "success") {
  461. // }
  462. // })
  463. //}
  464. if($(".hidTel").val()) {
  465. $.post(huayi.config.callcenter_url + 'CallInScreen/UpdateLY', {
  466. callid: data.CallID,
  467. path: data.RecPath,
  468. "token": $.cookie("token")
  469. }, function(result) {
  470. result = JSON.parse(result);
  471. if(result.state.toLowerCase() == "success") {}
  472. })
  473. }
  474. }
  475. //获取当前的日期时间 格式“yyyy-MM-dd HH:mm:ss”
  476. function getNowFormatDate() {
  477. var date = new Date();
  478. var seperator1 = "-";
  479. var seperator2 = ":";
  480. var month = date.getMonth() + 1;
  481. var strDate = date.getDate();
  482. if(month >= 1 && month <= 9) {
  483. month = "0" + month;
  484. }
  485. if(strDate >= 0 && strDate <= 9) {
  486. strDate = "0" + strDate;
  487. }
  488. var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
  489. " " + date.getHours() + seperator2 + date.getMinutes() +
  490. seperator2 + date.getSeconds();
  491. return currentdate;
  492. }
  493. $(document).ready(function() {
  494. //来电弹屏
  495. laydate.skin('blue');
  496. laydate({
  497. elem: '#old_startTime',
  498. event: 'focus'
  499. });
  500. laydate({
  501. elem: '#old_endTime',
  502. event: 'focus'
  503. });
  504. laydate({
  505. elem: '#con_startTime',
  506. event: 'focus'
  507. });
  508. laydate({
  509. elem: '#con_endTime',
  510. event: 'focus'
  511. });
  512. //弹屏右侧切换效果
  513. $(".ldtp-cr ul.ld-service li").click(function() {
  514. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  515. loadOld();
  516. });
  517. //最大化 最小化效果
  518. //最小化
  519. $('.minClosed').click(function() {
  520. $('.ldtp-con').removeClass('fadeInDown');
  521. $('.ldtp-con').addClass('fadeOutUp');
  522. $('.ldtp-con').css("display", "none");
  523. $('.maxOpen').show();
  524. $('.maxOpen').addClass('fadeInDown');
  525. });
  526. //最大化
  527. $('.maxOpen').click(function() {
  528. $('.ldtp-con').removeClass('fadeOutUp');
  529. $('.ldtp-con').addClass('fadeInDown');
  530. $('.ldtp-con').css("display", "block");
  531. $('.maxOpen').hide();
  532. $('.maxOpen').removeClass('fadeInDown');
  533. $('.maxOpen').addClass('fadeInDown');
  534. $('.first').removeClass('first');
  535. $('.ldtp-con').addClass('first');
  536. })
  537. //关闭弹框
  538. $(".Bacha").click(function() {
  539. $('.ldtp-con').removeClass('fadeInDown');
  540. $('.ldtp-con').addClass('fadeOutUp');
  541. $('.ldtp-con').css("display", "none");
  542. obj.Type = "SayFree";
  543. Send();
  544. })
  545. //顶部小头像
  546. var little_pic = $('.head-pic .hp-box img').attr("src");
  547. $('.maxOpen li .photo img').attr("src", little_pic);
  548. //点击左侧菜单来电弹屏显示
  549. $('.tantan').click(function() {
  550. $('.maxOpen').trigger("click");
  551. $('.head-pic .lahei .la-before').show();
  552. $('.head-pic .lahei .la-after').hide();
  553. })
  554. //点击挂断
  555. $('.head-pic .td-call .take').click(function() {
  556. obj.Type = "DropCall";
  557. Send();
  558. });
  559. //点击拉黑事件
  560. $('.head-pic .lahei .la-before').click(function() {
  561. if(!$(".hidTel").val()) {
  562. layer.confirm('来电号码为空!', {
  563. btn: ['确定']
  564. });
  565. return;
  566. }
  567. $("#time-word").val('');
  568. $('.ldtp-con .hei-list').show();
  569. })
  570. //拉黑输入框事件
  571. $('.hei-list .bacha').click(function() {
  572. $('.ldtp-con .hei-list').hide();
  573. $("#time-word").val('');
  574. })
  575. var reg = /^\+?[1-9][0-9]*$/;
  576. $('#bc').click(function() {
  577. var n = $("#time-word").val();
  578. var val = $("input[name='time']:checked").val();
  579. if(n) {
  580. if(!(reg.test(n))) {
  581. layer.confirm('请输入整数时间!', {
  582. btn: ['确定']
  583. });
  584. return;
  585. }
  586. } else {
  587. if(val == '4') {
  588. n = 0;
  589. } else {
  590. layer.confirm('请输入整数时间!', {
  591. btn: ['确定']
  592. });
  593. return;
  594. }
  595. }
  596. $.post(huayi.config.callcenter_url + 'CallInScreen/AddBlack', {
  597. tel: $(".hidTel").val(),
  598. num: n,
  599. type: val,
  600. "token": $.cookie("token")
  601. }, function(result) {
  602. result = $.parseJSON(result);
  603. if(result.state.toLowerCase() == "success") {
  604. layer.msg("拉入黑名单成功");
  605. $(".la-time .lhtime").text(getNowFormatDate());
  606. $('.la-shichang .blackTime').html(result.data);
  607. $('.ldtp-con .hei-list').hide();
  608. $('.head-pic .lahei .la-before').hide();
  609. $('.head-pic .lahei .la-after').show();
  610. $('.head-pic .lahei .retur').show();
  611. }
  612. })
  613. })
  614. $('.la-after').click(function() {
  615. if(!$(".hidTel").val()) {
  616. layer.confirm('来电号码为空!', {
  617. btn: ['确定']
  618. });
  619. return;
  620. }
  621. $("#time-word").val('');
  622. $('.ldtp-con .hei-list').show();
  623. $('.ldtp-con .hei-list').removeClass('bounceOutUp');
  624. $('.ldtp-con .hei-list').addClass('bounceIn');
  625. })
  626. $('.head-pic .lahei .retur').click(function() {
  627. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/DelBlack', {
  628. tel: $(".hidTel").val(),
  629. "token": $.cookie("token")
  630. }, function(result) {
  631. if(result.state.toLowerCase() == "success") {
  632. layer.msg("取消黑名单成功");
  633. $('.head-pic .lahei .retur').hide();
  634. $('.head-pic .lahei .la-after').hide();
  635. $('.head-pic .lahei .la-before').show();
  636. }
  637. })
  638. })
  639. if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  640. $(".title-box").hide();
  641. }
  642. obj.AgentExten = $.cookie("extno");
  643. if(obj.AgentExten==undefined){
  644. $(".Gnum").hide();
  645. }
  646. $(".Gnum").text('(' + obj.AgentExten + ')');
  647. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  648. "token": $.cookie("token")
  649. }, function(result) {
  650. if(result.state.toLowerCase() == "success") {
  651. console.log(result);
  652. $("#RoleCode").val(result.data.user.F_RoleCode);
  653. console.log($("#RoleCode").val());
  654. $(".username").text(result.data.user.F_UserName);
  655. if(result.data.role) {
  656. $(".rolename").text(result.data.role.F_RoleName);
  657. }
  658. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data.user.F_See);
  659. obj.AgentID = result.data.user.F_UserCode;
  660. //obj.AgentExten = result.data.user.F_WorkNumber;
  661. $('.mgh').val(result.data.user.F_UserCode);
  662. $('.mn').val(result.data.user.F_UserName);
  663. if(result.data.user.F_SeatFlag) {
  664. Connect();
  665. heartbeat = setInterval(function() {
  666. Heart()
  667. }, 60000);
  668. $("#top-search").show();
  669. $(".zts").show();
  670. //签入
  671. //obj.Type = "Login";
  672. //obj.AgentGroup = "364";
  673. //obj.AgentType = "0";
  674. //Send();
  675. }
  676. }
  677. });
  678. $.ajaxSettings.async = false;
  679. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  680. "token": $.cookie("token")
  681. }, function(result) {
  682. $.ajaxSettings.async = true;
  683. if(result.state.toLowerCase() == "success") {
  684. $(result.data).each(function(i, n) {
  685. 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>';
  686. html += '<ul class="nav nav-second-level">';
  687. $(n.item).each(function(j, m) {
  688. html += '<li><a class="J_menuItem" dataid=' + m.F_FunctionId + ' href="' + m.F_OptUrl + '">' + m.F_FunctionName + '</a></li>';
  689. })
  690. html += '</ul></li>';
  691. $(html).appendTo($("#side-menu"));
  692. })
  693. $(".J_menuItem").click(function() {
  694. if($(this).text() == "来电弹屏") {
  695. $('.maxOpen').trigger("click");
  696. $('.head-pic .lahei .la-before').show();
  697. $('.head-pic .lahei .la-after').hide();
  698. }
  699. })
  700. }
  701. })
  702. //分机号
  703. //话务相关
  704. $("#top-search li").click(function() {
  705. if($(this).find("i").hasClass("active")) {
  706. if(obj.AgentID) {
  707. var fun = $(this).attr("datafun");
  708. obj.Type = fun;
  709. switch(fun) {
  710. case "Login":
  711. obj.AgentGroup = "364";
  712. obj.AgentType = "0";
  713. Send();
  714. break; //签入
  715. case "MakeCall":
  716. $(".hidCallID").val("");
  717. $("#hidwhtype").val(fun);
  718. whtp();
  719. //obj.DestinationNumber = "1012";
  720. break; //外呼
  721. case "Meeting":
  722. $("#hidwhtype").val(fun);
  723. whtp();
  724. //obj.DestinationNumber = "1012";
  725. break; //多方通话
  726. case "Transfer":
  727. $("#hidwhtype").val(fun);
  728. whtp();
  729. //obj.DestinationNumber = "1012";
  730. break; //转移
  731. default:
  732. Send();
  733. break;
  734. }
  735. }
  736. }
  737. });
  738. //知识库查询
  739. $(".searIcon").click(function() {
  740. loadZSK();
  741. })
  742. //历史记录查询
  743. $(".searchbtn").click(function() {
  744. loadOld();
  745. })
  746. //新增记录
  747. $(".addjl").click(function() {
  748. $(".addgd").show();
  749. $(".tbold").hide();
  750. })
  751. //关闭外呼弹屏
  752. $(".closes").click(function() {
  753. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  754. $(".WH").addClass("hidens");
  755. })
  756. //外呼呼出
  757. $(".CallOut").click(function(event) {
  758. event.stopPropagation();
  759. if ($("#Result").val()) {
  760. $.ajax({
  761. type: "get",
  762. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  763. async: true,
  764. dataType: 'json',
  765. data: {
  766. token: $.cookie("token"),
  767. phone: $("#Result").val()
  768. },
  769. success: function (result) {
  770. if (result.state.toLowerCase() == "success") {
  771. var guid = uuid();
  772. obj.Type = $("#hidwhtype").val();
  773. obj.DestinationNumber = result.data.phone;
  774. obj.Header = result.data.fix;
  775. obj.TaskType = "0"; //0:拨号外呼;1:未接来电外呼;2:回访外呼
  776. obj.TaskPhoneID = ""; //回访的电话ID
  777. obj.TaskID = guid; //回访记录编号
  778. Send();
  779. $('#Result').val('');
  780. $(".WH").addClass("hidens");
  781. }
  782. }
  783. });
  784. }
  785. })
  786. //外呼弹屏数字键盘样式
  787. $(".Num_ul div").mousedown(function() {
  788. $(this).addClass("actives");
  789. $(".img").removeClass("hidens");
  790. }).mouseup(function() {
  791. $(this).removeClass("actives");
  792. })
  793. //外呼弹屏数字键盘号码输入
  794. $(".Num_ul li div").click(function() {
  795. var rt = $("#Result").val() + "";
  796. if(rt.length < 18) {
  797. rt = rt + $(this).find("a").text();
  798. $("#Result").val(rt);
  799. }
  800. });
  801. //外呼弹屏数字键盘号码截取
  802. $(".img").click(function() {
  803. var Result = $("#Result").val() + "";
  804. Result = Result.substr(0, Result.length - 1);
  805. $("#Result").val(Result);
  806. if(Result.length == 0) {
  807. $(".img").addClass("hidens");
  808. }
  809. })
  810. //外呼电话列表
  811. $(".bg_title li").click(function() {
  812. $(this).addClass("lactive").siblings().removeClass("lactive");
  813. loadWH();
  814. })
  815. $(".ty").click(function() {
  816. loadWH();
  817. })
  818. //创建投诉工单
  819. $(".addt_").click(function() {
  820. Statess=0
  821. var value=$(' input[name="banli"]:checked ').val();
  822. if(!$("#cusname").val()){
  823. layer.msg("填写姓名");
  824. } else if (!$("#cusphone").val()) {
  825. layer.msg("投诉电话不能为空");
  826. } else if (!$("#title").val() ) {
  827. layer.msg("填写标题");
  828. }else if(!$("#content").val()){
  829. layer.msg("内容不能为空");
  830. }else if(!$("#keys").val()){
  831. layer.msg("主题词不能为空");
  832. }else if(value==1&&!$('#result').val()){
  833. layer.msg("输入直办内容");
  834. } else{
  835. Adds()
  836. }
  837. })
  838. //创建投诉工单
  839. $(".addts").click(function() {
  840. Statess=1;
  841. var values=$(' input[name="banli"]:checked ').val();
  842. if(!$("#cusname").val()){
  843. layer.msg("填写姓名");
  844. } else if (!$("#cusphone").val() ) {
  845. layer.msg("投诉电话不能为空");
  846. } else if (!$("#title").val()) {
  847. layer.msg("填写标题");
  848. }else if(!$("#content").val()){
  849. layer.msg("内容不能为空");
  850. }else if(!$("#keys").val()){
  851. layer.msg("主题词不能为空");
  852. }else if(values==1&&!$('#result').val()){
  853. layer.msg("输入直办内容");
  854. } else{
  855. Adds()
  856. }
  857. })
  858. function Adds(){
  859. var callid = $(".hidCallID").val();
  860. $.ajax({
  861. type: "post",
  862. url: huayi.config.callcenter_url + "/WorkOrder/AddWorkOrder",
  863. dataType: 'json',
  864. async: true,
  865. data: {
  866. cusname: $("#cusname").val(), //=投诉人姓名
  867. cussex: $("#cussex").val(),
  868. cusphone: $("#cusphone").val(), //=投诉人电话
  869. email: $("#email").val(),
  870. zipcode: $("#zipcode").val(),
  871. conphone: $("#conphone").val(),
  872. title: $("#title").val(),
  873. content: $("#content").val(),
  874. callid : callid,
  875. // files:$("#file").val(),//(多个用英文逗号,隔开)
  876. sourcearea: $("#sourcearea").val(), //=事发地域id
  877. sourceaddress: $('#sourceaddress').val(), //=事发详细地址
  878. source: 1, //=来源
  879. isresult: $(' input[name="banli"]:checked ').val(), //=(0转办1直办)
  880. result: $('#result').val(),
  881. keys: $("#keys").val(), //=关键词id(多个用英文逗号,隔开)
  882. type: $("#type").val(), //=类型
  883. isprotect: $(' input[name="mj"]:checked ').val(), //=(0普通1保密)
  884. level: $('#level').val(), //=(1普通2紧急)
  885. issubmit: Statess, //=(0保存1保存并提交)
  886. token: $.cookie("token")
  887. },
  888. success: function(data) {
  889. $(".ldtp-cr ul.ld-service li").eq(2).trigger("click");
  890. //$(".hidCallID").val("");
  891. layer.msg("操作成功");
  892. Clean();
  893. }
  894. })
  895. }
  896. //清空
  897. function Clean() {
  898. $("#cusname").val(''); //=投诉人姓名
  899. $("#cussex").val('');
  900. $("#cusphone").val(''); //=投诉人电话
  901. $("#email").val('');
  902. $("#zipcode").val('');
  903. $("#conphone").val('');
  904. $("#title").val('');
  905. $("#content").val('');
  906. $("#sourcearea").val(); //=事发地域id
  907. $('#sourceaddress').val(''); //=事发详细地址
  908. $("input[name='baomi'][value='1']").prop("checked", true) //=(0转办1直办)
  909. $("#type option:first").prop("selected", 'selected');
  910. $("#level option:first").prop("selected", 'selected');
  911. $("#keys option:first").prop("selected", 'selected');
  912. $("#sourcearea option:first").prop("selected", 'selected');
  913. $('#result').val('');
  914. }
  915. //加载知识库
  916. loadZSK();
  917. //加载左侧导航菜单
  918. //loadMenu();
  919. //客户资料
  920. $('.khzl tbody>tr>td input').attr('readonly', true);
  921. $('.save').hide();
  922. $('.cancel').hide();
  923. $('.edit').click(function() {
  924. $('.save').show();
  925. $('.cancel').show();
  926. $('.edit').hide();
  927. $('.khzl tbody>tr>td input').attr('readonly', false);
  928. $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
  929. })
  930. $('.cancel').click(function() {
  931. $('.khzl tbody>tr>td input').attr('readonly', true);
  932. $('.khzl tbody>tr>td input').css('border', "0");
  933. $('.save').hide();
  934. $('.cancel').hide();
  935. $('.edit').show();
  936. })
  937. //保存客户
  938. $(".save").click(function() {
  939. var khid = $("#khid").val();
  940. var khmc = $(".khmc").val();
  941. var tsdh = $(".tsdh").val();
  942. var lxr = $(".lxr").val();
  943. var lxdh = $(".lxdh").val();
  944. var postcode = $(".postcode").val();
  945. var email = $(".email").val();
  946. if(!khmc) {
  947. layer.confirm('请输入客户名称!', {
  948. btn: ['确定']
  949. });
  950. return;
  951. }
  952. $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
  953. cid: khid,
  954. name: khmc,
  955. lxr: lxr,
  956. mobile: tsdh,
  957. telphone: lxdh,
  958. postcode: postcode,
  959. email: email,
  960. "token": $.cookie("token")
  961. }, function(result) {
  962. result = $.parseJSON(result);
  963. if(result.state.toLowerCase() == "success") {
  964. $("#khid").val(result.data);
  965. $(".khmc").val(khmc);
  966. $(".tkhmc").text(khmc);
  967. $(".lxdh").val(lxdh);
  968. $(".tsdh").val(tsdh);
  969. $(".ttsdh").text(tsdh);
  970. $(".lxr").val(lxr);
  971. $(".postcode").val(postcode);
  972. $(".email").val(email);
  973. layer.msg("保存成功");
  974. $('.khzl tbody>tr>td input').attr('readonly', true);
  975. $('.khzl tbody>tr>td input').css('border', "0");
  976. $('.save').hide();
  977. $('.cancel').hide();
  978. $('.edit').show();
  979. }
  980. })
  981. })
  982. //关闭录音弹出
  983. $(".setwin").click(function() {
  984. $(".t-shade").removeClass("cx");
  985. $('audio')[0].pause();
  986. });
  987. //修改密码开始
  988. $('.shezhi').click(function() {
  989. $('.personal').show();
  990. })
  991. //tab切换
  992. $('.perTab li').click(function() {
  993. $(this).addClass('sel').siblings().removeClass('sel');
  994. var index = $(this).index();
  995. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  996. })
  997. //编辑个人资料
  998. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  999. $('.grbj').click(function() {
  1000. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  1001. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  1002. })
  1003. //取消编辑
  1004. $('.grqx').click(function() {
  1005. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  1006. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  1007. })
  1008. //关闭按钮
  1009. $('.ptr').click(function() {
  1010. $('.personal').hide();
  1011. })
  1012. //修改密码
  1013. $('.grbtn').click(function() {
  1014. var gh = $('.mgh').val();
  1015. var xm = $('.mn').val();
  1016. var ymm = $('.spwd').val();
  1017. var xmm = $('.npwd').val();
  1018. var qmm = $('.epwd').val();
  1019. if(xmm !== qmm) {
  1020. $('.wrong').show();
  1021. $('.npwd').val('')
  1022. $('.epwd').val('')
  1023. } else if(xmm == '') {
  1024. layer.msg("密码不允许为空!");
  1025. } else {
  1026. $('.wrong').hide();
  1027. $('.grzl tbody>tr>td input').attr('readonly', true);
  1028. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  1029. $.ajax({
  1030. type: "post",
  1031. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  1032. async: true,
  1033. dataType: 'json',
  1034. data: {
  1035. token: $.cookie("token"),
  1036. usercode: gh,
  1037. pwd: $.md5(xmm),
  1038. oldpwd: $.md5(ymm)
  1039. },
  1040. success: function(result) {
  1041. if(result.state.toLowerCase() == "success") {
  1042. layer.msg("修改成功!");
  1043. }
  1044. }
  1045. });
  1046. }
  1047. })
  1048. //图片裁剪
  1049. var o = $(".image-crop > img");
  1050. $(o).cropper({
  1051. aspectRatio: 1 / 1,
  1052. resizable: false,
  1053. dragCrop: false,
  1054. preview: ".img-preview",
  1055. done: function() {}
  1056. });
  1057. var r = $("#inputImage");
  1058. if(window.FileReader) {
  1059. r.change(function() {
  1060. var e, i = new FileReader,
  1061. t = this.files;
  1062. if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  1063. i.readAsDataURL(e);
  1064. i.onload = function() {
  1065. r.val("");
  1066. o.cropper("reset", !0).cropper("replace", this.result);
  1067. }
  1068. } else {
  1069. layer.msg("请选择图片文件");
  1070. }
  1071. });
  1072. $("#setDrag").click(function() {
  1073. o.cropper("setDragMode", "crop");
  1074. var img = o.cropper("getDataURL");
  1075. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  1076. dataurl: encodeURIComponent(img),
  1077. "token": $.cookie("token")
  1078. }, function(result) {
  1079. result = $.parseJSON(result);
  1080. if(result.state.toLowerCase() == "success") {
  1081. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
  1082. layer.msg("上传成功");
  1083. $('.personal').hide();
  1084. }
  1085. })
  1086. });
  1087. $("#zoomIn").click(function() {
  1088. o.cropper("zoom", .1)
  1089. });
  1090. $("#zoomOut").click(function() {
  1091. o.cropper("zoom", -.1)
  1092. });
  1093. $("#rotateLeft").click(function() {
  1094. o.cropper("rotate", 45)
  1095. });
  1096. $("#rotateRight").click(function() {
  1097. o.cropper("rotate", -45)
  1098. });
  1099. } else {
  1100. r.addClass("hide");
  1101. }
  1102. //工单中的类型
  1103. $("#xxlb").empty();
  1104. $("#xxlb").append('<option selected="selected" value="">请选择</option>');
  1105. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  1106. "token": $.cookie("token"),
  1107. id: 2
  1108. }, function(data) {
  1109. if(data.state.toLowerCase() == "success") {
  1110. var content = data.data;
  1111. $(content).each(function(i, n) {
  1112. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxlb"));
  1113. })
  1114. }
  1115. })
  1116. $("#xxlb").change(function() {
  1117. $("#tsxl").empty();
  1118. $("#tsxl").append('<option selected="selected" value="">请选择</option>');
  1119. loadDic($("#tsdl"), $("#xxlb").val());
  1120. })
  1121. $("#tsdl").change(function() {
  1122. loadDic($("#tsxl"), $("#tsdl").val());
  1123. })
  1124. loadArea($("#FArea"));
  1125. loadArea($("#JArea"));
  1126. $("#FArea").change(function() {
  1127. $("#Twon").empty();
  1128. $("#Twon").append('<option selected="selected" value="">请选择</option>');
  1129. var aid = $("#FArea").val();
  1130. if(!aid) {
  1131. aid = -1;
  1132. }
  1133. $.getJSON(huayi.config.callcenter_url + "Department/GetTownList", {
  1134. "token": $.cookie("token"),
  1135. aid: aid
  1136. }, function(data) {
  1137. if(data.state.toLowerCase() == "success") {
  1138. var content = data.data;
  1139. $(content).each(function(i, n) {
  1140. $("<option value='" + n.F_TownId + "'>" + n.F_TownName + "</option>").appendTo($("#Twon"));
  1141. })
  1142. }
  1143. })
  1144. })
  1145. $("#JArea").change(function() {
  1146. $("#Jtype").empty();
  1147. $("#Jtype").append('<option selected="selected" value="">请选择</option>');
  1148. $("#Department").empty();
  1149. $("#Department").append('<option selected="selected" value="">请选择</option>');
  1150. var aid = $("#JArea").val();
  1151. if(!aid) {
  1152. aid = -1;
  1153. }
  1154. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", {
  1155. "token": $.cookie("token"),
  1156. aid: aid
  1157. }, function(data) {
  1158. if(data.state.toLowerCase() == "success") {
  1159. var content = data.data;
  1160. $(content).each(function(i, n) {
  1161. $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
  1162. })
  1163. }
  1164. })
  1165. })
  1166. $("#Jtype").change(function() {
  1167. $("#Department").empty();
  1168. $("#Department").append('<option selected="selected" value="">请选择</option>');
  1169. var tid = $("#Jtype").val();
  1170. if(!tid) {
  1171. tid = -1;
  1172. }
  1173. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
  1174. "token": $.cookie("token"),
  1175. tid: tid
  1176. }, function(data) {
  1177. if(data.state.toLowerCase() == "success") {
  1178. var content = data.data;
  1179. $(content).each(function(i, n) {
  1180. $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
  1181. })
  1182. }
  1183. })
  1184. })
  1185. $(".min_select").each(function() {
  1186. $(this).empty();
  1187. for(var i = 1; i <= 10; i++) {
  1188. if(i == 5) {
  1189. $("<option selected='selected' value='5'>5</option>").appendTo($(this));
  1190. } else {
  1191. $("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
  1192. }
  1193. }
  1194. })
  1195. })
  1196. function clearworkorder() {
  1197. $("#xxlb").val("");
  1198. $("#xxlb").trigger("change");
  1199. $("#FArea").val("");
  1200. $("#FArea").trigger("change");
  1201. $("#sfdz").val("");
  1202. $("#tskh").val("");
  1203. $("#tsdh").val("");
  1204. $("#email").val("");
  1205. $("#postcode").val("");
  1206. $("#lxr").val("");
  1207. $("#lxdh").val("");
  1208. $("#content").val("");
  1209. $("#result").val("");
  1210. $("#JArea").val("");
  1211. $("#JArea").trigger("change");
  1212. $("#remark").val("");
  1213. $("#khid").val("");
  1214. $(".khmc").val("");
  1215. $(".tsdh").val("");
  1216. $(".lxr").val("");
  1217. $(".lxdh").val("");
  1218. $(".postcode").val("");
  1219. $(".email").val("");
  1220. }
  1221. //获取历史记录
  1222. function loadOld() {
  1223. var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
  1224. $(".complain").hide();
  1225. $(".complain").eq(type * 1).show();
  1226. if(type == '2') {
  1227. //先销毁表格
  1228. $('#orderlist').bootstrapTable('destroy');
  1229. //初始化表格,动态从服务器加载数据
  1230. $("#orderlist").bootstrapTable({
  1231. method: "get", //使用get请求到服务器获取数据
  1232. url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
  1233. contentType: "application/x-www-form-urlencoded",
  1234. striped: true, //表格显示条纹
  1235. pagination: true, //启动分页
  1236. pageSize: 5, //每页显示的记录数
  1237. pageNumber: 1, //当前第几页
  1238. pageList: [5, 10, 50, 100], //记录数可选列表
  1239. search: false, //是否启用查询
  1240. showColumns: false, //显示下拉框勾选要显示的列
  1241. showRefresh: false, //显示刷新按钮
  1242. sidePagination: "server", //表示服务端请求
  1243. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1244. //设置为limit可以获取limit, offset, search, sort, order
  1245. queryParamsType: "undefined",
  1246. queryParams: function queryParams(params) { //设置查询参数
  1247. var param = {
  1248. page: params.pageNumber,
  1249. pagesize: params.pageSize,
  1250. tel: $(".hidTel").val(),
  1251. starttime: $("#con_startTime").val(),
  1252. endtime: $("#con_endTime").val(),
  1253. token: $.cookie("token")
  1254. };
  1255. return param;
  1256. },
  1257. onLoadSuccess: function() { //加载成功时执行
  1258. //layer.msg("加载成功");
  1259. },
  1260. onLoadError: function() { //加载失败时执行
  1261. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1262. }
  1263. });
  1264. } else if(type == '1') {
  1265. //先销毁表格
  1266. $('#oldlist').bootstrapTable('destroy');
  1267. //初始化表格,动态从服务器加载数据
  1268. $("#oldlist").bootstrapTable({
  1269. method: "get", //使用get请求到服务器获取数据
  1270. url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
  1271. contentType: "application/x-www-form-urlencoded",
  1272. striped: true, //表格显示条纹
  1273. pagination: true, //启动分页
  1274. pageSize: 5, //每页显示的记录数
  1275. pageNumber: 1, //当前第几页
  1276. pageList: [5, 10, 50, 100], //记录数可选列表
  1277. search: false, //是否启用查询
  1278. showColumns: false, //显示下拉框勾选要显示的列
  1279. showRefresh: false, //显示刷新按钮
  1280. sidePagination: "server", //表示服务端请求
  1281. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1282. //设置为limit可以获取limit, offset, search, sort, order
  1283. queryParamsType: "undefined",
  1284. queryParams: function queryParams(params) { //设置查询参数
  1285. var param = {
  1286. page: params.pageNumber,
  1287. pagesize: params.pageSize,
  1288. tel: $(".hidTel").val(),
  1289. starttime: $("#old_startTime").val(),
  1290. endtime: $("#old_endTime").val(),
  1291. token: $.cookie("token")
  1292. };
  1293. return param;
  1294. },
  1295. onLoadSuccess: function() { //加载成功时执行
  1296. //layer.msg("加载成功");
  1297. },
  1298. onLoadError: function() { //加载失败时执行
  1299. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1300. }
  1301. });
  1302. }
  1303. }
  1304. function GetCallState(val) {
  1305. if(val == '1') {
  1306. return '已接通';
  1307. } else {
  1308. return '未接通';
  1309. }
  1310. }
  1311. //音频
  1312. function setCode(val) {
  1313. if(val) {
  1314. return '<div class="imgs" style="cursor: pointer;">' +
  1315. '<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  1316. '</div>';
  1317. } else {
  1318. return '';
  1319. }
  1320. }
  1321. //录音
  1322. function ck(val) {
  1323. var path = $(val).attr("item");
  1324. $(".t-shade").addClass("cx");
  1325. $(".Ly_box").empty();
  1326. $(".LY_box").empty();
  1327. $(".down").attr("href", path);
  1328. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  1329. $('<a href="' + path + '" class="sc_btn LY "download="' + path + '">下载录音</a>').appendTo(".LY_box");
  1330. $('.shade_k').css({
  1331. 'top' : $(document).scrollTop() + ($(window).height() - $('.shade_k').height() - 289)/2,
  1332. 'left' : ($(window).width()-$('.shade_k').width())/2,
  1333. 'position' : 'absolute'
  1334. });
  1335. }
  1336. function GetLink(val) {
  1337. if(val) {
  1338. return '<a onclick="ckxq(' + val + ')">' + val + '</a>';
  1339. } else {
  1340. return '';
  1341. }
  1342. }
  1343. //查看详情
  1344. function ckxq(str) {
  1345. layer.open({
  1346. type: 2,
  1347. content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1348. title: '工单详情',
  1349. area: ['85%', '80%'], //宽高
  1350. });
  1351. }
  1352. //截取字符串
  1353. function GetCont(val) {
  1354. if(val) {
  1355. var str = '<div '
  1356. if(val.length > 10) {
  1357. str = str + ' title="' + val + '" ';
  1358. val = val.substr(0, 10) + "...";
  1359. }
  1360. return str + '>' + val + '</div>';
  1361. } else {
  1362. return '';
  1363. }
  1364. }
  1365. //加载字典
  1366. function loadDic(obj, pid) {
  1367. obj.empty();
  1368. obj.append('<option selected="selected" value="">请选择</option>');
  1369. if(!pid) {
  1370. pid = -1;
  1371. }
  1372. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
  1373. "token": $.cookie("token"),
  1374. pid: pid
  1375. }, function(data) {
  1376. if(data.state.toLowerCase() == "success") {
  1377. var content = data.data;
  1378. $(content).each(function(i, n) {
  1379. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  1380. })
  1381. }
  1382. })
  1383. }
  1384. //加载区域
  1385. function loadArea(obj) {
  1386. obj.empty();
  1387. obj.append('<option selected="selected" value="">请选择</option>');
  1388. $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
  1389. "token": $.cookie("token")
  1390. }, function(data) {
  1391. if(data.state.toLowerCase() == "success") {
  1392. var content = data.data;
  1393. $(content).each(function(i, n) {
  1394. $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  1395. })
  1396. }
  1397. })
  1398. }
  1399. //获取知识库
  1400. function loadZSK() {
  1401. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  1402. "keywords": $(".search").val(),
  1403. "token": $.cookie("token")
  1404. }, function(result) {
  1405. if(result.state.toLowerCase() == "success") {
  1406. $(".ldcr-bottom .detail-con ul").empty();
  1407. $(result.data).each(function(i, n) {
  1408. var html = '<li>' +
  1409. ' <div class="zhishi-title clearfix">' +
  1410. ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  1411. ' <em >' + n.F_CreateOn + '</em>' +
  1412. ' </div>' +
  1413. ' <div class="explancon">' +
  1414. n.F_Content +
  1415. ' </div>' +
  1416. '</li>';
  1417. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  1418. event.stopPropagation();
  1419. if($(this).hasClass("active")) {
  1420. $(this).removeClass("active")
  1421. } else {
  1422. $(".zhishi-title").removeClass("active");
  1423. $(this).addClass("active");
  1424. }
  1425. })
  1426. })
  1427. }
  1428. })
  1429. }
  1430. //外呼弹屏
  1431. function whtp() {
  1432. $("#Result").val("");
  1433. if($(".WH").hasClass("fadeOutUp")) {
  1434. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  1435. }
  1436. $(".WH").removeClass("hidens");
  1437. $('.first').removeClass('first');
  1438. $('.WH').addClass('first');
  1439. loadWH();
  1440. }
  1441. //加载外呼电话列表
  1442. function loadWH() {
  1443. $(".phonediv").hide();
  1444. var n = $(".bg_title .lactive").attr("itemid");
  1445. switch(n) {
  1446. case '0':
  1447. var obj = $(".phonediv").eq(0);
  1448. obj.show();
  1449. //先销毁表格
  1450. var table = obj.find(".phonelist");
  1451. table.bootstrapTable('destroy');
  1452. //初始化表格,动态从服务器加载数据
  1453. table.bootstrapTable({
  1454. method: "get", //使用get请求到服务器获取数据
  1455. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  1456. contentType: "application/x-www-form-urlencoded",
  1457. striped: true, //表格显示条纹
  1458. pagination: true, //启动分页
  1459. pageSize: 10, //每页显示的记录数
  1460. pageNumber: 1, //当前第几页
  1461. pageList: [10, 20, 50, 100], //记录数可选列表
  1462. search: false, //是否启用查询
  1463. showColumns: false, //显示下拉框勾选要显示的列
  1464. showRefresh: false, //显示刷新按钮
  1465. sidePagination: "server", //表示服务端请求
  1466. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1467. //设置为limit可以获取limit, offset, search, sort, order
  1468. queryParamsType: "undefined",
  1469. queryParams: function queryParams(params) { //设置查询参数
  1470. var param = {
  1471. page: params.pageNumber,
  1472. pagesize: params.pageSize,
  1473. tel: $("#lastphone").val(),
  1474. token: $.cookie("token")
  1475. };
  1476. return param;
  1477. },
  1478. onLoadSuccess: function() { //加载成功时执行
  1479. //layer.msg("加载成功");
  1480. },
  1481. onLoadError: function() { //加载失败时执行
  1482. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1483. }
  1484. });
  1485. break;
  1486. case '1':
  1487. var obj = $(".phonediv").eq(1);
  1488. obj.show();
  1489. var table = obj.find(".phonelist");
  1490. table.bootstrapTable('destroy');
  1491. //初始化表格,动态从服务器加载数据
  1492. table.bootstrapTable({
  1493. method: "get", //使用get请求到服务器获取数据
  1494. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  1495. contentType: "application/x-www-form-urlencoded",
  1496. striped: true, //表格显示条纹
  1497. pagination: true, //启动分页
  1498. pageSize: 10, //每页显示的记录数
  1499. pageNumber: 1, //当前第几页
  1500. pageList: [10, 20, 50, 100], //记录数可选列表
  1501. search: false, //是否启用查询
  1502. showColumns: false, //显示下拉框勾选要显示的列
  1503. showRefresh: false, //显示刷新按钮
  1504. sidePagination: "server", //表示服务端请求
  1505. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1506. //设置为limit可以获取limit, offset, search, sort, order
  1507. queryParamsType: "undefined",
  1508. queryParams: function queryParams(params) { //设置查询参数
  1509. var param = {
  1510. page: params.pageNumber,
  1511. pagesize: params.pageSize,
  1512. tel: $("#gsphone").val(),
  1513. name: $("#gsname").val(),
  1514. token: $.cookie("token")
  1515. };
  1516. return param;
  1517. },
  1518. onLoadSuccess: function() { //加载成功时执行
  1519. //layer.msg("加载成功");
  1520. },
  1521. onLoadError: function() { //加载失败时执行
  1522. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1523. }
  1524. });
  1525. break;
  1526. case '2':
  1527. var obj = $(".phonediv").eq(2);
  1528. obj.show();
  1529. var table = obj.find(".phonelist");
  1530. table.bootstrapTable('destroy');
  1531. //初始化表格,动态从服务器加载数据
  1532. table.bootstrapTable({
  1533. method: "get", //使用get请求到服务器获取数据
  1534. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  1535. contentType: "application/x-www-form-urlencoded",
  1536. striped: true, //表格显示条纹
  1537. pagination: true, //启动分页
  1538. pageSize: 10, //每页显示的记录数
  1539. pageNumber: 1, //当前第几页
  1540. pageList: [10, 20, 50, 100], //记录数可选列表
  1541. search: false, //是否启用查询
  1542. showColumns: false, //显示下拉框勾选要显示的列
  1543. showRefresh: false, //显示刷新按钮
  1544. sidePagination: "server", //表示服务端请求
  1545. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  1546. //设置为limit可以获取limit, offset, search, sort, order
  1547. queryParamsType: "undefined",
  1548. queryParams: function queryParams(params) { //设置查询参数
  1549. var param = {
  1550. page: params.pageNumber,
  1551. pagesize: params.pageSize,
  1552. tel: $("#khphone").val(),
  1553. name: $("#khname").val(),
  1554. token: $.cookie("token")
  1555. };
  1556. return param;
  1557. },
  1558. onLoadSuccess: function() { //加载成功时执行
  1559. //layer.msg("加载成功");
  1560. },
  1561. onLoadError: function() { //加载失败时执行
  1562. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  1563. }
  1564. });
  1565. break;
  1566. }
  1567. }
  1568. function view(val) {
  1569. var str = '';
  1570. if(val) {
  1571. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  1572. }
  1573. return str;
  1574. }
  1575. function call(val) {
  1576. $("#Result").val(val);
  1577. $(".img").removeClass("hidens");
  1578. }
  1579. function ftime(val) {
  1580. if(val) {
  1581. return helper.DateFormat.getFormatTime(val);
  1582. } else {
  1583. return '';
  1584. }
  1585. }
  1586. function logout() {
  1587. $.ajax({
  1588. url: huayi.config.callcenter_url + "Login/Logout",
  1589. data: {
  1590. token: $.cookie("token")
  1591. },
  1592. dataType: "json",
  1593. success: function(res) {
  1594. if(res.state) {
  1595. location.href = "./login.html";
  1596. }
  1597. }
  1598. });
  1599. }
  1600. //跳转
  1601. function Jumps() {
  1602. $("iframe:visible")[0].src = "widgets.html"
  1603. }
  1604. //子页面返回主页
  1605. function home_index() {
  1606. top.$("iframe:visible")[0].src = "widgets.html";
  1607. }
  1608. //工单
  1609. //当即办理
  1610. $(".Nows").click(function() {
  1611. $(".Nows_box").toggle();
  1612. })
  1613. $(".Nows_").click(function() {
  1614. $(".Nows_box").toggle();
  1615. })
  1616. QY($("#sourcearea"));
  1617. LB($("#type"));
  1618. ZT($("#keys"));
  1619. //通知公告
  1620. function QY(obj) {
  1621. obj.empty();
  1622. $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById?", {
  1623. "token": $.cookie("token"),
  1624. }, function(data) {
  1625. if(data.state.toLowerCase() == "success") {
  1626. var content = data.data;
  1627. $(content).each(function(i, n) {
  1628. $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  1629. })
  1630. }
  1631. })
  1632. }
  1633. //来源
  1634. function LY(obj) {
  1635. obj.empty();
  1636. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
  1637. "token": $.cookie("token"),
  1638. id: 1
  1639. }, function(data) {
  1640. if(data.state.toLowerCase() == "success") {
  1641. var content = data.data;
  1642. $(content).each(function(i, n) {
  1643. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  1644. })
  1645. }
  1646. })
  1647. }
  1648. //类别
  1649. function LB(obj) {
  1650. obj.empty();
  1651. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
  1652. "token": $.cookie("token"),
  1653. id: 2
  1654. }, function(data) {
  1655. if(data.state.toLowerCase() == "success") {
  1656. var content = data.data;
  1657. $(content).each(function(i, n) {
  1658. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  1659. })
  1660. }
  1661. })
  1662. }
  1663. // 主题
  1664. function ZT(obj) {
  1665. obj.empty();
  1666. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById?", {
  1667. "token": $.cookie("token"),
  1668. id: 3
  1669. }, function(data) {
  1670. if(data.state.toLowerCase() == "success") {
  1671. var content = data.data;
  1672. $(content).each(function(i, n) {
  1673. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  1674. })
  1675. }
  1676. })
  1677. }