安图前端代码

index.js 50KB

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