12345市长热线标准版-前端

main.js 48KB

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