思念食品 UI

call3.js 42KB

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