鑫苑新版本前端代码

call.js 34KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309
  1. //来电弹屏
  2. laydate.skin('molv');
  3. laydate({
  4. elem: '#old_startTime',
  5. event: 'focus'
  6. });
  7. laydate({
  8. elem: '#old_endTime',
  9. event: 'focus'
  10. });
  11. laydate({
  12. elem: '#con_startTime',
  13. event: 'focus'
  14. });
  15. laydate({
  16. elem: '#con_endTime',
  17. event: 'focus'
  18. });
  19. //权限展示
  20. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetCurrUserDep', {
  21. "token": $.cookie("token")
  22. }, function(result) {
  23. if(result.state.toLowerCase() == "success") {
  24. console.log(result);
  25. if(result.data.groname == "客服组") {
  26. $(".KF").show();
  27. } else {
  28. $(".SC").show();
  29. $("#SCorderlist").show();
  30. }
  31. }
  32. })
  33. //弹屏右侧切换效果
  34. $(".ldtp-cr ul.ld-service li").click(function() {
  35. $(this).addClass("cr-click").siblings().removeClass("cr-click");
  36. loadOld();
  37. });
  38. $('.pre-add').click(function() {
  39. var par = $(this).parent().parent();
  40. par.hide().siblings().show();
  41. })
  42. //来电时传输的数据
  43. var Number = helper.request.queryString("Number");
  44. var CallID = helper.request.queryString("CallID");
  45. var KHid;
  46. // $(".ldhm").val(Number);
  47. $(".hidTel").val(Number);
  48. $(".tel").text(Number);
  49. $("#zxdh_").val(Number);
  50. $("#tsdh").val(Number);
  51. $(".ldtime").text(top.getNowFormatDate());
  52. $(".thsc").text("00:00");
  53. $(".hidCallID").val(CallID);
  54. //获取信息
  55. var UserCode;
  56. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  57. "token": $.cookie("token")
  58. }, function(result) {
  59. if(result.state.toLowerCase() == "success") {
  60. if(result.data.role) {
  61. // console.log(result.data);
  62. UserCode = result.data.user.F_UserCode;
  63. }
  64. }
  65. })
  66. //获取电话所属地
  67. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
  68. "tel": $(".hidTel").val(),
  69. "token": $.cookie("token")
  70. }, function(result) {
  71. if(result.state.toLowerCase() == "success") {
  72. $(".khgsd").text(result.data);
  73. // $(".ldlocation").text(result.data);
  74. }
  75. })
  76. //获取客户信息
  77. $(".ldtel").text($(".hidTel").val());
  78. $("#tsdh").val($(".hidTel").val());
  79. $(".ldtel1").val($(".hidTel").val());
  80. $.getJSON(huayi.config.callcenter_url + 'Customer/GetCustomerByTel', {
  81. "tel": $(".hidTel").val(),
  82. "token": $.cookie("token")
  83. }, function(result) {
  84. if(result.state.toLowerCase() == "success" && result.data != null) {
  85. KHid = result.data.F_CustomerId;
  86. $('.ldname').val(result.data.F_CustomerName); //客户姓名
  87. $(".ldtel1").val(Number); //联系电话
  88. $("#testInput1").val(result.data.F_Province); //省份
  89. $("#testInput2").val(result.data.F_CustomerIndustry); //来电单位
  90. //客服部显示
  91. $("#callCustomer").val(result.data.F_CustomerName); //客户姓名
  92. $("#Tel").val(Number); //联系电话
  93. $("#lddep").val(result.data.F_CustomerIndustry); //来电单位
  94. $("#fkdep").val(result.data.fkdep)
  95. //市场部显示
  96. $("#marketName").val(result.data.F_CustomerName);
  97. $("#marketTel").val(Number);
  98. $("#lddepr").val(result.data.F_CustomerIndustry);
  99. $("#fkdep").val(result.data.fkdep)
  100. }
  101. })
  102. var timestamp = Date.parse(new Date());
  103. //呼叫中心传入城管平台参数 ///不知道干吗用
  104. // $.ajax({
  105. // type: "get",
  106. // url: 'http://61.54.5.100:8086/callcenter/PutTel?',
  107. // async: true,
  108. // dataType: 'json',
  109. // data: {
  110. // id: UserCode,
  111. // tel: $(".hidTel").val(),
  112. // time: timestamp
  113. // },
  114. // success: function(data) {}
  115. // });
  116. // $('.maxOpen').trigger("click");
  117. $('.head-pic .lahei .la-before').show();
  118. //触发来电类型第一个 点击;
  119. // $("#dicValueList li:first-child").find("label").trigger('click');
  120. $('.head-pic .lahei .la-after').hide();
  121. // $(".Bacha").hide();
  122. function clearInter() {
  123. clearInterval(timer);
  124. }
  125. //通话中执行变化
  126. var timer, n = 0;
  127. function calling() {
  128. $(".td-call").show();
  129. n = 0;
  130. clearInterval(timer);
  131. timer = setInterval(function() {
  132. n++;
  133. var m = parseInt(n / 60 % 60);
  134. var s = parseInt(n % 60);
  135. // var thsc=toDub(m) + ":" + toDub(s);
  136. $(".thsc").text(toDub(m) + ":" + toDub(s));
  137. }, 1000);
  138. }
  139. function toDub(i) {
  140. return i < 10 ? "0" + i : "" + i;
  141. }
  142. //最大化 最小化效果
  143. //最小化
  144. // $('.minClosed').click(function () {
  145. // $('.ldtp-con').removeClass('fadeInDown');
  146. // $('.ldtp-con').addClass('fadeOutUp');
  147. // $('.ldtp-con').css("display", "none");
  148. // $('.maxOpen').show();
  149. // $('.maxOpen').addClass('fadeInDown');
  150. // });
  151. //最大化
  152. // $('.maxOpen').click(function () {
  153. // //触发来电类型第一个 点击;测试用
  154. // //$("#dicValueList li:first-child").find("label").trigger('click');
  155. // $('.ldtp-con').removeClass('fadeOutUp');
  156. // $('.ldtp-con').addClass('fadeInDown');
  157. // $('.ldtp-con').css("display", "block");
  158. // $('.maxOpen').hide();
  159. // $('.maxOpen').removeClass('fadeInDown');
  160. // $('.maxOpen').addClass('fadeInDown');
  161. // $('.first').removeClass('first');
  162. // $('.ldtp-con').addClass('first');
  163. //
  164. // })
  165. //关闭弹框
  166. // $(".Bacha").click(function () {
  167. // //清除来电类型样式
  168. // //debugger;
  169. // $('#dicValueList li').find("label").removeClass('checkedDept');
  170. // $('.ldtp-con').removeClass('fadeInDown');
  171. // $('.ldtp-con').addClass('fadeOutUp');
  172. // $('.ldtp-con').css("display", "none");
  173. // Clean();
  174. // top.obj.Type = "SayFree";
  175. // top.Send();
  176. // })
  177. //顶部小头像
  178. // var little_pic = $('.head-pic .hp-box img').attr("src");
  179. // $('.maxOpen li .photo img').attr("src", little_pic);
  180. //点击左侧菜单来电弹屏显示
  181. // $('.tantan').click(function () {
  182. // $('.maxOpen').trigger("click");
  183. // $('.head-pic .lahei .la-before').show();
  184. // $('.head-pic .lahei .la-after').hide();
  185. //
  186. // })
  187. //点击挂断
  188. $('.head-pic .td-call .take').click(function() {
  189. // top.obj.Type = "DropCall";
  190. top.obj.Type = "TurnIvr";
  191. // top.obj.AgentID = $.cookie("zx_user");
  192. // top.obj.AgentExten = $.cookie("extno");
  193. top.obj.IvrName = "MYD";
  194. top.obj.IvrPos = "1";
  195. top.Send();
  196. });
  197. //点击拉黑事件
  198. $('.head-pic .lahei .la-before').click(function() {
  199. if(!$(".hidTel").val()) {
  200. layer.confirm('来电号码为空!', {
  201. btn: ['确定']
  202. });
  203. return;
  204. }
  205. $("#time-word").val('');
  206. $('.ldtp-con .hei-list').show();
  207. })
  208. //拉黑输入框事件
  209. $('.hei-list .bacha').click(function() {
  210. $('.ldtp-con .hei-list').hide();
  211. $("#time-word").val('');
  212. })
  213. var reg = /^\+?[1-9][0-9]*$/;
  214. $('#bc').click(function() {
  215. var n = $("#time-word").val();
  216. var val = $("input[name='time']:checked").val();
  217. if(n) {
  218. if(!(reg.test(n))) {
  219. layer.confirm('请输入整数时间!', {
  220. btn: ['确定']
  221. });
  222. return;
  223. }
  224. } else {
  225. if(val == '4') {
  226. n = 0;
  227. } else {
  228. layer.confirm('请输入整数时间!', {
  229. btn: ['确定']
  230. });
  231. return;
  232. }
  233. }
  234. $.post(huayi.config.callcenter_url + 'CallInScreen/AddBlack', {
  235. tel: $(".hidTel").val(),
  236. num: n,
  237. type: val,
  238. "token": $.cookie("token")
  239. }, function(result) {
  240. result = $.parseJSON(result);
  241. if(result.state.toLowerCase() == "success") {
  242. layer.msg("拉入黑名单成功");
  243. $('.la-shichang .blackTime').html(result.data);
  244. //$('.ldtp-con .hei-list').removeClass('bounceIn');
  245. //$('.ldtp-con .hei-list').addClass('bounceOutUp');
  246. $('.ldtp-con .hei-list').hide();
  247. $('.head-pic .lahei .la-before').hide();
  248. $('.head-pic .lahei .la-after').show();
  249. $('.head-pic .lahei .retur').show();
  250. }
  251. })
  252. })
  253. $('.la-after').click(function() {
  254. if(!$(".hidTel").val()) {
  255. layer.confirm('来电号码为空!', {
  256. btn: ['确定']
  257. });
  258. return;
  259. }
  260. $("#time-word").val('');
  261. $('.ldtp-con .hei-list').show();
  262. $('.ldtp-con .hei-list').removeClass('bounceOutUp');
  263. $('.ldtp-con .hei-list').addClass('bounceIn');
  264. })
  265. $('.head-pic .lahei .retur').click(function() {
  266. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/DelBlack', {
  267. tel: $(".hidTel").val(),
  268. "token": $.cookie("token")
  269. }, function(result) {
  270. if(result.state.toLowerCase() == "success") {
  271. layer.msg("取消黑名单成功");
  272. $('.head-pic .lahei .retur').hide();
  273. $('.head-pic .lahei .la-after').hide();
  274. $('.head-pic .lahei .la-before').show();
  275. }
  276. })
  277. })
  278. $(".col-sm-3").mouseleave(function() {
  279. $(".ztree").parent().hide();
  280. })
  281. //创建投诉工单
  282. $(".addts").click(function() {
  283. var marketName = $("#marketName").val();
  284. var marketTel = $("#marketTel").val();
  285. var lddep_market = $("#lddep").val();
  286. var fkdep_market = $("#testInput1_").val();
  287. var fkcont_market = $("#fkcont_market").val();
  288. var callid = $(".hidCallID").val();
  289. if(!marketName) {
  290. layer.confirm('请输入姓名!', {
  291. btn: ['确定']
  292. });
  293. return;
  294. }
  295. if(!marketTel) {
  296. layer.confirm('请输入电话!', {
  297. btn: ['确定']
  298. });
  299. return;
  300. }
  301. if(!lddep_market) {
  302. layer.confirm('请选择来电单位!', {
  303. btn: ['确定']
  304. });
  305. return;
  306. }
  307. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  308. callCustomer: marketName,
  309. tel: marketTel,
  310. lddep: lddep_market,
  311. fkdep: fkdep_market,
  312. fkcont: fkcont_market,
  313. province: $("#testInput1").val(),
  314. "token": $.cookie("token")
  315. }, function(result) {
  316. result = $.parseJSON(result);
  317. if(result.state.toLowerCase() == "success") {
  318. loadOld();
  319. $("#marketName").val('');
  320. $("#marketTel").val('');
  321. $("#lddep_market").val('');
  322. $("#testInput1_").val('');
  323. $("#fkcont_market").val('');
  324. layer.msg("创建工单成功");
  325. }
  326. })
  327. })
  328. KindEditor.ready(function(K) {
  329. window.changeEditor = K.create('#fkcont'); //修改弹出框编辑器
  330. })
  331. //客服组增加工单
  332. $(".add_").click(function() {
  333. //联系人
  334. var callCustomer = $("#callCustomer").val();
  335. //来电号码
  336. var tel = $("#Tel").val();
  337. //来电单位
  338. var lddep = $('#lddep').val();
  339. //反馈单位
  340. var fkdep = $("#testInput_").val();
  341. ///工单来源id
  342. var gdly = $("#DicValueList").val();
  343. //工单类型id
  344. var gdlx = $("#OPID").val();
  345. //工单状态id
  346. var gdzt = $("#State").val();
  347. //反馈内容
  348. var fkcont = encodeURIComponent(changeEditor.html());
  349. //快递信息
  350. var sendmsg = $('#sendmsg').val();
  351. //备注一
  352. var note1 = $("#note1").val();
  353. //备注二
  354. var note2 = $("#note2").val();
  355. //备注三
  356. var note3 = $("#note3").val();
  357. //callid
  358. var callid = $(".hidCallID").val();
  359. // var tskh = $("#zxr_").val(); //联系:
  360. // var tsdh = $("#zxdh_").val(); //咨询电话
  361. // var cont = $("#zxnr_").val(); //咨询内容
  362. // var clcont = $("#clnr_").val(); //内容
  363. var type = "1";
  364. if(!callCustomer) {
  365. layer.confirm('请输入姓名!', {
  366. btn: ['确定']
  367. });
  368. return;
  369. }
  370. if(!tel) {
  371. layer.confirm('请输入电话!', {
  372. btn: ['确定']
  373. });
  374. return;
  375. }
  376. if(!lddep) {
  377. layer.confirm('请选择来电单位!', {
  378. btn: ['确定']
  379. });
  380. return;
  381. }
  382. if(!fkdep) {
  383. layer.confirm('请选择反馈单位!', {
  384. btn: ['确定']
  385. });
  386. return;
  387. }
  388. if(!gdly) {
  389. layer.confirm('请选择工单来源!', {
  390. btn: ['确定']
  391. });
  392. return;
  393. }
  394. if(!gdlx) {
  395. layer.confirm('请选择工单类型!', {
  396. btn: ['确定']
  397. });
  398. return;
  399. }
  400. if(!gdzt) {
  401. layer.confirm('请选择工单状态!', {
  402. btn: ['确定']
  403. });
  404. return;
  405. }
  406. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  407. callCustomer: callCustomer,
  408. tel: tel,
  409. lddep: lddep,
  410. fkdep: fkdep,
  411. gdly: gdly,
  412. gdlx: gdlx,
  413. gdzt: gdzt,
  414. fkcont: fkcont,
  415. sendmsg: sendmsg,
  416. note1: note1,
  417. note2: note2,
  418. note3: note3,
  419. callid: callid,
  420. province: $("#testInput1").val(),
  421. "token": $.cookie("token")
  422. }, function(result) {
  423. result = $.parseJSON(result);
  424. if(result.state.toLowerCase() == "success") {
  425. loadOld();
  426. // $("#zxr_").val(''); //咨询人:
  427. // $("#zxdh_").val(''); //咨询电话
  428. // $("#zxnr_").val(''); //咨询内容
  429. // $("#clnr_").val(''); //内容
  430. $("#callCustomer").val('');
  431. //来电号码
  432. $("#Tel").val('');
  433. //来电单位
  434. $('#lddep').val('');
  435. //反馈单位
  436. $("#testInput_").val('');
  437. ///工单来源id
  438. $("#DicValueList").val('');
  439. //工单类型id
  440. $("#OPID").val('');
  441. //工单状态id
  442. $("#State").val('');
  443. //反馈内容
  444. $("#fkcont").val('');
  445. //快递信息
  446. $('#sendmsg').val('');
  447. //备注一
  448. $("#note1").val('');
  449. //备注二
  450. $("#note2").val('');
  451. //备注三
  452. $("#note3").val('');
  453. layer.msg("创建工单成功");
  454. }
  455. })
  456. })
  457. //客户资料
  458. $('.khzl tbody>tr>td input').attr('readonly', true);
  459. $('.save').hide();
  460. $('.cancel').hide();
  461. $('.edit').click(function() {
  462. $('.save').show();
  463. $('.cancel').show();
  464. $('.edit').hide();
  465. $('.khzl tbody>tr>td input').attr('readonly', false);
  466. $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
  467. $(".testInput2").show();
  468. $(".testInput1").css('display', "block");
  469. $(".ldpamter").hide();
  470. $(".ldlocation").hide();
  471. })
  472. $('.cancel').click(function() {
  473. $('.khzl tbody>tr>td input').attr('readonly', true);
  474. $('.khzl tbody>tr>td input').css('border', "0");
  475. $('.save').hide();
  476. $('.cancel').hide();
  477. $('.edit').show();
  478. $('.testInput2').attr('display', none);;
  479. $(".testInput1").hide();
  480. $(".ldpamter").show();
  481. $(".ldlocation").show();
  482. })
  483. //保存客户
  484. $(".save").click(function() {
  485. $('.edit').show();
  486. $('.save').hide();
  487. $('.cancel').hide();
  488. $('.khzl tbody>tr>td input').css('border', "0");
  489. var reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/;
  490. var khid = $("#khid").val();
  491. var khmc = $(".khmc").val();
  492. var tel1 = $(".ldtel1").val();
  493. var testInput2 = $("#testInput2").val();
  494. var ldlocation = $("#testInput1").val();
  495. if(!khmc) {
  496. layer.confirm('请输入客户名称!', {
  497. btn: ['确定']
  498. });
  499. return;
  500. } else if(!ldlocation) {
  501. layer.confirm('请输入省份!', {
  502. btn: ['确定']
  503. });
  504. return;
  505. }
  506. // else if(!reg.test($.trim(tel1))){
  507. // layer.confirm('请正确号码!', {
  508. // btn: ['确定']
  509. // });
  510. // return;
  511. // }
  512. $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
  513. id: $(".hidCallID").val(),
  514. cid: KHid,
  515. name: khmc,
  516. province: ldlocation, //省份
  517. customerindustry: testInput2, //来电单位
  518. mobile: tel1,
  519. "token": $.cookie("token")
  520. }, function(result) {
  521. result = $.parseJSON(result);
  522. if(result.state.toLowerCase() == "success") {
  523. $("#khid").val(result.data);
  524. $("#tskh").val(khmc);
  525. layer.msg("保存成功");
  526. $('.save').hide();
  527. $('.cancel').hide();
  528. $('.edit').show();
  529. $("#marketName").val(khmc);
  530. $("#marketTel").val(tel1);
  531. $("#lddepr").val(testInput2);
  532. $("#callCustomer").val(khmc); //客户姓名
  533. $("#Tel").val(tel1); //联系电话
  534. $("#lddep").val(testInput2); //来电单位
  535. }
  536. })
  537. })
  538. //知识库查询
  539. $(".searIcon").click(function() {
  540. loadZSK();
  541. })
  542. //历史记录查询
  543. $(".searchbtn").click(function() {
  544. loadOld();
  545. })
  546. //新增记录
  547. $(".addjl").click(function() {
  548. var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
  549. if(type == '3') {
  550. $(".addgd").show();
  551. $(".tbold").hide();
  552. Select($("#testInput_"));
  553. } else if(type == '1') {
  554. $(".zxbg").show();
  555. $(".tbold").hide();
  556. // obj.blur(function() { //
  557. // $('.testInput-list').hide();
  558. // });
  559. //请求单位
  560. //
  561. }
  562. })
  563. //获取知识库
  564. loadZSK();
  565. //获取知识库
  566. function loadZSK() {
  567. $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  568. "keywords": $(".search").val(),
  569. "token": $.cookie("token")
  570. }, function(result) {
  571. if(result.state.toLowerCase() == "success") {
  572. $(".ldcr-bottom .detail-con ul").empty();
  573. $(result.data).each(function(i, n) {
  574. var html = '<li>' +
  575. ' <div class="zhishi-title clearfix">' +
  576. ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  577. ' <em >' + n.F_CreateOn + '</em>' +
  578. ' </div>' +
  579. ' <div class="explancon">' +
  580. n.F_Content +
  581. ' </div>' +
  582. '</li>';
  583. $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function(event) {
  584. event.stopPropagation();
  585. if($(this).hasClass("active")) {
  586. $(this).removeClass("active")
  587. } else {
  588. $(".zhishi-title").removeClass("active");
  589. $(this).addClass("active");
  590. }
  591. })
  592. })
  593. }
  594. })
  595. }
  596. $('input:radio[name="banli"]').change(function() {
  597. if($(this).val() == '1') {
  598. $(".Nows_box").show();
  599. } else {
  600. $(".Nows_box").hide();
  601. }
  602. })
  603. // QY($("#sourcearea"));
  604. // LB($("#type"));
  605. // ZT($("#keys"));
  606. // //通知公告
  607. //function QY(obj) {
  608. // obj.empty();
  609. // obj.append('<option selected="selected" value="">请选择</option>');
  610. // $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById", {
  611. // "token": $.cookie("token"),
  612. // }, function (data) {
  613. // if (data.state.toLowerCase() == "success") {
  614. // var content = data.data;
  615. // $(content).each(function (i, n) {
  616. // $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
  617. // })
  618. // }
  619. // })
  620. //}
  621. ////来源
  622. //function LY(obj) {
  623. // obj.empty();
  624. // $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  625. // "token": $.cookie("token"),
  626. // id: 1
  627. // }, function (data) {
  628. // if (data.state.toLowerCase() == "success") {
  629. // var content = data.data;
  630. // $(content).each(function (i, n) {
  631. // $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  632. // })
  633. // }
  634. // })
  635. //}
  636. ////类别
  637. //function LB(obj) {
  638. // obj.empty();
  639. // $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  640. // "token": $.cookie("token"),
  641. // id: 2
  642. // }, function (data) {
  643. // if (data.state.toLowerCase() == "success") {
  644. // var content = data.data;
  645. // $(content).each(function (i, n) {
  646. // $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  647. // })
  648. // }
  649. // })
  650. //}
  651. ////主题
  652. //function ZT(obj) {
  653. // obj.empty();
  654. // $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  655. // "token": $.cookie("token"),
  656. // id: 3
  657. // }, function (data) {
  658. // if (data.state.toLowerCase() == "success") {
  659. // var content = data.data;
  660. // $(content).each(function (i, n) {
  661. // $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
  662. // })
  663. // }
  664. // })
  665. //}
  666. //获取历史记录
  667. loadOld()
  668. //获取历史记录
  669. function loadOld() {
  670. $(".addgd").hide();
  671. $(".tbold").show();
  672. $(".zxbg").hide();
  673. var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
  674. if(type != '0') {
  675. $(".complain").hide();
  676. $(".complain").eq(1).show();
  677. //先销毁表格
  678. $('#orderlist').bootstrapTable('destroy');
  679. //初始化表格,动态从服务器加载数据
  680. $("#orderlist").bootstrapTable({
  681. method: "get", //使用get请求到服务器获取数据
  682. url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
  683. contentType: 'application/x-www-form-urlencoded',
  684. striped: true, //表格显示条纹
  685. pagination: true, //启动分页
  686. pageSize: 5, //每页显示的记录数
  687. pageNumber: 1, //当前第几页
  688. pageList: [5, 10, 50, 100], //记录数可选列表
  689. search: false, //是否启用查询
  690. showColumns: false, //显示下拉框勾选要显示的列
  691. showRefresh: false, //显示刷新按钮
  692. sidePagination: "server", //表示服务端请求
  693. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  694. //设置为limit可以获取limit, offset, search, sort, order
  695. queryParamsType: "undefined",
  696. queryParams: function queryParams(params) { //设置查询参数
  697. var param = {
  698. page: params.pageNumber,
  699. pagesize: params.pageSize,
  700. tel: $(".hidTel").val(),
  701. starttime: $("#con_startTime").val(),
  702. endtime: $("#con_endTime").val(),
  703. token: $.cookie("token"),
  704. isldtp: 1,
  705. fkdep: $("#fkdep").val()
  706. };
  707. return param;
  708. },
  709. onLoadSuccess: function() { //加载成功时执行
  710. //layer.msg("加载成功");
  711. },
  712. onLoadError: function() { //加载失败时执行
  713. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  714. }
  715. });
  716. } else if(type = '0') {
  717. $(".complain").hide();
  718. $(".complain").eq(0).show();
  719. //先销毁表格
  720. $('#oldlist').bootstrapTable('destroy');
  721. //初始化表格,动态从服务器加载数据
  722. $("#oldlist").bootstrapTable({
  723. method: "get", //使用get请求到服务器获取数据
  724. url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
  725. contentType: 'application/x-www-form-urlencoded',
  726. striped: true, //表格显示条纹
  727. pagination: true, //启动分页
  728. pageSize: 5, //每页显示的记录数
  729. pageNumber: 1, //当前第几页
  730. pageList: [5, 10, 50, 100], //记录数可选列表
  731. search: false, //是否启用查询
  732. showColumns: false, //显示下拉框勾选要显示的列
  733. showRefresh: false, //显示刷新按钮
  734. sidePagination: "server", //表示服务端请求
  735. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  736. //设置为limit可以获取limit, offset, search, sort, order
  737. queryParamsType: "undefined",
  738. queryParams: function queryParams(params) { //设置查询参数
  739. var param = {
  740. page: params.pageNumber,
  741. pagesize: params.pageSize,
  742. tel: $(".hidTel").val(),
  743. starttime: $("#old_startTime").val(),
  744. endtime: $("#old_endTime").val(),
  745. token: $.cookie("token")
  746. };
  747. return param;
  748. },
  749. onLoadSuccess: function() { //加载成功时执行
  750. //layer.msg("加载成功");
  751. },
  752. onLoadError: function() { //加载失败时执行
  753. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  754. }
  755. });
  756. } else {
  757. // $(".complain").hide();
  758. // $(".complain").eq(1).show();
  759. //先销毁表格
  760. $('#SCorderlist').bootstrapTable('destroy');
  761. //初始化表格,动态从服务器加载数据
  762. $("#SCorderlist").bootstrapTable({
  763. method: "get", //使用get请求到服务器获取数据
  764. url: huayi.config.callcenter_url + "CallInScreen/GetOldList", //获取数据的Servlet地址
  765. contentType: 'application/x-www-form-urlencoded',
  766. striped: true, //表格显示条纹
  767. pagination: true, //启动分页
  768. pageSize: 5, //每页显示的记录数
  769. pageNumber: 1, //当前第几页
  770. pageList: [5, 10, 50, 100], //记录数可选列表
  771. search: false, //是否启用查询
  772. showColumns: false, //显示下拉框勾选要显示的列
  773. showRefresh: false, //显示刷新按钮
  774. sidePagination: "server", //表示服务端请求
  775. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  776. //设置为limit可以获取limit, offset, search, sort, order
  777. queryParamsType: "undefined",
  778. queryParams: function queryParams(params) { //设置查询参数
  779. var param = {
  780. page: params.pageNumber,
  781. pagesize: params.pageSize,
  782. tel: $(".hidTel").val(),
  783. starttime: $("#con_startTime").val(),
  784. endtime: $("#con_endTime").val(),
  785. token: $.cookie("token"),
  786. // isldtp:1,
  787. fkdep: $("#fkdep").val()
  788. };
  789. return param;
  790. },
  791. onLoadSuccess: function() { //加载成功时执行
  792. //layer.msg("加载成功");
  793. },
  794. onLoadError: function() { //加载失败时执行
  795. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  796. }
  797. });
  798. }
  799. if(type == '3') {
  800. getLX($("#tslx"), "TSLX");
  801. getBM($("#zrbmtree"));
  802. getBM($("#clbmtree"));
  803. }
  804. }
  805. //格式化历史记录内处理方式
  806. function formatterDealType(val, row) {
  807. //处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
  808. var str = '-';
  809. switch(val) {
  810. case 0:
  811. str = 'IVR处理';
  812. break;
  813. case 1:
  814. str = '骚扰电话';
  815. break;
  816. case 2:
  817. str = '自助服务';
  818. break;
  819. case 3:
  820. str = '转值班电话';
  821. break;
  822. case 4:
  823. str = '留言';
  824. break;
  825. case 5:
  826. str = '呼损';
  827. break;
  828. case 6:
  829. str = '人工处理';
  830. break;
  831. }
  832. return str;
  833. }
  834. function Detail(val) {
  835. if(val) {
  836. var str = '<div style="color:#e43926;" '
  837. str = str + ' title="' + decodeURIComponent(val) + '" ';
  838. return str + '>' + decodeURIComponent(val) + '</div>';
  839. }
  840. }
  841. function GetCallState(val) {
  842. if(val == '1') {
  843. return '已接通';
  844. } else {
  845. return '未接通';
  846. }
  847. }
  848. //音频
  849. function setCode(val) {
  850. if(val) {
  851. return '<div class="imgs" style="cursor: pointer;">' +
  852. '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  853. '</div>';
  854. } else {
  855. return '';
  856. }
  857. }
  858. //录音
  859. function ck(val) {
  860. var path = $(val).attr("item");
  861. $(".t-shade").addClass("cx");
  862. $(".Ly_box").empty();
  863. $(".down").attr("href", path);
  864. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  865. }
  866. function GetDealState(val) {
  867. if(val == '1') {
  868. return '已处理';
  869. } else {
  870. return '未处理';
  871. }
  872. }
  873. function GetStateName(val) {
  874. var str = '';
  875. //switch (val + '') {
  876. // case '0':
  877. // str = "待指派";
  878. // break;
  879. // case '1':
  880. // str = "处理中";
  881. // break;
  882. // case '2':
  883. // str = "已完结";
  884. // break;
  885. //}
  886. switch(val + '') {
  887. case '0':
  888. str = "待处理";
  889. break;
  890. case '1':
  891. str = "已处理";
  892. break;
  893. }
  894. return str;
  895. }
  896. //截取字符串
  897. function GetCont(val) {
  898. var str = '<div '
  899. if(val.length > 20) {
  900. str = str + ' title="' + val + '" ';
  901. val = val.substr(0, 20) + "...";
  902. }
  903. return str + '>' + val + '</div>';
  904. }
  905. //获取类型
  906. function getLX(obj, type) {
  907. obj.empty();
  908. $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
  909. "flag": type,
  910. "token": $.cookie("token")
  911. }, function(result) {
  912. if(result.state.toLowerCase() == "success") {
  913. $(result.data).each(function(i, n) {
  914. obj.append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  915. })
  916. }
  917. })
  918. }
  919. //获取部门
  920. var setting = {
  921. data: {
  922. key: {
  923. name: "F_DeptName"
  924. },
  925. simpleData: {
  926. enable: true,
  927. idKey: "F_DeptId",
  928. pIdKey: "F_ParentId",
  929. rootPId: 0
  930. }
  931. },
  932. callback: {
  933. onClick: zTreeOnClick
  934. }
  935. };
  936. function getBM(obj) {
  937. $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
  938. "token": $.cookie("token")
  939. }, function(result) {
  940. if(result.state.toLowerCase() == "success") {
  941. $.fn.zTree.init(obj, setting, result.data);
  942. }
  943. })
  944. }
  945. function zTreeOnClick(event, treeId, treeNode) {
  946. var obj = $("#" + event.data.treeId).parent();
  947. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  948. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  949. obj.hide();
  950. if(event.data.treeId == "zrbmtree") {
  951. getRY($("#zrid"), $("#zrbm").val());
  952. }
  953. if(event.data.treeId == "clbmtree") {
  954. getRY($("#clid"), $("#clbm").val());
  955. }
  956. };
  957. //获取人员
  958. function getRY(obj, deptid) {
  959. obj.empty();
  960. obj.append('<option value="">--请选择--</option>');
  961. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
  962. "deptid": deptid,
  963. "token": $.cookie("token")
  964. }, function(result) {
  965. if(result.state.toLowerCase() == "success") {
  966. $(result.data).each(function(i, n) {
  967. obj.append('<option value="' + n.F_UserId + '">' + n.F_UserName + '</option>');
  968. })
  969. }
  970. })
  971. }
  972. //反馈单位 and来电单位
  973. getAccount('#fkdep');
  974. // getAccount('#fkdep_market');//反馈单位
  975. getAccount('#lddep_market'); //来电单位
  976. function getAccount(obj) {
  977. $.ajax({
  978. type: "get",
  979. url: huayi.config.callcenter_url + "Customer/BindLDdep",
  980. dataType: 'json',
  981. async: true,
  982. data: {
  983. token: $.cookie("token")
  984. },
  985. success: function(data) {
  986. var Count = data.data.dep;
  987. $(Count).each(function(i, n) {
  988. $("<option value='" + n + "'>" + n + "</option>").appendTo($(obj));
  989. })
  990. // $(obj).selectpicker('refresh');
  991. }
  992. });
  993. }
  994. $.ajax({
  995. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  996. type: 'get',
  997. async: true,
  998. data: {
  999. // tel: '123456789',
  1000. flag: 'GDLY',
  1001. token: $.cookie("token")
  1002. },
  1003. dataType: "json",
  1004. success: function(res) {
  1005. if(res.state == "success") {
  1006. console.log(res.data);
  1007. $('<option value="">全部</option>').appendTo($("#DicValueList"));
  1008. $(res.data).each(function(i, n) {
  1009. if(n.F_DictionaryValueId == "468") {
  1010. $('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
  1011. } else {
  1012. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
  1013. }
  1014. })
  1015. }
  1016. }
  1017. });
  1018. $("#citySel").click(function() {
  1019. if($(".menuContent").is(":hidden")) {
  1020. $(".menuContent").show();
  1021. // alert("1");
  1022. } else {
  1023. $(".menuContent").hide();
  1024. }
  1025. })
  1026. //工单类型
  1027. //部门
  1028. tree()
  1029. function tree() {
  1030. $.get(huayi.config.callcenter_url + "WorkType/GetTreeList", {
  1031. "token": $.cookie("token"),
  1032. // "pid": pid
  1033. }, function(result) {
  1034. result = $.parseJSON(result);
  1035. $.fn.zTree.init($("#treeDemo"), setting2, result.data); //实例化树形图
  1036. });
  1037. }
  1038. var setting2 = {
  1039. data: {
  1040. key: {
  1041. name: "text"
  1042. },
  1043. simpleData: {
  1044. enable: true,
  1045. idKey: "id",
  1046. rootPId: 0
  1047. }
  1048. },
  1049. callback: {
  1050. onClick: addTreeClick
  1051. }
  1052. }
  1053. function addTreeClick(event, treeId, treeNode) {
  1054. IDs = treeNode.id;
  1055. Names = treeNode.text;
  1056. $('#citySel').val(Names);
  1057. $("#OPID").val(IDs);
  1058. $('.menuContent').hide()
  1059. };
  1060. //状态
  1061. $.ajax({
  1062. url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  1063. type: 'get',
  1064. async: true,
  1065. data: {
  1066. flag: 'GDZT',
  1067. token: $.cookie("token")
  1068. },
  1069. dataType: "json",
  1070. success: function(res) {
  1071. if(res.state == "success") {
  1072. console.log(res.data);
  1073. $('<option value="">全部</option>').appendTo($("#State"));
  1074. $(res.data).each(function(i, n) {
  1075. if(n.F_DictionaryValueId == '472') {
  1076. $('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($("#State"));
  1077. } else {
  1078. $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
  1079. }
  1080. })
  1081. //
  1082. }
  1083. }
  1084. });
  1085. //查看详情
  1086. function ckxq(str) {
  1087. layer.open({
  1088. type: 2,
  1089. content: "CommonHtml/WorkDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
  1090. title: '工单详情',
  1091. area: ['85%', '80%'], //宽高
  1092. });
  1093. }
  1094. //清空
  1095. function Clean() {
  1096. //左侧
  1097. //debugger;
  1098. $('.ldname').val(''); //投诉人
  1099. $('#khid').val('');
  1100. $('.tsdh').val(''); //投诉电话
  1101. $('.ldlocation').text('未知'); //归属地
  1102. $('.lxr').val(''); //联系人
  1103. $('.lxdh').val(''); //联系电话
  1104. $('.postcode').val(''); //邮编
  1105. $('.email').val(''); //email
  1106. $('.ldtime').val(''); //来电时间
  1107. //右侧
  1108. $("#cusname").val(''); //=投诉人姓名
  1109. $("#cussex").val('');
  1110. $("#cusphone").val(''); //=投诉人电话
  1111. $("#email").val('');
  1112. $("#zipcode").val('');
  1113. $("#conphone").val('');
  1114. $("#title").val('');
  1115. $("#content").val('');
  1116. $("#sourcearea").val(); //=事发地域id
  1117. $('#sourceaddress').val(''); //=事发详细地址
  1118. $("input[name='baomi'][value='1']").prop("checked", true); //=(0转办1直办)
  1119. $("#type option:first").prop("selected", 'selected');
  1120. $("#level option:first").prop("selected", 'selected');
  1121. $("#keys option:first").prop("selected", 'selected');
  1122. $("#sourcearea option:first").prop("selected", 'selected');
  1123. $('#result').val('');
  1124. }
  1125. Select($("#testInput_"));
  1126. Select($("#testInput1_"));
  1127. Select($("#testInput2"));
  1128. Selects($("#testInput1"));
  1129. function Select(obj) {
  1130. obj.click(function(event) {
  1131. event.preventDefault();
  1132. });
  1133. obj.focus(function() { //
  1134. //失去焦点后触发的事件
  1135. obj.parent().find('.testInput-list').show();
  1136. BindLDdep();
  1137. });
  1138. // obj.blur(function() { //
  1139. // $('.testInput-list').hide();
  1140. // });
  1141. obj.bind("input propertychange", function() {
  1142. var value = $(this).val();
  1143. obj.parent().find('.testInput-list').show();
  1144. BindLDdep(value)
  1145. });
  1146. //请求单位
  1147. function BindLDdep(str) {
  1148. $('.testInput-list').empty();
  1149. $.ajax({
  1150. type: "get",
  1151. url: huayi.config.callcenter_url + "Customer/BindLDdep",
  1152. dataType: 'json',
  1153. async: true,
  1154. data: {
  1155. keypara: str,
  1156. token: $.cookie("token")
  1157. },
  1158. success: function(data) {
  1159. var Count = data.data.dep;
  1160. console.log(Count);
  1161. var html = '';
  1162. $(Count).each(function(i, n) {
  1163. html = '<li value="' + n + '">' + n + '</li>';
  1164. $(html).appendTo($('.testInput-list'))
  1165. });
  1166. $('.testInput-list>li').click(function() {
  1167. obj.val($(this).html());
  1168. console.log($(this).html());
  1169. $('.testInput-list').hide();
  1170. })
  1171. }
  1172. });
  1173. };
  1174. //
  1175. }
  1176. var City_ = ["北京市", "天津市", "河北省", "山西省", "内蒙古", "辽宁省", "吉林省", "黑龙江省", "上海市", "江苏省", "浙江省", "安徽省", "福建省", "江西省", "山东省", "河南省", "湖北省", "湖南省", "广东省", "广西自治区", "海南省", "重庆市", "四川省", "贵州省", "云南省", "西藏自治区", "陕西省", "甘肃省", "青海省", "宁夏回族自治区", "新疆维吾尔自治区", "香港特别行政区", "澳门特别行政区", "台湾省", "钓鱼岛", "其他附属岛屿"];
  1177. function Selects(obj) {
  1178. obj.click(function(event) {
  1179. event.preventDefault();
  1180. });
  1181. obj.focus(function() { //
  1182. //失去焦点后触发的事件
  1183. obj.parent().find('.testInput-list').show();
  1184. BindLDdep();
  1185. });
  1186. // obj.blur(function() { //
  1187. // $('.testInput-list').hide();
  1188. // });
  1189. obj.bind("input propertychange", function() {
  1190. var value = $(this).val();
  1191. BindLDdep(value);
  1192. obj.parent().find('.testInput-list').show();
  1193. if(value) {
  1194. var len = City_.length;
  1195. var arr = [];
  1196. for(var i = 0; i < len; i++) {
  1197. //如果字符串中不包含目标字符会返回-1
  1198. if(City_[i].indexOf(value) != -1) {
  1199. $('.testInput-list').empty();
  1200. arr.push(City_[i]);
  1201. $(arr).each(function(i, n) {
  1202. html = '<li value="' + n + '">' + n + '</li>';
  1203. $(html).appendTo($('.testInput-list'));
  1204. $('.testInput-list').css('height', '200px');
  1205. });
  1206. }
  1207. }
  1208. console.log(arr);
  1209. $('.testInput-list>li').click(function() {
  1210. obj.val($(this).html());
  1211. console.log($(this).html());
  1212. $('.testInput-list').hide();
  1213. })
  1214. } else {
  1215. $('.testInput-list').css('height', '159px');
  1216. }
  1217. });
  1218. //请求单位
  1219. function BindLDdep(str) {
  1220. $('.testInput-list').empty();
  1221. var html = '';
  1222. $(City_).each(function(i, n) {
  1223. html = '<li value="' + n + '">' + n + '</li>';
  1224. $(html).appendTo($('.testInput-list'))
  1225. });
  1226. $('.testInput-list>li').click(function() {
  1227. obj.val($(this).html());
  1228. console.log($(this).html());
  1229. $('.testInput-list').hide();
  1230. })
  1231. };
  1232. //
  1233. }
  1234. $(document).ready(function() {
  1235. $(document).click(function(e) {
  1236. if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput_')) && !$(e.target).is($('#testInput1_')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2'))) {
  1237. $('.testInput-list').hide();
  1238. }
  1239. })
  1240. })