开封利通水务前端

index.js 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797
  1. var isFirstShowTopMsg = true;
  2. $(document).ready(function() {
  3. if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  4. $(".title-box").hide();
  5. }
  6. if ($.cookie("token") == null) {
  7. window.location.href = "login.html";
  8. }
  9. obj.AgentExten = $.cookie("extno");
  10. if (obj.AgentExten == undefined) {
  11. $(".Gnumbox").hide();
  12. }
  13. $(".Gnum").text(obj.AgentExten);
  14. // 获取顶部获取消息
  15. getTopMsgs();
  16. setInterval(function() {
  17. getTopMsgs();
  18. }, huayi.config.topMsgTime);
  19. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  20. "token": $.cookie("token")
  21. }, function(result) {
  22. if (result.state.toLowerCase() == "success") {
  23. // console.log(result);
  24. // $.cookie("userType", result.data.usertype, {
  25. // expires: 7
  26. // });
  27. $.cookie("userRoleId", result.data.role.F_RoleId, {
  28. expires: 7
  29. });
  30. $.cookie("userRoleCode", result.data.role.F_RoleCode, {
  31. expires: 7
  32. });
  33. $(".username").text(result.data.user.F_UserName);
  34. $('.user_code').text(result.data.user.F_UserCode);
  35. localStorage.setItem('F_UserCode', result.data.user.F_UserCode)
  36. $('.group').text(result.data.user.F_SeartGroup);
  37. if (result.data.role) {
  38. // console.log(result.data);
  39. $(".rolename").text(result.data.role.F_RoleName);
  40. }
  41. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data
  42. .user.F_See);
  43. obj.AgentGroup = result.data.user.F_SeartGroupID;
  44. obj.AgentID = result.data.user.F_UserCode;
  45. //obj.AgentExten = result.data.user.F_WorkNumber;
  46. if (result.data.user.F_SeatFlag) {
  47. Connect();
  48. $("#top-search").show();
  49. $(".phoneBZ").show();
  50. $(".zts").show();
  51. }
  52. }
  53. })
  54. //分机号
  55. //话务相关
  56. $("#top-search li").click(function() {
  57. if ($(this).find("i").hasClass("active")) {
  58. if (obj.AgentID) {
  59. var fun = $(this).attr("datafun");
  60. obj.Type = fun;
  61. switch (fun) {
  62. case "Login":
  63. // obj.AgentGroup = "364";
  64. obj.AgentType = "0";
  65. Send();
  66. break; //签入
  67. case "MakeCall":
  68. obj.Type = "SayFree";
  69. Send(); //备注:用户要求外呼立刻置闲
  70. $(".hidCallID").val("");
  71. $("#hidwhtype").val(fun);
  72. whtp();
  73. //obj.DestinationNumber = "1012";
  74. break; //外呼
  75. case "Meeting":
  76. $("#hidwhtype").val(fun);
  77. whtp();
  78. //obj.DestinationNumber = "1012";
  79. break; //多方通话
  80. case "Transfer":
  81. $("#hidwhtype").val(fun);
  82. whtp();
  83. //obj.DestinationNumber = "1012";
  84. break; //转移
  85. default:
  86. Send();
  87. break;
  88. }
  89. }
  90. }
  91. });
  92. //关闭外呼弹屏
  93. $(".closes").click(function() {
  94. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  95. $(".WH").addClass("hidens");
  96. })
  97. $(".J_menuTabs").on("click" ,'.fa',function(){
  98. $(".SayBusy").addClass("active");
  99. $(".SayFree").removeClass("active");
  100. $(".zxzt").removeClass("br").removeClass("by").addClass("bl");
  101. $(".hwzt").text('空闲');
  102. obj.Type = "SayFree";
  103. Send();
  104. });
  105. //键盘事件外呼
  106. document.onkeydown = function(e) {
  107. var theEvent = window.event || e;
  108. var code = theEvent.keyCode || theEvent.which;
  109. if (code == 13) {
  110. $(".CallOut").click();
  111. }
  112. }
  113. //外呼呼出
  114. $(".CallOut").click(function(event) {
  115. event.stopPropagation();
  116. if ($("#Result").val()) {
  117. $.ajax({
  118. type: "get",
  119. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  120. async: true,
  121. dataType: 'json',
  122. data: {
  123. token: $.cookie("token"),
  124. phone: $("#Result").val()
  125. },
  126. success: function(result) {
  127. // result = $.parseJSON(result);
  128. if (result.state.toLowerCase() == "success") {
  129. var guid = uuid();
  130. obj.Type = $("#hidwhtype").val();
  131. obj.DestinationNumber = result.data.phone;
  132. obj.Header = result.data.fix;
  133. top.obj.TaskType = "0"; //0:拨号外呼;1:95005回访外呼;2:电销回访外呼
  134. top.obj.TaskPhoneID = ""; //回访的电话ID
  135. top.obj.TaskID = guid; //回访记录编号
  136. Send();
  137. $('#Result').val('');
  138. $(".WH").addClass("hidens");
  139. }
  140. }
  141. });
  142. // obj.Type = $("#hidwhtype").val();
  143. // obj.DestinationNumber = $("#Result").val();
  144. // Send();
  145. }
  146. })
  147. //外呼弹屏数字键盘样式
  148. $(".Num_ul div").mousedown(function() {
  149. $(this).addClass("actives");
  150. $(".img").removeClass("hidens");
  151. }).mouseup(function() {
  152. $(this).removeClass("actives");
  153. })
  154. //外呼弹屏数字键盘号码输入
  155. $(".Num_ul li div").click(function() {
  156. var rt = $("#Result").val() + "";
  157. if (rt.length < 18) {
  158. rt = rt + $(this).find("a").text();
  159. $("#Result").val(rt);
  160. }
  161. });
  162. //外呼弹屏数字键盘号码截取
  163. $(".img").click(function() {
  164. var Result = $("#Result").val() + "";
  165. Result = Result.substr(0, Result.length - 1);
  166. $("#Result").val(Result);
  167. if (Result.length == 0) {
  168. $(".img").addClass("hidens");
  169. }
  170. })
  171. //外呼电话列表
  172. $(".bg_title li").click(function() {
  173. $(this).addClass("lactive").siblings().removeClass("lactive");
  174. loadWH();
  175. })
  176. $(".ty").click(function() {
  177. loadWH();
  178. });
  179. //加载左侧导航菜单
  180. loadMenu();
  181. workcount();
  182. setInterval(function() {
  183. workcount();
  184. }, huayi.config.menuworktime);
  185. //修改密码开始
  186. $('.shezhi').click(function() {
  187. Dialog('dialogDrag', 'dialogMove');
  188. showDialog();
  189. //侦听浏览器窗口大小变化
  190. window.onresize = function() {
  191. if ($('#dialogMove').is(':visible')) {
  192. showDialog();
  193. }
  194. }
  195. $.ajax({
  196. type: "get",
  197. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  198. async: true,
  199. dataType: 'json',
  200. data: {
  201. token: $.cookie("token")
  202. },
  203. success: function(result) {
  204. if (result.state.toLowerCase() == "success") {
  205. var con = result.data.user;
  206. // console.log(con)
  207. $('.mgh').val(con.F_UserId);
  208. $('.mn').val(con.F_UserName);
  209. $('.mobile').val(con.F_Mobile);
  210. $('.fenji').val($.cookie("extno"));
  211. //$('.wxno').val(con.F_WXNo);
  212. // $('.spwd').val(con.F_Password);
  213. }
  214. }
  215. });
  216. })
  217. //tab切换
  218. $('.perTab li').click(function() {
  219. $(this).addClass('sel').siblings().removeClass('sel');
  220. var index = $(this).index();
  221. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  222. })
  223. //编辑个人资料
  224. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  225. $('.grbj').click(function() {
  226. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  227. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  228. $('.grbtn').attr('disabled', false);
  229. })
  230. //取消编辑
  231. $('.grqx').click(function() {
  232. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  233. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  234. $('.grbtn').attr('disabled', true);
  235. })
  236. //关闭按钮
  237. $('.ptr').click(function() {
  238. hideDialog();
  239. })
  240. $('.grbtn').click(function() {
  241. var gh = $('.mgh').val();
  242. var xm = $('.mn').val();
  243. var ymm = $('.spwd').val();
  244. var xmm = $('.npwd').val();
  245. var qmm = $('.epwd').val();
  246. if (xmm !== qmm) {
  247. $('.wrong').show();
  248. $('.npwd').val('')
  249. $('.epwd').val('')
  250. } else if (xmm == '') {
  251. layer.msg("密码不允许为空!");
  252. } else {
  253. $('.wrong').hide();
  254. $('.grzl tbody>tr>td input').attr('readonly', true);
  255. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  256. $.ajax({
  257. type: "post",
  258. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  259. async: true,
  260. dataType: 'json',
  261. data: {
  262. token: $.cookie("token"),
  263. usercode: gh,
  264. pwd: xmm,
  265. oldpwd: ymm,
  266. mobile: $('.mobile').val()
  267. },
  268. success: function(result) {
  269. // result = $.parseJSON(result);
  270. if (result.state.toLowerCase() == "success") {
  271. layer.msg("修改成功!");
  272. }
  273. }
  274. });
  275. }
  276. })
  277. //图片裁剪
  278. var o = $(".image-crop > img");
  279. $(o).cropper({
  280. aspectRatio: 1 / 1,
  281. resizable: false,
  282. dragCrop: false,
  283. preview: ".img-preview",
  284. done: function() {}
  285. });
  286. var r = $("#inputImage");
  287. if (window.FileReader) {
  288. r.change(function() {
  289. var e, i = new FileReader,
  290. t = this.files;
  291. if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  292. i.readAsDataURL(e);
  293. i.onload = function() {
  294. r.val("");
  295. o.cropper("reset", !0).cropper("replace", this.result);
  296. }
  297. } else {
  298. alert("请选择图片文件");
  299. }
  300. });
  301. $("#setDrag").click(function() {
  302. o.cropper("setDragMode", "crop");
  303. var img = o.cropper("getDataURL");
  304. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  305. dataurl: encodeURIComponent(img),
  306. "token": $.cookie("token")
  307. }, function(result) {
  308. result = $.parseJSON(result);
  309. if (result.state.toLowerCase() == "success") {
  310. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) +
  311. result.data);
  312. layer.msg("上传成功");
  313. hideDialog();
  314. }
  315. })
  316. });
  317. $("#zoomIn").click(function() {
  318. o.cropper("zoom", .1)
  319. });
  320. $("#zoomOut").click(function() {
  321. o.cropper("zoom", -.1)
  322. });
  323. $("#rotateLeft").click(function() {
  324. o.cropper("rotate", 45)
  325. });
  326. $("#rotateRight").click(function() {
  327. o.cropper("rotate", -45)
  328. });
  329. } else {
  330. r.addClass("hide");
  331. }
  332. })
  333. //菜单数字
  334. function workcount() {
  335. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  336. "token": $.cookie("token")
  337. }, function(result) {
  338. if (result.state.toLowerCase() == "success") {
  339. $(".dpd").text(result.data.dpd); //待指派
  340. $(".yzp").text(result.data.yzp); //已指派
  341. $(".djd").text(result.data.djd); //待接单
  342. $(".dcl").text(result.data.dcl); //待处理
  343. $(".ycl").text(result.data.ycl); //已处理
  344. $(".wyc").text(result.data.wyc); //已参与
  345. $(".cq").text(result.data.cq); //超期工单
  346. $(".wx").text(result.data.wx); //微信工单
  347. $(".dhf").text(result.data.dhf); //待回访
  348. $(".yhf").text(result.data.yhf); //已回访
  349. //"dpd":2,"djd":0,"dcl":0,"ycl":2,"wyc":6,"cq":0
  350. }
  351. })
  352. }
  353. //上传头像
  354. function uploadtx() {
  355. if (document.getElementById("upFile").files.length > 0) {
  356. var formData = new FormData();
  357. formData.append("upFile", document.getElementById("upFile").files[0]);
  358. formData.append("token", $.cookie("token"));
  359. $.ajax({
  360. url: huayi.config.callcenter_url + "Index/UploadTX",
  361. type: "POST",
  362. data: formData,
  363. /**
  364. *必须false才会自动加上正确的Content-Type
  365. */
  366. contentType: false,
  367. /**
  368. * 必须false才会避开jQuery对 formdata 的默认处理
  369. * XMLHttpRequest会对 formdata 进行正确的处理
  370. */
  371. processData: false,
  372. success: function(result) {
  373. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  374. $("#upFile").change(function() {
  375. uploadtx();
  376. });
  377. var r = $.parseJSON(result);
  378. if (r.state.toLowerCase() == "success") {
  379. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  380. layer.msg("上传成功");
  381. }
  382. }
  383. });
  384. } else {
  385. layer.confirm('请上传文件!', {
  386. btn: ['确定']
  387. });
  388. }
  389. }
  390. //格式化呼叫状态
  391. function GetCallState(val) {
  392. if (val == '1') {
  393. return '已接通';
  394. } else {
  395. return '未接通';
  396. }
  397. }
  398. //外呼弹屏
  399. function whtp() {
  400. $("#Result").val("");
  401. if ($(".WH").hasClass("fadeOutUp")) {
  402. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  403. }
  404. $(".WH").removeClass("hidens");
  405. $('.first').removeClass('first');
  406. $('.WH').addClass('first');
  407. loadWH();
  408. }
  409. //加载外呼电话列表
  410. function loadWH() {
  411. $(".phonediv").hide();
  412. var n = $(".bg_title .lactive").attr("itemid");
  413. switch (n) {
  414. case '0':
  415. var obj = $(".phonediv").eq(0);
  416. obj.show();
  417. //先销毁表格
  418. var table = obj.find(".phonelist");
  419. table.bootstrapTable('destroy');
  420. //初始化表格,动态从服务器加载数据
  421. table.bootstrapTable({
  422. method: "get", //使用get请求到服务器获取数据
  423. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  424. contentType: 'application/x-www-form-urlencoded',
  425. striped: true, //表格显示条纹
  426. pagination: true, //启动分页
  427. pageSize: 10, //每页显示的记录数
  428. pageNumber: 1, //当前第几页
  429. pageList: [10, 20, 50, 100], //记录数可选列表
  430. search: false, //是否启用查询
  431. showColumns: false, //显示下拉框勾选要显示的列
  432. showRefresh: false, //显示刷新按钮
  433. sidePagination: "server", //表示服务端请求
  434. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  435. //设置为limit可以获取limit, offset, search, sort, order
  436. queryParamsType: "undefined",
  437. queryParams: function queryParams(params) { //设置查询参数
  438. var param = {
  439. page: params.pageNumber,
  440. pagesize: params.pageSize,
  441. tel: $("#lastphone").val(),
  442. token: $.cookie("token")
  443. };
  444. return param;
  445. },
  446. onLoadSuccess: function() { //加载成功时执行
  447. //layer.msg("加载成功");
  448. },
  449. onLoadError: function() { //加载失败时执行
  450. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  451. }
  452. });
  453. break;
  454. case '1':
  455. var obj = $(".phonediv").eq(1);
  456. obj.show();
  457. getDepts(); //获取部门下拉
  458. var table = obj.find(".phonelist");
  459. table.bootstrapTable('destroy');
  460. //初始化表格,动态从服务器加载数据
  461. table.bootstrapTable({
  462. method: "get", //使用get请求到服务器获取数据
  463. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  464. contentType: 'application/x-www-form-urlencoded',
  465. striped: true, //表格显示条纹
  466. pagination: true, //启动分页
  467. pageSize: 10, //每页显示的记录数
  468. pageNumber: 1, //当前第几页
  469. pageList: [10, 20, 50, 100], //记录数可选列表
  470. search: false, //是否启用查询
  471. showColumns: false, //显示下拉框勾选要显示的列
  472. showRefresh: false, //显示刷新按钮
  473. sidePagination: "server", //表示服务端请求
  474. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  475. //设置为limit可以获取limit, offset, search, sort, order
  476. queryParamsType: "undefined",
  477. queryParams: function queryParams(params) { //设置查询参数
  478. var param = {
  479. page: params.pageNumber,
  480. pagesize: params.pageSize,
  481. zxzid: $('#s_department').val(),
  482. tel: $("#gsphone").val(),
  483. name: $("#gsname").val(),
  484. token: $.cookie("token")
  485. };
  486. return param;
  487. },
  488. onLoadSuccess: function() { //加载成功时执行
  489. //layer.msg("加载成功");
  490. },
  491. onLoadError: function() { //加载失败时执行
  492. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  493. }
  494. });
  495. break;
  496. case '2':
  497. var obj = $(".phonediv").eq(2);
  498. obj.show();
  499. var table = obj.find(".phonelist");
  500. table.bootstrapTable('destroy');
  501. //初始化表格,动态从服务器加载数据
  502. table.bootstrapTable({
  503. method: "get", //使用get请求到服务器获取数据
  504. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  505. contentType: 'application/x-www-form-urlencoded',
  506. striped: true, //表格显示条纹
  507. pagination: true, //启动分页
  508. pageSize: 10, //每页显示的记录数
  509. pageNumber: 1, //当前第几页
  510. pageList: [10, 20, 50, 100], //记录数可选列表
  511. search: false, //是否启用查询
  512. showColumns: false, //显示下拉框勾选要显示的列
  513. showRefresh: false, //显示刷新按钮
  514. sidePagination: "server", //表示服务端请求
  515. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  516. //设置为limit可以获取limit, offset, search, sort, order
  517. queryParamsType: "undefined",
  518. queryParams: function queryParams(params) { //设置查询参数
  519. var param = {
  520. page: params.pageNumber,
  521. pagesize: params.pageSize,
  522. tel: $("#khphone").val(),
  523. name: $("#khname").val(),
  524. token: $.cookie("token")
  525. };
  526. return param;
  527. },
  528. onLoadSuccess: function() { //加载成功时执行
  529. //layer.msg("加载成功");
  530. },
  531. onLoadError: function() { //加载失败时执行
  532. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  533. }
  534. });
  535. break;
  536. }
  537. }
  538. //格式化最近电话处理方式
  539. function formatterDealType(val, row) {
  540. //处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
  541. var str = '-';
  542. switch (val) {
  543. case 0:
  544. str = 'IVR处理';
  545. break;
  546. case 1:
  547. str = '骚扰电话';
  548. break;
  549. case 2:
  550. str = '自助服务';
  551. break;
  552. case 3:
  553. str = '转值班电话';
  554. break;
  555. case 4:
  556. str = '留言';
  557. break;
  558. case 5:
  559. str = '呼损';
  560. break;
  561. case 6:
  562. str = '人工处理';
  563. break;
  564. }
  565. return str;
  566. }
  567. //获取外呼公司电话下 部门下拉
  568. function getDepts() {
  569. $.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
  570. token: $.cookie("token"),
  571. }, function(data) {
  572. if (data.rows && data.rows.length > 0) {
  573. $('#s_department').html('');
  574. $('#s_department').append('<option value="">请选择</option>');
  575. $.each(data.rows, function(i, v) {
  576. $('<option value="' + v.F_ZXZID + '">' + v.F_ZXZName + '</option>').appendTo($('#s_department'));
  577. });
  578. }
  579. });
  580. }
  581. //格式化 电话号码 分机号
  582. function view(val) {
  583. var str = '';
  584. if (val) {
  585. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  586. }
  587. return str;
  588. }
  589. function call(val) {
  590. $("#Result").val(val);
  591. $(".img").removeClass("hidens");
  592. }
  593. function logout() {
  594. if (!$('.Logout').hasClass('active')) {
  595. $.ajax({
  596. url: huayi.config.callcenter_url + "Login/Logout",
  597. data: {
  598. token: $.cookie("token")
  599. },
  600. dataType: "json",
  601. success: function(res) {
  602. if (res.state) {
  603. location.href = "./login.html";
  604. }
  605. }
  606. });
  607. } else {
  608. layer.msg("退出失败!");
  609. }
  610. }
  611. //加载左侧导航菜单
  612. function loadMenu() {
  613. $.ajaxSettings.async = false;
  614. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  615. "token": $.cookie("token")
  616. }, function(result) {
  617. $.ajaxSettings.async = true;
  618. if (result.state.toLowerCase() == "success") {
  619. var data = result.data;
  620. var _html = "";
  621. $.each(data, function(i) {
  622. var row = data[i];
  623. if (row.F_ParentID == "0") {
  624. _html += '<li>';
  625. _html += '<a class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl +
  626. '"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName +
  627. '</span><span class="fa arrow"></span></a>';
  628. var childNodes = row.ChildNodes; //二级
  629. if (childNodes.length > 0) {
  630. _html += '<ul class="nav nav-second-level">';
  631. $.each(childNodes, function(i) {
  632. var subrow = childNodes[i];
  633. var childNodsThird = subrow.ChildNodes; //三级
  634. if (childNodsThird.length > 0) {
  635. _html += '<li>';
  636. _html += '<a href="' + subrow.F_OptUrl + '">';
  637. _html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
  638. _html += '<span class="fa arrow"></span>';
  639. _html += '</a>';
  640. _html += '<ul class="nav nav-third-level">';
  641. $.each(childNodsThird, function(i) {
  642. var subrowThird = childNodsThird[i];
  643. _html += '<li>';
  644. _html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl +
  645. '" >' + subrowThird.F_ModuleName + '</a>';
  646. _html += '</li>';
  647. });
  648. _html += '</ul>';
  649. } else {
  650. _html += '<li>';
  651. _html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl +
  652. '" >' + subrow.F_ModuleName + '</a>';
  653. if (subrow.F_Button != '') {
  654. _html += '<span class="' + subrow.F_Button + '"></span>';
  655. }
  656. _html += '</li>';
  657. }
  658. });
  659. _html += '</ul>';
  660. }
  661. _html += '</li>';
  662. }
  663. });
  664. // $("#sidebar-nav ul").prepend(_html);
  665. $(_html).appendTo("#side-menu");
  666. //绑定点击事件 添加点击的样式
  667. $('#side-menu').find('.J_menuItem').on('click', function() {
  668. $(this).parent().addClass('sub_active').siblings().removeClass('sub_active');
  669. });
  670. } else {
  671. window.location.href = "/login.html";
  672. }
  673. })
  674. }
  675. //跳转
  676. function Jumps() {
  677. //window.parent.frames[ "iframe0"].location.reload();
  678. $("iframe:visible")[0].src = "widgets.html"
  679. $(".J_menuTab").eq(0).addClass("active").text('首页');
  680. $(".J_menuTab").eq(0).attr("data-id", 'widgets.html');
  681. $(".J_mainContent .J_iframe0").attr("data-id", "widgets.html");
  682. }
  683. // 顶部消息
  684. function showTopMsgs() {
  685. $('#top_notices_lists').toggle();
  686. // if ($('#top_notices_lists').is(':visible')) {
  687. // $('#top_notices_lists').hide();
  688. // } else {
  689. // $('#top_notices_lists').show();
  690. // }
  691. }
  692. // 获取顶部消息(只展示未读消息 0未读 1已读)
  693. function getTopMsgs() {
  694. $.getJSON(huayi.config.callcenter_url + 'Msg/GetServerMsg', {
  695. token: $.cookie("token")
  696. }, function(result) {
  697. if(result.state.toLowerCase() === 'success'){
  698. $('#top_notices_lists').empty();
  699. result = result.data;
  700. var str = '';
  701. if (result && result.length) {
  702. if(isFirstShowTopMsg){
  703. $('#top_notices_lists').show();
  704. isFirstShowTopMsg = false;
  705. }
  706. $('#top_notices_num').text(result.length);
  707. for (var i = 0; i < result.length; i++) {
  708. str += '<li class="top_notices_item">' +
  709. '<span class="top_notices_con">'+ result[i].Detail +'</span>' +
  710. '<button type="button" class="btn btn-primary btn-sm" onclick="signRead('+ result[i].ID +', event)">未读</button>' +
  711. '</li>' +
  712. '<li class="divider"></li>';
  713. }
  714. } else {
  715. str = '<li class="top_notices_item">' +
  716. '<span class="top_notices_con">暂无消息!</span>' +
  717. '</li>';
  718. $('#top_notices_num').text(0);
  719. }
  720. $('#top_notices_lists').append(str);
  721. $('#top_notices_lists').find('.divider:last').remove();
  722. }
  723. });
  724. }
  725. // 标记消息状态
  726. function signRead(signid, e) {
  727. e.stopPropagation();
  728. layer.confirm('确认已读后该条消息将不再提示,请慎重', {
  729. icon: 7,
  730. btn: ['确认', '取消'] //按钮
  731. }, function(index) {
  732. $.ajax({
  733. type: "get",
  734. url: huayi.config.callcenter_url + "Msg/UpdateState",
  735. dataType: 'json',
  736. async: true,
  737. data: {
  738. ids: signid,
  739. state: 1, //状态,0未读 1已读
  740. token: $.cookie("token")
  741. },
  742. success: function(data) {
  743. if (data.state.toLowerCase() === "success") {
  744. // 更新顶部消息内容和数量
  745. getTopMsgs();
  746. $('#top_notices_lists').hide();
  747. layer.close(index);
  748. }
  749. }
  750. });
  751. });
  752. }
  753. $(document).click(function(e) {
  754. if($(e.target).is($('.top_notices_lists')) || $(e.target).is($('.top_notices_item')) || $(e.target).is($('.top_notices_con')) || $(e.target).is($('.divider'))) {
  755. $('#top_notices_lists').show();
  756. }
  757. })