安图前端代码

call.js 32KB

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