安图前端代码

call.js 32KB

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