安图前端代码

index.js 50KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251
  1. $(document).ready(function () {
  2. if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  3. $(".title-box").hide();
  4. }
  5. if ($.cookie("token") == null) {
  6. window.location.href = "login.html";
  7. }
  8. obj.AgentExten = $.cookie("extno");
  9. if (obj.AgentExten == undefined) {
  10. $(".Gnumbox").hide();
  11. }
  12. $(".Gnum").text(obj.AgentExten);
  13. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  14. "token": $.cookie("token")
  15. }, function (result) {
  16. if (result.state.toLowerCase() == "success") {
  17. console.log(result);
  18. $(".username").text(result.data.user.F_UserName);
  19. $('.user_code').text(result.data.user.F_UserCode);
  20. localStorage.setItem('F_UserCode',result.data.user.F_UserCode)
  21. $('.group').text(result.data.user.F_SeartGroup);
  22. if (result.data.role) {
  23. console.log(result.data);
  24. $(".rolename").text(result.data.role.F_RoleName);
  25. }
  26. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data.user.F_See);
  27. obj.AgentGroup = result.data.user.F_SeartGroupID;
  28. obj.AgentID = result.data.user.F_UserCode;
  29. //obj.AgentExten = result.data.user.F_WorkNumber;
  30. if (result.data.user.F_SeatFlag) {
  31. Connect();
  32. $("#top-search").show();
  33. $(".phoneBZ").show();
  34. $(".zts").show();
  35. }
  36. }
  37. })
  38. //分机号
  39. //话务相关
  40. $("#top-search li").click(function () {
  41. if ($(this).find("i").hasClass("active")) {
  42. if (obj.AgentID) {
  43. var fun = $(this).attr("datafun");
  44. obj.Type = fun;
  45. switch (fun) {
  46. case "Login":
  47. // obj.AgentGroup = "364";
  48. obj.AgentType = "0";
  49. Send();
  50. break; //签入
  51. case "TurnIvr":
  52. // obj.AgentGroup = "364";
  53. obj.IvrName = "MYD";
  54. obj.IvrPos = "1";
  55. Send();
  56. break; //签入
  57. case "MakeCall":
  58. obj.Type = "SayFree";
  59. Send();//备注:用户要求外呼立刻置闲
  60. $(".hidCallID").val("");
  61. $("#hidwhtype").val(fun);
  62. whtp();
  63. //obj.DestinationNumber = "1012";
  64. break; //外呼
  65. case "Meeting":
  66. $("#hidwhtype").val(fun);
  67. whtp();
  68. //obj.DestinationNumber = "1012";
  69. break; //多方通话
  70. case "Transfer":
  71. $("#hidwhtype").val(fun);
  72. whtp();
  73. //obj.DestinationNumber = "1012";
  74. break; //转移
  75. default:
  76. Send();
  77. break;
  78. }
  79. }
  80. }
  81. });
  82. // //知识库查询
  83. // $(".searIcon").click(function () {
  84. // loadZSK();
  85. // })
  86. // //历史记录查询
  87. // $(".searchbtn").click(function () {
  88. // loadOld();
  89. // })
  90. // //新增记录
  91. // $(".addjl").click(function () {
  92. // var type = $(".ldtp-cr ul.ld-service .cr-click").attr("itemtype");
  93. // if (type == '3') {
  94. // $(".addgd").show();
  95. // $(".tbold").hide();
  96. // } else if (type == '1') {
  97. // $(".zxbg").show();
  98. // $(".tbold").hide();
  99. //
  100. // }
  101. // })
  102. //关闭外呼弹屏
  103. $(".closes").click(function () {
  104. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  105. $(".WH").addClass("hidens");
  106. })
  107. //键盘事件外呼
  108. document.onkeydown = function (e) {
  109. var theEvent = window.event || e;
  110. var code = theEvent.keyCode || theEvent.which;
  111. if (code == 13) {
  112. $(".CallOut").click();
  113. }
  114. }
  115. //外呼呼出
  116. $(".CallOut").click(function (event) {
  117. event.stopPropagation();
  118. if ($("#Result").val()) {
  119. $.ajax({
  120. type: "get",
  121. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  122. async: true,
  123. dataType: 'json',
  124. data: {
  125. token: $.cookie("token"),
  126. phone: $("#Result").val()
  127. },
  128. success: function (result) {
  129. // result = $.parseJSON(result);
  130. if (result.state.toLowerCase() == "success") {
  131. var guid = uuid();
  132. obj.Type = $("#hidwhtype").val();
  133. obj.DestinationNumber = result.data.phone;
  134. obj.Header = result.data.fix;
  135. top.obj.TaskType = "0"; //0:拨号外呼;1:95005回访外呼;2:电销回访外呼
  136. top.obj.TaskPhoneID = ""; //回访的电话ID
  137. top.obj.TaskID = guid; //回访记录编号
  138. Send();
  139. $('#Result').val('');
  140. $(".WH").addClass("hidens");
  141. }
  142. }
  143. });
  144. // obj.Type = $("#hidwhtype").val();
  145. // obj.DestinationNumber = $("#Result").val();
  146. // Send();
  147. }
  148. })
  149. //外呼弹屏数字键盘样式
  150. $(".Num_ul div").mousedown(function () {
  151. $(this).addClass("actives");
  152. $(".img").removeClass("hidens");
  153. }).mouseup(function () {
  154. $(this).removeClass("actives");
  155. })
  156. //外呼弹屏数字键盘号码输入
  157. $(".Num_ul li div").click(function () {
  158. var rt = $("#Result").val() + "";
  159. if (rt.length < 18) {
  160. rt = rt + $(this).find("a").text();
  161. $("#Result").val(rt);
  162. }
  163. });
  164. //外呼弹屏数字键盘号码截取
  165. $(".img").click(function () {
  166. var Result = $("#Result").val() + "";
  167. Result = Result.substr(0, Result.length - 1);
  168. $("#Result").val(Result);
  169. if (Result.length == 0) {
  170. $(".img").addClass("hidens");
  171. }
  172. })
  173. ////上传头像
  174. //$(".yhtx").click(function () {
  175. // $("#upFile").trigger("click");
  176. //})
  177. //$("#upFile").change(function () {
  178. // uploadtx();
  179. //})
  180. //外呼电话列表
  181. $(".bg_title li").click(function () {
  182. $(this).addClass("lactive").siblings().removeClass("lactive");
  183. loadWH();
  184. })
  185. $(".ty").click(function () {
  186. loadWH();
  187. })
  188. //加载部门人员
  189. $("#zrbmname").click(function () {
  190. if ($(".zrbmmenu").is(":hidden")) {
  191. $(".zrbmmenu").show();
  192. } else {
  193. $(".zrbmmenu").hide();
  194. }
  195. })
  196. $("#clbmname").click(function () {
  197. if ($(".clbmmenu").is(":hidden")) {
  198. $(".clbmmenu").show();
  199. } else {
  200. $(".clbmmenu").hide();
  201. }
  202. })
  203. $(".col-sm-3").mouseleave(function () {
  204. $(".ztree").parent().hide();
  205. })
  206. //$("#zrbm").change(function () {
  207. // getRY($("#zrid"), $("#zrbm").val());
  208. //})
  209. //$("#clbm").change(function () {
  210. // getRY($("#clid"), $("#clbm").val());
  211. //})
  212. //创建投诉工单
  213. $(".addts").click(function () {
  214. var marketName = $("#marketName").val();
  215. var marketTel = $("#marketTel").val();
  216. var lddep_market = $("#lddep").val();
  217. var fkdep_market = $("#fkdep_market").val();
  218. var fkcont_market = $("#fkcont_market").val();
  219. var callid = $(".hidCallID").val();
  220. if (!marketName) {
  221. layer.confirm('请输入姓名!', {
  222. btn: ['确定']
  223. });
  224. return;
  225. }
  226. if (!marketTel) {
  227. layer.confirm('请输入电话!', {
  228. btn: ['确定']
  229. });
  230. return;
  231. }
  232. if (!lddep_market) {
  233. layer.confirm('请选择来电单位!', {
  234. btn: ['确定']
  235. });
  236. return;
  237. }
  238. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  239. callCustomer: marketName,
  240. tel: marketTel,
  241. lddep: lddep_market,
  242. fkdep: fkdep_market,
  243. fkcont: fkcont_market,
  244. "token": $.cookie("token")
  245. }, function (result) {
  246. result = $.parseJSON(result);
  247. if (result.state.toLowerCase() == "success") {
  248. loadOld();
  249. $("#marketName").val('');
  250. $("#marketTel").val('');
  251. $("#lddep_market").val('');
  252. $("#fkdep_market").val('');
  253. $("#fkcont_market").val('');
  254. layer.msg("创建工单成功");
  255. }
  256. })
  257. })
  258. //加载知识库
  259. // loadZSK();
  260. //加载左侧导航菜单
  261. loadMenu();
  262. workcount();
  263. setInterval(function () {
  264. workcount();
  265. }, huayi.config.menuworktime);
  266. // //客户资料
  267. // $('.khzl tbody>tr>td input').attr('readonly', true);
  268. // $('.save').hide();
  269. // $('.cancel').hide();
  270. // $('.edit').click(function () {
  271. // $('.save').show();
  272. // $('.cancel').show();
  273. // $('.edit').hide();
  274. // $('.khzl tbody>tr>td input').attr('readonly', false);
  275. // $('.khzl tbody>tr>td input').css('border-bottom', "1px solid #b3b3b3");
  276. // $(".testInput2").show();
  277. // $(".testInput1").css('display', "block");
  278. // $(".ldpamter").hide();
  279. // $(".ldlocation").hide();
  280. // })
  281. // $('.cancel').click(function () {
  282. // $('.khzl tbody>tr>td input').attr('readonly', true);
  283. // $('.khzl tbody>tr>td input').css('border', "0");
  284. // $('.save').hide();
  285. // $('.cancel').hide();
  286. // $('.edit').show();
  287. // $('.testInput2').attr('display', none);;
  288. // $(".testInput1").hide();
  289. // $(".ldpamter").show();
  290. // $(".ldlocation").show();
  291. // })
  292. //保存客户
  293. // $(".save").click(function () {
  294. // $('.edit').show();
  295. // $('.save').hide();
  296. // $('.cancel').hide();
  297. // $('.khzl tbody>tr>td input').css('border', "0");
  298. // var khid = $("#khid").val();
  299. // var khmc = $(".khmc").val();
  300. // var tel1 = $(".ldtel1").val();
  301. // var testInput2=$("#testInput2").val();
  302. // var ldlocation=$("#testInput1").val();
  303. // if (!khmc) {
  304. // layer.confirm('请输入客户名称!', {
  305. // btn: ['确定']
  306. // });
  307. // return;
  308. // }
  309. // $.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
  310. // id: khid,
  311. // name: khmc,
  312. // province:ldlocation,//省份
  313. // customerindustry:testInput2,//来电单位
  314. // mobile:tel1,
  315. // "token": $.cookie("token")
  316. // }, function (result) {
  317. // result = $.parseJSON(result);
  318. // if (result.state.toLowerCase() == "success") {
  319. // $("#khid").val(result.data);
  320. // $("#tskh").val(khmc);
  321. // layer.msg("保存成功");
  322. // $('.save').hide();
  323. // $('.cancel').hide();
  324. // $('.edit').show();
  325. // $("#marketName").val(khmc);
  326. // $("#marketTel").val(tel1);
  327. // $("#lddepr").val(testInput2);
  328. // $("#callCustomer").val(khmc);//客户姓名
  329. // $("#Tel").val(tel1);//联系电话
  330. // $("#lddep").val(testInput2);//来电单位
  331. // }
  332. // })
  333. // })
  334. //关闭录音弹出
  335. $(".setwin").click(function () {
  336. $(".t-shade").removeClass("cx");
  337. $('audio')[0].pause();
  338. });
  339. //修改密码开始
  340. $('.shezhi').click(function () {
  341. $('.personal').show();
  342. $.ajax({
  343. type: "get",
  344. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  345. async: true,
  346. dataType: 'json',
  347. data: {
  348. token: $.cookie("token")
  349. },
  350. success: function (result) {
  351. if (result.state.toLowerCase() == "success") {
  352. var con = result.data.user;
  353. console.log(con)
  354. $('.mgh').val(con.F_UserId);
  355. $('.mn').val(con.F_UserName);
  356. $('.mobile').val(con.F_Mobile);
  357. $('.fenji').val($.cookie("extno"));
  358. //$('.wxno').val(con.F_WXNo);
  359. // $('.spwd').val(con.F_Password);
  360. }
  361. }
  362. });
  363. })
  364. //tab切换
  365. $('.perTab li').click(function () {
  366. $(this).addClass('sel').siblings().removeClass('sel');
  367. var index = $(this).index();
  368. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  369. })
  370. //编辑个人资料
  371. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  372. $('.grbj').click(function () {
  373. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  374. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  375. })
  376. //取消编辑
  377. $('.grqx').click(function () {
  378. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  379. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  380. })
  381. //关闭按钮
  382. $('.ptr').click(function () {
  383. $('.personal').hide();
  384. })
  385. $('.grbtn').click(function () {
  386. var gh = $('.mgh').val();
  387. var xm = $('.mn').val();
  388. var ymm = $('.spwd').val();
  389. var xmm = $('.npwd').val();
  390. var qmm = $('.epwd').val();
  391. if (xmm !== qmm) {
  392. $('.wrong').show();
  393. $('.npwd').val('')
  394. $('.epwd').val('')
  395. } else if (xmm == '') {
  396. layer.msg("密码不允许为空!");
  397. } else {
  398. $('.wrong').hide();
  399. $('.grzl tbody>tr>td input').attr('readonly', true);
  400. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  401. $.ajax({
  402. type: "post",
  403. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  404. async: true,
  405. dataType: 'json',
  406. data: {
  407. token: $.cookie("token"),
  408. usercode: gh,
  409. pwd: xmm,
  410. oldpwd: ymm,
  411. mobile: $('.mobile').val()
  412. },
  413. success: function (result) {
  414. // result = $.parseJSON(result);
  415. if (result.state.toLowerCase() == "success") {
  416. layer.msg("修改成功!");
  417. }
  418. }
  419. });
  420. }
  421. })
  422. //图片裁剪
  423. var o = $(".image-crop > img");
  424. $(o).cropper({
  425. aspectRatio: 1 / 1,
  426. resizable: false,
  427. dragCrop: false,
  428. preview: ".img-preview",
  429. done: function () { }
  430. });
  431. var r = $("#inputImage");
  432. if (window.FileReader) {
  433. r.change(function () {
  434. var e, i = new FileReader,
  435. t = this.files;
  436. if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  437. i.readAsDataURL(e);
  438. i.onload = function () {
  439. r.val("");
  440. o.cropper("reset", !0).cropper("replace", this.result);
  441. }
  442. } else {
  443. alert("请选择图片文件");
  444. }
  445. });
  446. $("#setDrag").click(function () {
  447. o.cropper("setDragMode", "crop");
  448. var img = o.cropper("getDataURL");
  449. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  450. dataurl: encodeURIComponent(img),
  451. "token": $.cookie("token")
  452. }, function (result) {
  453. result = $.parseJSON(result);
  454. if (result.state.toLowerCase() == "success") {
  455. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
  456. layer.msg("上传成功");
  457. $('.personal').hide();
  458. }
  459. })
  460. });
  461. $("#zoomIn").click(function () {
  462. o.cropper("zoom", .1)
  463. });
  464. $("#zoomOut").click(function () {
  465. o.cropper("zoom", -.1)
  466. });
  467. $("#rotateLeft").click(function () {
  468. o.cropper("rotate", 45)
  469. });
  470. $("#rotateRight").click(function () {
  471. o.cropper("rotate", -45)
  472. });
  473. } else {
  474. r.addClass("hide");
  475. }
  476. $(".add_").click(function () {
  477. //联系人
  478. var callCustomer=$("#callCustomer").val();
  479. //来电号码
  480. var tel=$("#Tel").val();
  481. //来电单位
  482. var lddep=$('#lddep').val();
  483. //反馈单位
  484. var fkdep=$("#fkdep").val();
  485. ///工单来源id
  486. var gdly=$("#DicValueList").val();
  487. //工单类型id
  488. var gdlx=$("#OPID").val();
  489. //工单状态id
  490. var gdzt=$("#State").val();
  491. //反馈内容
  492. var fkcont=$("#fkcont").val();
  493. //快递信息
  494. var sendmsg=$('#sendmsg').val();
  495. //备注一
  496. var note1=$("#note1").val();
  497. //备注二
  498. var note2=$("#note2").val();
  499. //备注三
  500. var note3=$("#note3").val();
  501. //callid
  502. var callid=$("#hidCallID").val();
  503. // var tskh = $("#zxr_").val(); //联系:
  504. // var tsdh = $("#zxdh_").val(); //咨询电话
  505. // var cont = $("#zxnr_").val(); //咨询内容
  506. // var clcont = $("#clnr_").val(); //内容
  507. var type = "1";
  508. if (!callCustomer) {
  509. layer.confirm('请输入姓名!', {
  510. btn: ['确定']
  511. });
  512. return;
  513. }
  514. if (!tel) {
  515. layer.confirm('请输入电话!', {
  516. btn: ['确定']
  517. });
  518. return;
  519. }
  520. if (!lddep) {
  521. layer.confirm('请选择来电单位!', {
  522. btn: ['确定']
  523. });
  524. return;
  525. }
  526. if (!fkdep) {
  527. layer.confirm('请选择反馈单位!', {
  528. btn: ['确定']
  529. });
  530. return;
  531. }
  532. if (!gdly) {
  533. layer.confirm('请选择工单来源!', {
  534. btn: ['确定']
  535. });
  536. return;
  537. }
  538. if (!gdlx) {
  539. layer.confirm('请选择工单类型!', {
  540. btn: ['确定']
  541. });
  542. return;
  543. }
  544. if (!gdzt) {
  545. layer.confirm('请选择工单状态!', {
  546. btn: ['确定']
  547. });
  548. return;
  549. }
  550. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  551. callCustomer: callCustomer,
  552. tel: tel,
  553. lddep: lddep,
  554. fkdep: fkdep,
  555. gdly: gdly,
  556. gdlx: gdlx,
  557. gdzt: gdzt,
  558. fkcont: fkcont,
  559. sendmsg:sendmsg,
  560. note1:note1,
  561. note2:note2,
  562. note3:note3,
  563. callid:callid,
  564. "token": $.cookie("token")
  565. }, function (result) {
  566. result = $.parseJSON(result);
  567. if (result.state.toLowerCase() == "success") {
  568. loadOld();
  569. // $("#zxr_").val(''); //咨询人:
  570. // $("#zxdh_").val(''); //咨询电话
  571. // $("#zxnr_").val(''); //咨询内容
  572. // $("#clnr_").val(''); //内容
  573. $("#callCustomer").val('');
  574. //来电号码
  575. $("#Tel").val('');
  576. //来电单位
  577. $('#lddep').val('');
  578. //反馈单位
  579. $("#fkdep").val('');
  580. ///工单来源id
  581. $("#DicValueList").val('');
  582. //工单类型id
  583. $("#OPID").val('');
  584. //工单状态id
  585. $("#State").val('');
  586. //反馈内容
  587. $("#fkcont").val('');
  588. //快递信息
  589. $('#sendmsg').val('');
  590. //备注一
  591. $("#note1").val('');
  592. //备注二
  593. $("#note2").val('');
  594. //备注三
  595. $("#note3").val('');
  596. layer.msg("创建工单成功");
  597. }
  598. })
  599. })
  600. //拖拽事件
  601. //拖动事件
  602. var box = document.getElementById("box");
  603. //鼠标按下的函数
  604. box.onmousedown = function (ev) {
  605. var oEvent = ev || event;
  606. //求出鼠标和box的位置差值
  607. var x = oEvent.clientX - box.offsetLeft;
  608. var y = oEvent.clientY - box.offsetTop;
  609. console.log(x);
  610. //鼠标移动的函数
  611. //把事件加在document上,解决因为鼠标移动太快时,
  612. //鼠标超过box后就没有了拖拽的效果的问题
  613. document.onmousemove = function (ev) {
  614. var oEvent = ev || event;
  615. //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
  616. var l = oEvent.clientX - x;
  617. var t = oEvent.clientY - y;
  618. if (l < 0) {
  619. l = 0;
  620. } else if (l > document.documentElement.clientWidth - box.offsetWidth) {
  621. l = document.documentElement.clientWidth - box.offsetWidth;
  622. }
  623. if (t < 0) {
  624. t = 0;
  625. } else if (t > document.documentElement.clientHeight - box.offsetHeight) {
  626. t = document.documentElement.clientHeight - box.offsetHeight;
  627. }
  628. box.style.left = l + "px";
  629. box.style.top = t + "px";
  630. }
  631. //鼠标抬起的函数
  632. document.onmouseup = function () {
  633. document.onmousemove = null;
  634. document.onmouseup = null;
  635. }
  636. //火狐浏览器在拖拽空div时会出现bug//
  637. //return false阻止默认事件,解决火狐的bug
  638. // return false;
  639. }
  640. $('.pre-add').click(function () {
  641. var par = $(this).parent().parent();
  642. par.hide().siblings().show();
  643. })
  644. })
  645. //菜单数字
  646. function workcount() {
  647. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  648. "token": $.cookie("token")
  649. }, function (result) {
  650. if (result.state.toLowerCase() == "success") {
  651. $(".dpd").text(result.data.dpd);
  652. $(".djd").text(result.data.djd);
  653. // $(".dcl").text(result.data.dcl);
  654. }
  655. })
  656. }
  657. //上传头像
  658. function uploadtx() {
  659. if (document.getElementById("upFile").files.length > 0) {
  660. var formData = new FormData();
  661. formData.append("upFile", document.getElementById("upFile").files[0]);
  662. formData.append("token", $.cookie("token"));
  663. $.ajax({
  664. url: huayi.config.callcenter_url + "Index/UploadTX",
  665. type: "POST",
  666. data: formData,
  667. /**
  668. *必须false才会自动加上正确的Content-Type
  669. */
  670. contentType: false,
  671. /**
  672. * 必须false才会避开jQuery对 formdata 的默认处理
  673. * XMLHttpRequest会对 formdata 进行正确的处理
  674. */
  675. processData: false,
  676. success: function (result) {
  677. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  678. $("#upFile").change(function () {
  679. uploadtx();
  680. });
  681. var r = $.parseJSON(result);
  682. if (r.state.toLowerCase() == "success") {
  683. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  684. layer.msg("上传成功");
  685. }
  686. }
  687. });
  688. } else {
  689. layer.confirm('请上传文件!', {
  690. btn: ['确定']
  691. });
  692. }
  693. }
  694. function GetCallState(val) {
  695. if (val == '1') {
  696. return '已接通';
  697. } else {
  698. return '未接通';
  699. }
  700. }
  701. //音频
  702. function setCode(val) {
  703. if (val) {
  704. return '<div class="imgs" style="cursor: pointer;">' +
  705. '<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  706. '</div>';
  707. } else {
  708. return '';
  709. }
  710. }
  711. //录音
  712. function ck(val) {
  713. var path = $(val).attr("item");
  714. $(".t-shade").addClass("cx");
  715. $(".Ly_box").empty();
  716. $(".down").attr("href", path);
  717. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  718. }
  719. function GetDealState(val) {
  720. if (val == '1') {
  721. return '已处理';
  722. } else {
  723. return '未处理';
  724. }
  725. }
  726. function GetStateName(val) {
  727. var str = '';
  728. //switch (val + '') {
  729. // case '0':
  730. // str = "待指派";
  731. // break;
  732. // case '1':
  733. // str = "处理中";
  734. // break;
  735. // case '2':
  736. // str = "已完结";
  737. // break;
  738. //}
  739. switch (val + '') {
  740. case '0':
  741. str = "待处理";
  742. break;
  743. case '1':
  744. str = "已处理";
  745. break;
  746. }
  747. return str;
  748. }
  749. function GetCont(val) {
  750. var str = '<div '
  751. if (val.length > 20) {
  752. str = str + ' title="' + val + '" ';
  753. val = val.substr(0, 20) + "...";
  754. }
  755. return str + '>' + val + '</div>';
  756. }
  757. //获取类型
  758. function getLX(obj, type) {
  759. obj.empty();
  760. $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
  761. "flag": type,
  762. "token": $.cookie("token")
  763. }, function (result) {
  764. if (result.state.toLowerCase() == "success") {
  765. $(result.data).each(function (i, n) {
  766. obj.append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  767. })
  768. }
  769. })
  770. }
  771. //获取部门
  772. var setting = {
  773. data: {
  774. key: {
  775. name: "F_DeptName"
  776. },
  777. simpleData: {
  778. enable: true,
  779. idKey: "F_DeptId",
  780. pIdKey: "F_ParentId",
  781. rootPId: 0
  782. }
  783. },
  784. callback: {
  785. onClick: zTreeOnClick
  786. }
  787. };
  788. function getBM(obj) {
  789. $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
  790. "token": $.cookie("token")
  791. }, function (result) {
  792. if (result.state.toLowerCase() == "success") {
  793. $.fn.zTree.init(obj, setting, result.data);
  794. }
  795. })
  796. }
  797. function zTreeOnClick(event, treeId, treeNode) {
  798. var obj = $("#" + event.data.treeId).parent();
  799. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  800. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  801. obj.hide();
  802. if (event.data.treeId == "zrbmtree") {
  803. getRY($("#zrid"), $("#zrbm").val());
  804. }
  805. if (event.data.treeId == "clbmtree") {
  806. getRY($("#clid"), $("#clbm").val());
  807. }
  808. };
  809. //获取人员
  810. function getRY(obj, deptid) {
  811. obj.empty();
  812. obj.append('<option value="">--请选择--</option>');
  813. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
  814. "deptid": deptid,
  815. "token": $.cookie("token")
  816. }, function (result) {
  817. if (result.state.toLowerCase() == "success") {
  818. $(result.data).each(function (i, n) {
  819. obj.append('<option value="' + n.F_UserId + '">' + n.F_UserName + '</option>');
  820. })
  821. }
  822. })
  823. }
  824. //外呼弹屏
  825. function whtp() {
  826. $("#Result").val("");
  827. if ($(".WH").hasClass("fadeOutUp")) {
  828. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  829. }
  830. $(".WH").removeClass("hidens");
  831. $('.first').removeClass('first');
  832. $('.WH').addClass('first');
  833. loadWH();
  834. }
  835. //加载外呼电话列表
  836. function loadWH() {
  837. $(".phonediv").hide();
  838. var n = $(".bg_title .lactive").attr("itemid");
  839. switch (n) {
  840. case '0':
  841. var obj = $(".phonediv").eq(0);
  842. obj.show();
  843. //先销毁表格
  844. var table = obj.find(".phonelist");
  845. table.bootstrapTable('destroy');
  846. //初始化表格,动态从服务器加载数据
  847. table.bootstrapTable({
  848. method: "get", //使用get请求到服务器获取数据
  849. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  850. striped: true, //表格显示条纹
  851. pagination: true, //启动分页
  852. pageSize: 10, //每页显示的记录数
  853. pageNumber: 1, //当前第几页
  854. pageList: [10, 20, 50, 100], //记录数可选列表
  855. search: false, //是否启用查询
  856. showColumns: false, //显示下拉框勾选要显示的列
  857. showRefresh: false, //显示刷新按钮
  858. sidePagination: "server", //表示服务端请求
  859. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  860. //设置为limit可以获取limit, offset, search, sort, order
  861. queryParamsType: "undefined",
  862. queryParams: function queryParams(params) { //设置查询参数
  863. var param = {
  864. page: params.pageNumber,
  865. pagesize: params.pageSize,
  866. tel: $("#lastphone").val(),
  867. token: $.cookie("token")
  868. };
  869. return param;
  870. },
  871. onLoadSuccess: function () { //加载成功时执行
  872. //layer.msg("加载成功");
  873. },
  874. onLoadError: function () { //加载失败时执行
  875. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  876. }
  877. });
  878. break;
  879. case '1':
  880. var obj = $(".phonediv").eq(1);
  881. obj.show();
  882. var table = obj.find(".phonelist");
  883. table.bootstrapTable('destroy');
  884. //初始化表格,动态从服务器加载数据
  885. table.bootstrapTable({
  886. method: "get", //使用get请求到服务器获取数据
  887. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  888. striped: true, //表格显示条纹
  889. pagination: true, //启动分页
  890. pageSize: 10, //每页显示的记录数
  891. pageNumber: 1, //当前第几页
  892. pageList: [10, 20, 50, 100], //记录数可选列表
  893. search: false, //是否启用查询
  894. showColumns: false, //显示下拉框勾选要显示的列
  895. showRefresh: false, //显示刷新按钮
  896. sidePagination: "server", //表示服务端请求
  897. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  898. //设置为limit可以获取limit, offset, search, sort, order
  899. queryParamsType: "undefined",
  900. queryParams: function queryParams(params) { //设置查询参数
  901. var param = {
  902. page: params.pageNumber,
  903. pagesize: params.pageSize,
  904. tel: $("#gsphone").val(),
  905. name: $("#gsname").val(),
  906. token: $.cookie("token")
  907. };
  908. return param;
  909. },
  910. onLoadSuccess: function () { //加载成功时执行
  911. //layer.msg("加载成功");
  912. },
  913. onLoadError: function () { //加载失败时执行
  914. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  915. }
  916. });
  917. break;
  918. case '2':
  919. var obj = $(".phonediv").eq(2);
  920. obj.show();
  921. var table = obj.find(".phonelist");
  922. table.bootstrapTable('destroy');
  923. //初始化表格,动态从服务器加载数据
  924. table.bootstrapTable({
  925. method: "get", //使用get请求到服务器获取数据
  926. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  927. striped: true, //表格显示条纹
  928. pagination: true, //启动分页
  929. pageSize: 10, //每页显示的记录数
  930. pageNumber: 1, //当前第几页
  931. pageList: [10, 20, 50, 100], //记录数可选列表
  932. search: false, //是否启用查询
  933. showColumns: false, //显示下拉框勾选要显示的列
  934. showRefresh: false, //显示刷新按钮
  935. sidePagination: "server", //表示服务端请求
  936. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  937. //设置为limit可以获取limit, offset, search, sort, order
  938. queryParamsType: "undefined",
  939. queryParams: function queryParams(params) { //设置查询参数
  940. var param = {
  941. page: params.pageNumber,
  942. pagesize: params.pageSize,
  943. tel: $("#khphone").val(),
  944. name: $("#khname").val(),
  945. token: $.cookie("token")
  946. };
  947. return param;
  948. },
  949. onLoadSuccess: function () { //加载成功时执行
  950. //layer.msg("加载成功");
  951. },
  952. onLoadError: function () { //加载失败时执行
  953. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  954. }
  955. });
  956. break;
  957. }
  958. }
  959. function view(val) {
  960. var str = '';
  961. if (val) {
  962. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  963. }
  964. return str;
  965. }
  966. function call(val) {
  967. $("#Result").val(val);
  968. $(".img").removeClass("hidens");
  969. }
  970. function logout() {
  971. $.ajax({
  972. url: huayi.config.callcenter_url + "Login/Logout",
  973. data: {
  974. token: $.cookie("token")
  975. },
  976. dataType: "json",
  977. success: function (res) {
  978. if (res.state) {
  979. location.href = "./login.html";
  980. }
  981. }
  982. });
  983. }
  984. //加载左侧导航菜单
  985. function loadMenu() {
  986. $.ajaxSettings.async = false;
  987. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', { "token": $.cookie("token") }, function (result) {
  988. $.ajaxSettings.async = true;
  989. if (result.state.toLowerCase() == "success") {
  990. var data = result.data;
  991. var _html = "";
  992. $.each(data, function (i) {
  993. var row = data[i];
  994. if (row.F_ParentID == "0") {
  995. _html += '<li>';
  996. _html += '<a class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl + '"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName + '</span><span class="fa arrow"></span></a>';
  997. var childNodes = row.ChildNodes;//二级
  998. if (childNodes.length > 0) {
  999. _html += '<ul class="nav nav-second-level">';
  1000. $.each(childNodes, function (i) {
  1001. var subrow = childNodes[i];
  1002. var childNodsThird = subrow.ChildNodes;//三级
  1003. if (childNodsThird.length > 0) {
  1004. _html += '<li>';
  1005. _html += '<a href="' + subrow.F_OptUrl + '">';
  1006. _html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
  1007. _html += '<span class="fa arrow"></span>';
  1008. _html += '</a>';
  1009. _html += '<ul class="nav nav-third-level">';
  1010. $.each(childNodsThird, function (i) {
  1011. var subrowThird = childNodsThird[i];
  1012. _html += '<li>';
  1013. _html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl + '" >' + subrowThird.F_ModuleName + '</a>';
  1014. _html += '</li>';
  1015. });
  1016. _html += '</ul>';
  1017. }
  1018. else {
  1019. _html += '<li>';
  1020. _html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl + '" >' + subrow.F_ModuleName + '</a>';
  1021. if (subrow.F_Button != '') {
  1022. _html += '<span class="' + subrow.F_Button + '"></span>';
  1023. }
  1024. _html += '</li>';
  1025. }
  1026. });
  1027. _html += '</ul>';
  1028. }
  1029. _html += '</li>';
  1030. }
  1031. });
  1032. // $("#sidebar-nav ul").prepend(_html);
  1033. $(_html).appendTo("#side-menu");
  1034. }
  1035. else {
  1036. window.location.href = "/login.html";
  1037. }
  1038. })
  1039. }
  1040. ////跳转
  1041. function Jumps() {
  1042. //window.parent.frames[ "iframe0"].location.reload();
  1043. $("iframe:visible")[0].src = "widgets.html"
  1044. }
  1045. // $.getJSON(huayi.config.callcenter_url + 'Customer/GetCustomerByTel', {
  1046. //// "tel": $(".hidTel").val(),
  1047. // "tel": '123456789',
  1048. //// "token": $.cookie("token")
  1049. // }, function(result) {
  1050. // if(result.state.toLowerCase() == "success") {
  1051. // if(result.data.length > 0) {
  1052. // $("#zxr_").val(result.data[0].F_CustomerName);
  1053. // $("#tskh").val(result.data[0].F_CustomerName);
  1054. // $("#khid").val(result.data[0].F_CustomerId);
  1055. // $(".khbh").val(result.data[0].F_CustomerCode);
  1056. // $(".ldtel1").val(result.data[0].F_Telephone);
  1057. // $(".ldtel2").val(result.data[0].F_Mobile);
  1058. // $(".ldtel3").val(result.data[0].F_ChargeTelephone);
  1059. //
  1060. // }
  1061. // }
  1062. // })
  1063. //反馈单位 and来电单位
  1064. // getAccount('#fkdep');
  1065. //
  1066. // getAccount('#fkdep_market');//反馈单位
  1067. // getAccount('#lddep_market');//来电单位
  1068. // function getAccount(obj) {
  1069. // $.ajax({
  1070. // type: "get",
  1071. // url: huayi.config.callcenter_url + "Customer/BindLDdep",
  1072. // dataType: 'json',
  1073. // async: true,
  1074. // data: {
  1075. // token: $.cookie("token")
  1076. // },
  1077. // success: function(data) {
  1078. // var Count = data.data.dep;
  1079. // $(Count).each(function(i,n){
  1080. // $("<option value='" + n + "'>" + n + "</option>").appendTo($(obj));
  1081. // })
  1082. // $(obj).selectpicker('refresh');
  1083. // }
  1084. // });
  1085. //
  1086. // }
  1087. //
  1088. // $.ajax({
  1089. // url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  1090. // type:'get',
  1091. // async:true,
  1092. // data: {
  1093. //// tel: '123456789',
  1094. // flag:'GDLY',
  1095. // token: $.cookie("token")
  1096. // },
  1097. // dataType: "json",
  1098. // success: function (res) {
  1099. // if(res.state=="success"){
  1100. // console.log(res.data);
  1101. // $('<option value="">全部</option>').appendTo($("#DicValueList"));
  1102. // $(res.data).each(function(i,n){
  1103. // $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#DicValueList"));
  1104. // })
  1105. // }
  1106. //
  1107. // }
  1108. // });
  1109. // $("#citySel").click(function () {
  1110. // if ($(".menuContent").is(":hidden")) {
  1111. // $(".menuContent").show();
  1112. //// alert("1");
  1113. // } else {
  1114. // $(".menuContent").hide();
  1115. // }
  1116. // })
  1117. // //工单类型
  1118. // //部门
  1119. // tree()
  1120. // function tree() {
  1121. // $.get(huayi.config.callcenter_url + "WorkType/GetTreeList", {
  1122. // "token": $.cookie("token"),
  1123. // // "pid": pid
  1124. // }, function(result) {
  1125. // result = $.parseJSON(result);
  1126. // $.fn.zTree.init($("#treeDemo"), setting2, result.data); //实例化树形图
  1127. // });
  1128. // }
  1129. // var setting2 = {
  1130. // data: {
  1131. // key: {
  1132. // name: "text"
  1133. // },
  1134. // simpleData: {
  1135. // enable: true,
  1136. // idKey: "id",
  1137. // rootPId: 0
  1138. // }
  1139. // },
  1140. // callback: {
  1141. // onClick: addTreeClick
  1142. // }
  1143. // }
  1144. // function addTreeClick(event, treeId, treeNode) {
  1145. // IDs = treeNode.id;
  1146. // Names = treeNode.text;
  1147. // $('#citySel').val(Names);
  1148. // $("#OPID").val(IDs);
  1149. // $('.menuContent').hide()
  1150. //
  1151. // };
  1152. // //状态
  1153. // $.ajax({
  1154. // url: huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag",
  1155. // type:'get',
  1156. // async:true,
  1157. // data: {
  1158. // flag:'GDZT',
  1159. // token: $.cookie("token")
  1160. // },
  1161. // dataType: "json",
  1162. // success: function (res) {
  1163. // if(res.state=="success"){
  1164. // console.log(res.data);
  1165. // $('<option value="">全部</option>').appendTo($("#State"));
  1166. // $(res.data).each(function(i,n){
  1167. // $('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($("#State"));
  1168. // })
  1169. ////
  1170. // }
  1171. //
  1172. // }
  1173. // });
  1174. //
  1175. //
  1176. // $.ajax({
  1177. // type: "get",
  1178. // url: huayi.config.callcenter_url + "Customer/BindLDdep",
  1179. // dataType: 'json',
  1180. // async: true,
  1181. // data: {
  1182. //
  1183. // keypara:'',
  1184. // token: $.cookie("token")
  1185. // },
  1186. // success: function(data) {
  1187. // var Count = data.data.dep;
  1188. // console.log(Count)
  1189. // $.selectSuggest('testInput2',Count);
  1190. // }
  1191. // });
  1192. // var data=["河北省", "山西省", "内蒙古自治区", "辽宁省", "吉林省", "黑龙江省", "江苏省", "浙江省", "安徽省", "福建省", "江西省", "山东省", "河南省", "湖北省", "湖南省", "广东省", "广西壮族自治区", "海南省", "四川省", "贵州省", "云南省", "陕西省", "甘肃省", "青海省", "西藏自治区", "宁夏回族自治区","台湾","北京市", "天津市", "上海市", "重庆市", "香港", "澳门", "新疆维吾尔自治区"];
  1193. //
  1194. // $.selectSuggest('testInput1',data);