安图前端代码

call.js 34KB

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