安图前端代码

call.js 33KB

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