安图前端代码

call.js 45KB

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