中鑫之宝5.0前端

index.js 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934
  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 "MakeCall":
  51. obj.Type = "SayFree";
  52. Send(); //备注:用户要求外呼立刻置闲
  53. $(".hidCallID").val("");
  54. $("#hidwhtype").val(fun);
  55. whtp();
  56. //obj.DestinationNumber = "1012";
  57. break; //外呼
  58. case "Meeting":
  59. $("#hidwhtype").val(fun);
  60. whtp();
  61. //obj.DestinationNumber = "1012";
  62. break; //多方通话
  63. case "Transfer":
  64. $("#hidwhtype").val(fun);
  65. whtp();
  66. //obj.DestinationNumber = "1012";
  67. break; //转移
  68. default:
  69. Send();
  70. break;
  71. }
  72. }
  73. }
  74. });
  75. //关闭外呼弹屏
  76. $(".closes").click(function () {
  77. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  78. $(".WH").addClass("hidens");
  79. })
  80. //键盘事件外呼
  81. document.onkeydown = function (e) {
  82. var theEvent = window.event || e;
  83. var code = theEvent.keyCode || theEvent.which;
  84. if (code == 13) {
  85. $(".CallOut").click();
  86. }
  87. }
  88. //外呼呼出
  89. $(".CallOut").click(function (event) {
  90. event.stopPropagation();
  91. if ($("#Result").val()) {
  92. $.ajax({
  93. type: "get",
  94. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  95. async: true,
  96. dataType: 'json',
  97. data: {
  98. token: $.cookie("token"),
  99. phone: $("#Result").val()
  100. },
  101. success: function (result) {
  102. // result = $.parseJSON(result);
  103. if (result.state.toLowerCase() == "success") {
  104. var guid = uuid();
  105. obj.Type = $("#hidwhtype").val();
  106. obj.DestinationNumber = result.data.phone;
  107. obj.Header = result.data.fix;
  108. obj.TaskType = "0"; //0:拨号外呼;1:95005回访外呼;2:电销回访外呼
  109. obj.TaskPhoneID = ""; //回访的电话ID
  110. obj.TaskID = guid; //回访记录编号
  111. Send();
  112. $('#Result').val('');
  113. $(".WH").addClass("hidens");
  114. }
  115. }
  116. });
  117. // obj.Type = $("#hidwhtype").val();
  118. // obj.DestinationNumber = $("#Result").val();
  119. // Send();
  120. }
  121. })
  122. //外呼弹屏数字键盘样式
  123. $(".Num_ul div").mousedown(function () {
  124. $(this).addClass("actives");
  125. $(".img").removeClass("hidens");
  126. }).mouseup(function () {
  127. $(this).removeClass("actives");
  128. })
  129. //外呼弹屏数字键盘号码输入
  130. $(".Num_ul li div").click(function () {
  131. var rt = $("#Result").val() + "";
  132. if (rt.length < 18) {
  133. rt = rt + $(this).find("a").text();
  134. $("#Result").val(rt);
  135. }
  136. });
  137. //外呼弹屏数字键盘号码截取
  138. $(".img").click(function () {
  139. var Result = $("#Result").val() + "";
  140. Result = Result.substr(0, Result.length - 1);
  141. $("#Result").val(Result);
  142. if (Result.length == 0) {
  143. $(".img").addClass("hidens");
  144. }
  145. })
  146. ////上传头像
  147. //$(".yhtx").click(function () {
  148. // $("#upFile").trigger("click");
  149. //})
  150. //$("#upFile").change(function () {
  151. // uploadtx();
  152. //})
  153. //外呼电话列表
  154. $(".bg_title li").click(function () {
  155. $(this).addClass("lactive").siblings().removeClass("lactive");
  156. loadWH();
  157. })
  158. $(".ty").click(function () {
  159. loadWH();
  160. })
  161. //加载部门人员
  162. $("#zrbmname").click(function () {
  163. if ($(".zrbmmenu").is(":hidden")) {
  164. $(".zrbmmenu").show();
  165. } else {
  166. $(".zrbmmenu").hide();
  167. }
  168. })
  169. $("#clbmname").click(function () {
  170. if ($(".clbmmenu").is(":hidden")) {
  171. $(".clbmmenu").show();
  172. } else {
  173. $(".clbmmenu").hide();
  174. }
  175. })
  176. $(".col-sm-3").mouseleave(function () {
  177. $(".ztree").parent().hide();
  178. })
  179. //$("#zrbm").change(function () {
  180. // getRY($("#zrid"), $("#zrbm").val());
  181. //})
  182. //$("#clbm").change(function () {
  183. // getRY($("#clid"), $("#clbm").val());
  184. //})
  185. //创建投诉工单
  186. $(".addts").click(function () {
  187. var tslx = $("#tslx").val();
  188. var tskh = $("#tskh").val();
  189. var tsdh = $("#tsdh").val();
  190. var zrbm = $("#zrbm").val();
  191. var zrid = $("#zrid").val();
  192. var clbm = $("#clbm").val();
  193. var clid = $("#clid").val();
  194. var khid = $("#khid").val();
  195. var type = "3";
  196. var cont = $("#cont").val();
  197. var callid = $(".hidCallID").val();
  198. if (!tslx) {
  199. layer.confirm('请选择投诉类型!', {
  200. btn: ['确定']
  201. });
  202. return;
  203. }
  204. if (!tskh) {
  205. layer.confirm('请输入客户名称!', {
  206. btn: ['确定']
  207. });
  208. return;
  209. }
  210. if (!tsdh) {
  211. layer.confirm('请输入客户电话!', {
  212. btn: ['确定']
  213. });
  214. return;
  215. }
  216. if (!cont) {
  217. layer.confirm('请输入工单内容!', {
  218. btn: ['确定']
  219. });
  220. return;
  221. }
  222. $.post(huayi.config.callcenter_url + 'CallInScreen/AddWorkOrder', {
  223. tslx: tslx,
  224. tskh: tskh,
  225. tsdh: tsdh,
  226. zrbm: zrbm,
  227. zrid: zrid,
  228. khid: khid,
  229. clbm: clbm,
  230. clid: clid,
  231. type: type,
  232. cont: cont,
  233. callid: callid,
  234. "token": $.cookie("token")
  235. }, function (result) {
  236. result = $.parseJSON(result);
  237. if (result.state.toLowerCase() == "success") {
  238. loadOld();
  239. $("#zrbmname").val("");
  240. $("#zrbm").val("");
  241. $("#zrid").empty()
  242. $("#clbmname").val("");
  243. $("#clbm").val("");
  244. $("#clid").empty()
  245. $("#cont").val("");
  246. layer.msg("创建工单成功");
  247. }
  248. })
  249. })
  250. // //加载知识库
  251. // loadZSK();
  252. //加载左侧导航菜单
  253. loadMenu();
  254. workcount();
  255. setInterval(function () {
  256. workcount();
  257. }, huayi.config.menuworktime);
  258. //关闭录音弹出
  259. $(".setwin").click(function () {
  260. $(".t-shade").removeClass("cx");
  261. $('audio')[0].pause();
  262. });
  263. $('.pre-add').click(function () {
  264. var par = $(this).parent().parent();
  265. par.hide().siblings().show();
  266. })
  267. //修改密码开始
  268. $('.shezhi').click(function () {
  269. $('.personal').show();
  270. $.ajax({
  271. type: "get",
  272. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  273. async: true,
  274. dataType: 'json',
  275. data: {
  276. token: $.cookie("token")
  277. },
  278. success: function (result) {
  279. if (result.state.toLowerCase() == "success") {
  280. var con = result.data.user;
  281. console.log(con)
  282. $('.mgh').val(con.F_UserId);
  283. $('.mn').val(con.F_UserName);
  284. $('.mobile').val(con.F_Mobile);
  285. $('.fenji').val($.cookie("extno"));
  286. //$('.wxno').val(con.F_WXNo);
  287. // $('.spwd').val(con.F_Password);
  288. }
  289. }
  290. });
  291. // layer.open({
  292. // type: 2,
  293. // content: "index-Personal.html?ran=" + Math.random(), //iframe的url,no代表不显示滚动条
  294. // title: '详情',
  295. // area: ['65%', '75%'], //宽高
  296. // });
  297. })
  298. //tab切换
  299. $('.perTab li').click(function () {
  300. $(this).addClass('sel').siblings().removeClass('sel');
  301. var index = $(this).index();
  302. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  303. })
  304. //编辑个人资料
  305. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  306. $('.grbj').click(function () {
  307. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  308. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  309. })
  310. //取消编辑
  311. $('.grqx').click(function () {
  312. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  313. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  314. })
  315. //关闭按钮
  316. $('.ptr').click(function () {
  317. $('.personal').hide();
  318. })
  319. //修改密码
  320. $('.grbtn').click(function () {
  321. var gh = $('.mgh').val();
  322. var xm = $('.mn').val();
  323. var ymm = $('.spwd').val();
  324. var xmm = $('.npwd').val();
  325. var qmm = $('.epwd').val();
  326. if (xmm !== qmm) {
  327. $('.wrong').show();
  328. $('.npwd').val('')
  329. $('.epwd').val('')
  330. } else if (xmm == '') {
  331. layer.msg("密码不允许为空!");
  332. } else {
  333. $('.wrong').hide();
  334. $('.grzl tbody>tr>td input').attr('readonly', true);
  335. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  336. $.ajax({
  337. type: "post",
  338. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  339. async: true,
  340. dataType: 'json',
  341. data: {
  342. token: $.cookie("token"),
  343. usercode: gh,
  344. pwd: xmm,
  345. oldpwd: ymm,
  346. mobile: $('.mobile').val()
  347. },
  348. success: function (result) {
  349. // result = $.parseJSON(result);
  350. if (result.state.toLowerCase() == "success") {
  351. layer.msg("修改成功!");
  352. $(".personal").hide();
  353. $('.spwd').val('');
  354. $('.npwd').val('');
  355. $('.epwd').val('')
  356. }
  357. }
  358. });
  359. }
  360. })
  361. })
  362. //菜单数字
  363. function workcount() {
  364. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  365. "token": $.cookie("token")
  366. }, function (result) {
  367. if (result.state.toLowerCase() == "success") {
  368. $(".dpd").text(result.data.dpd);
  369. $(".djd").text(result.data.djd);
  370. $(".dcl").text(result.data.dcl);
  371. }
  372. })
  373. }
  374. //上传头像
  375. function uploadtx() {
  376. if (document.getElementById("upFile").files.length > 0) {
  377. var formData = new FormData();
  378. formData.append("upFile", document.getElementById("upFile").files[0]);
  379. formData.append("token", $.cookie("token"));
  380. $.ajax({
  381. url: huayi.config.callcenter_url + "Index/UploadTX",
  382. type: "POST",
  383. data: formData,
  384. /**
  385. *必须false才会自动加上正确的Content-Type
  386. */
  387. contentType: false,
  388. /**
  389. * 必须false才会避开jQuery对 formdata 的默认处理
  390. * XMLHttpRequest会对 formdata 进行正确的处理
  391. */
  392. processData: false,
  393. success: function (result) {
  394. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  395. $("#upFile").change(function () {
  396. uploadtx();
  397. });
  398. var r = $.parseJSON(result);
  399. if (r.state.toLowerCase() == "success") {
  400. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  401. layer.msg("上传成功");
  402. }
  403. }
  404. });
  405. } else {
  406. layer.confirm('请上传文件!', {
  407. btn: ['确定']
  408. });
  409. }
  410. }
  411. function GetCallState(val) {
  412. if (val == '1') {
  413. return '已接通';
  414. } else {
  415. return '未接通';
  416. }
  417. }
  418. //时间
  419. function Time(val){
  420. var year=val.substring(0, val.indexOf(' '));
  421. return '<div >'+year+'</div>';
  422. }
  423. //音频
  424. function setCode(val) {
  425. if (val) {
  426. return '<div class="imgs" style="cursor: pointer;">' +
  427. '<img src="./img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
  428. '</div>';
  429. } else {
  430. return '';
  431. }
  432. }
  433. //录音
  434. function ck(val) {
  435. var path = $(val).attr("item");
  436. $(".t-shade").addClass("cx");
  437. $(".Ly_box").empty();
  438. $(".down").attr("href", path);
  439. $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
  440. }
  441. function GetDealState(val) {
  442. if (val == '1') {
  443. return '已处理';
  444. } else {
  445. return '未处理';
  446. }
  447. }
  448. function GetStateName(val) {
  449. var str = '';
  450. switch (val + '') {
  451. case '0':
  452. str = "待指派";
  453. break;
  454. case '1':
  455. str = "处理中";
  456. break;
  457. case '2':
  458. str = "已完结";
  459. break;
  460. }
  461. return str;
  462. }
  463. function GetCont(val) {
  464. var str = '<div '
  465. if (val.length > 20) {
  466. str = str + ' title="' + val + '" ';
  467. val = val.substr(0, 20) + "...";
  468. }
  469. return str + '>' + val + '</div>';
  470. }
  471. //获取知识库
  472. //function loadZSK() {
  473. // $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetZSKList', {
  474. // "keywords": $(".search").val(),
  475. // "token": $.cookie("token")
  476. // }, function (result) {
  477. // if (result.state.toLowerCase() == "success") {
  478. // $(".ldcr-bottom .detail-con ul").empty();
  479. // $(result.data).each(function (i, n) {
  480. // var html = '<li>' +
  481. // ' <div class="zhishi-title clearfix">' +
  482. // ' <a href="javascript:void(0);" >' + n.F_Title + '</a>' +
  483. // ' <em >' + n.F_CreateOn + '</em>' +
  484. // ' </div>' +
  485. // ' <div class="explancon">' +
  486. // n.F_Content +
  487. // ' </div>' +
  488. // '</li>';
  489. // $(html).appendTo($(".ldcr-bottom .detail-con ul")).find(".zhishi-title").click(function (event) {
  490. // event.stopPropagation();
  491. // if ($(this).hasClass("active")) {
  492. // $(this).removeClass("active")
  493. // } else {
  494. // $(".zhishi-title").removeClass("active");
  495. // $(this).addClass("active");
  496. // }
  497. // })
  498. // })
  499. // }
  500. // })
  501. //}
  502. //获取类型
  503. function getLX(obj, type) {
  504. obj.empty();
  505. $.getJSON(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByFlag', {
  506. "flag": type,
  507. "token": $.cookie("token")
  508. }, function (result) {
  509. if (result.state.toLowerCase() == "success") {
  510. $(result.data).each(function (i, n) {
  511. obj.append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  512. })
  513. }
  514. })
  515. }
  516. //获取部门
  517. var setting = {
  518. data: {
  519. key: {
  520. name: "F_DeptName"
  521. },
  522. simpleData: {
  523. enable: true,
  524. idKey: "F_DeptId",
  525. pIdKey: "F_ParentId",
  526. rootPId: 0
  527. }
  528. },
  529. callback: {
  530. onClick: zTreeOnClick
  531. }
  532. };
  533. function getBM(obj) {
  534. $.getJSON(huayi.config.callcenter_url + 'Department/GetAllList', {
  535. "token": $.cookie("token")
  536. }, function (result) {
  537. if (result.state.toLowerCase() == "success") {
  538. $.fn.zTree.init(obj, setting, result.data);
  539. }
  540. })
  541. }
  542. function zTreeOnClick(event, treeId, treeNode) {
  543. var obj = $("#" + event.data.treeId).parent();
  544. obj.parent().find("input").eq(0).val(treeNode.F_DeptName);
  545. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  546. obj.hide();
  547. if (event.data.treeId == "zrbmtree") {
  548. getRY($("#zrid"), $("#zrbm").val());
  549. }
  550. if (event.data.treeId == "clbmtree") {
  551. getRY($("#clid"), $("#clbm").val());
  552. }
  553. };
  554. //获取人员
  555. function getRY(obj, deptid) {
  556. obj.empty();
  557. obj.append('<option value="">--请选择--</option>');
  558. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetDeptUserList', {
  559. "deptid": deptid,
  560. "token": $.cookie("token")
  561. }, function (result) {
  562. if (result.state.toLowerCase() == "success") {
  563. $(result.data).each(function (i, n) {
  564. obj.append('<option value="' + n.F_UserId + '">' + n.F_UserName + '</option>');
  565. })
  566. }
  567. })
  568. }
  569. //外呼弹屏
  570. function whtp() {
  571. $("#Result").val("");
  572. if ($(".WH").hasClass("fadeOutUp")) {
  573. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  574. }
  575. $(".WH").removeClass("hidens");
  576. $('.first').removeClass('first');
  577. $('.WH').addClass('first');
  578. loadWH();
  579. }
  580. //加载外呼电话列表
  581. function loadWH() {
  582. $(".phonediv").hide();
  583. var n = $(".bg_title .lactive").attr("itemid");
  584. switch (n) {
  585. case '0':
  586. var obj = $(".phonediv").eq(0);
  587. obj.show();
  588. //先销毁表格
  589. var table = obj.find(".phonelist");
  590. table.bootstrapTable('destroy');
  591. //初始化表格,动态从服务器加载数据
  592. table.bootstrapTable({
  593. method: "get", //使用get请求到服务器获取数据
  594. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  595. striped: true, //表格显示条纹
  596. pagination: true, //启动分页
  597. pageSize: 10, //每页显示的记录数
  598. pageNumber: 1, //当前第几页
  599. pageList: [10, 20, 50, 100], //记录数可选列表
  600. search: false, //是否启用查询
  601. showColumns: false, //显示下拉框勾选要显示的列
  602. showRefresh: false, //显示刷新按钮
  603. sidePagination: "server", //表示服务端请求
  604. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  605. //设置为limit可以获取limit, offset, search, sort, order
  606. queryParamsType: "undefined",
  607. queryParams: function queryParams(params) { //设置查询参数
  608. var param = {
  609. page: params.pageNumber,
  610. pagesize: params.pageSize,
  611. tel: $("#lastphone").val(),
  612. token: $.cookie("token")
  613. };
  614. return param;
  615. },
  616. onLoadSuccess: function () { //加载成功时执行
  617. //layer.msg("加载成功");
  618. },
  619. onLoadError: function () { //加载失败时执行
  620. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  621. }
  622. });
  623. break;
  624. case '1':
  625. var obj = $(".phonediv").eq(1);
  626. obj.show();
  627. var table = obj.find(".phonelist");
  628. table.bootstrapTable('destroy');
  629. //初始化表格,动态从服务器加载数据
  630. table.bootstrapTable({
  631. method: "get", //使用get请求到服务器获取数据
  632. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  633. striped: true, //表格显示条纹
  634. pagination: true, //启动分页
  635. pageSize: 10, //每页显示的记录数
  636. pageNumber: 1, //当前第几页
  637. pageList: [10, 20, 50, 100], //记录数可选列表
  638. search: false, //是否启用查询
  639. showColumns: false, //显示下拉框勾选要显示的列
  640. showRefresh: false, //显示刷新按钮
  641. sidePagination: "server", //表示服务端请求
  642. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  643. //设置为limit可以获取limit, offset, search, sort, order
  644. queryParamsType: "undefined",
  645. queryParams: function queryParams(params) { //设置查询参数
  646. var param = {
  647. page: params.pageNumber,
  648. pagesize: params.pageSize,
  649. tel: $("#gsphone").val(),
  650. name: $("#gsname").val(),
  651. token: $.cookie("token")
  652. };
  653. return param;
  654. },
  655. onLoadSuccess: function () { //加载成功时执行
  656. //layer.msg("加载成功");
  657. },
  658. onLoadError: function () { //加载失败时执行
  659. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  660. }
  661. });
  662. break;
  663. case '2':
  664. var obj = $(".phonediv").eq(2);
  665. obj.show();
  666. var table = obj.find(".phonelist");
  667. table.bootstrapTable('destroy');
  668. //初始化表格,动态从服务器加载数据
  669. table.bootstrapTable({
  670. method: "get", //使用get请求到服务器获取数据
  671. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  672. striped: true, //表格显示条纹
  673. pagination: true, //启动分页
  674. pageSize: 10, //每页显示的记录数
  675. pageNumber: 1, //当前第几页
  676. pageList: [10, 20, 50, 100], //记录数可选列表
  677. search: false, //是否启用查询
  678. showColumns: false, //显示下拉框勾选要显示的列
  679. showRefresh: false, //显示刷新按钮
  680. sidePagination: "server", //表示服务端请求
  681. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  682. //设置为limit可以获取limit, offset, search, sort, order
  683. queryParamsType: "undefined",
  684. queryParams: function queryParams(params) { //设置查询参数
  685. var param = {
  686. page: params.pageNumber,
  687. pagesize: params.pageSize,
  688. tel: $("#khphone").val(),
  689. name: $("#khname").val(),
  690. token: $.cookie("token")
  691. };
  692. return param;
  693. },
  694. onLoadSuccess: function () { //加载成功时执行
  695. //layer.msg("加载成功");
  696. },
  697. onLoadError: function () { //加载失败时执行
  698. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  699. }
  700. });
  701. break;
  702. }
  703. }
  704. function view(val) {
  705. var str = '';
  706. if (val) {
  707. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  708. }
  709. return str;
  710. }
  711. function call(val) {
  712. $("#Result").val(val);
  713. $(".img").removeClass("hidens");
  714. }
  715. function logout() {
  716. $.ajax({
  717. url: huayi.config.callcenter_url + "Login/Logout",
  718. data: {
  719. token: $.cookie("token")
  720. },
  721. dataType: "json",
  722. success: function (res) {
  723. if (res.state) {
  724. location.href = "./login.html";
  725. }
  726. }
  727. });
  728. }
  729. //加载左侧导航菜单
  730. function loadMenu() {
  731. $.ajaxSettings.async = false;
  732. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  733. "token": $.cookie("token")
  734. }, function (result) {
  735. $.ajaxSettings.async = true;
  736. if (result.state.toLowerCase() == "success") {
  737. var data = result.data;
  738. var _html = "";
  739. $.each(data, function (i) {
  740. var row = data[i];
  741. if (row.F_ParentID == "0") {
  742. _html += '<li>';
  743. _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>';
  744. var childNodes = row.ChildNodes; //二级
  745. if (childNodes.length > 0) {
  746. _html += '<ul class="nav nav-second-level">';
  747. $.each(childNodes, function (i) {
  748. var subrow = childNodes[i];
  749. var childNodsThird = subrow.ChildNodes; //三级
  750. if (childNodsThird.length > 0) {
  751. _html += '<li>';
  752. _html += '<a href="' + subrow.F_OptUrl + '">';
  753. _html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
  754. _html += '<span class="fa arrow"></span>';
  755. _html += '</a>';
  756. _html += '<ul class="nav nav-third-level">';
  757. $.each(childNodsThird, function (i) {
  758. var subrowThird = childNodsThird[i];
  759. _html += '<li>';
  760. _html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl + '" >' + subrowThird.F_ModuleName + '</a>';
  761. _html += '</li>';
  762. });
  763. _html += '</ul>';
  764. } else {
  765. _html += '<li>';
  766. _html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl + '" >' + subrow.F_ModuleName + '</a>';
  767. if (subrow.F_Button != '') {
  768. _html += '<span class="' + subrow.F_Button + '"></span>';
  769. }
  770. _html += '</li>';
  771. }
  772. });
  773. _html += '</ul>';
  774. }
  775. _html += '</li>';
  776. }
  777. });
  778. // $("#sidebar-nav ul").prepend(_html);
  779. $(_html).appendTo("#side-menu");
  780. } else {
  781. window.location.href = "/login.html";
  782. }
  783. })
  784. }
  785. //图片裁剪
  786. var o = $(".image-crop > img");
  787. $(o).cropper({
  788. aspectRatio: 1 / 1,
  789. resizable: false,
  790. dragCrop: false,
  791. preview: ".img-preview",
  792. done: function () { }
  793. });
  794. var r = $("#inputImage");
  795. if (window.FileReader) {
  796. r.change(function () {
  797. var e, i = new FileReader,
  798. t = this.files;
  799. if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  800. i.readAsDataURL(e);
  801. i.onload = function () {
  802. r.val("");
  803. o.cropper("reset", !0).cropper("replace", this.result);
  804. }
  805. } else {
  806. alert("请选择图片文件");
  807. }
  808. });
  809. $("#setDrag").click(function () {
  810. o.cropper("setDragMode", "crop");
  811. var img = o.cropper("getDataURL");
  812. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  813. dataurl: encodeURIComponent(img),
  814. "token": $.cookie("token")
  815. }, function (result) {
  816. result = $.parseJSON(result);
  817. if (result.state.toLowerCase() == "success") {
  818. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
  819. layer.msg("上传成功");
  820. $('.personal').hide();
  821. }
  822. })
  823. });
  824. $("#zoomIn").click(function () {
  825. o.cropper("zoom", .1)
  826. });
  827. $("#zoomOut").click(function () {
  828. o.cropper("zoom", -.1)
  829. });
  830. $("#rotateLeft").click(function () {
  831. o.cropper("rotate", 45)
  832. });
  833. $("#rotateRight").click(function () {
  834. o.cropper("rotate", -45)
  835. });
  836. } else {
  837. r.addClass("hide");
  838. }
  839. ////跳转
  840. function Jumps() {
  841. //window.parent.frames[ "iframe0"].location.reload();
  842. $("iframe:visible")[0].src = "widgets.html"
  843. }
  844. //拖动事件
  845. var box = document.getElementById("box");
  846. //鼠标按下的函数
  847. box.onmousedown = function (ev) {
  848. var oEvent = ev || event;
  849. //求出鼠标和box的位置差值
  850. var x = oEvent.clientX - box.offsetLeft;
  851. var y = oEvent.clientY - box.offsetTop;
  852. console.log(x);
  853. //鼠标移动的函数
  854. //把事件加在document上,解决因为鼠标移动太快时,
  855. //鼠标超过box后就没有了拖拽的效果的问题
  856. document.onmousemove = function (ev) {
  857. var oEvent = ev || event;
  858. //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
  859. var l = oEvent.clientX - x;
  860. var t = oEvent.clientY - y;
  861. if (l < 0) {
  862. l = 0;
  863. } else if (l > document.documentElement.clientWidth - box.offsetWidth) {
  864. l = document.documentElement.clientWidth - box.offsetWidth;
  865. }
  866. if (t < 0) {
  867. t = 0;
  868. } else if (t > document.documentElement.clientHeight - box.offsetHeight) {
  869. t = document.documentElement.clientHeight - box.offsetHeight;
  870. }
  871. box.style.left = l + "px";
  872. box.style.top = t + "px";
  873. }
  874. //鼠标抬起的函数
  875. document.onmouseup = function () {
  876. document.onmousemove = null;
  877. document.onmouseup = null;
  878. }
  879. //火狐浏览器在拖拽空div时会出现bug
  880. //return false阻止默认事件,解决火狐的bug
  881. // return false;
  882. }