安图前端代码

call.js 44KB

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