安图前端代码

call.js 45KB

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