思念食品 UI

call.js 33KB

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