menu.js 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. function group(array, subGroupLength) {
  2. let index = 0;
  3. let newArray = [];
  4. while (index < array.length) {
  5. newArray.push(array.slice(index, index += subGroupLength));
  6. }
  7. return newArray;
  8. }
  9. $(function () {
  10. /**
  11. * 加载一级菜单
  12. */
  13. $.get(SITE_URL.jcddjs.get_main_menu, function (res) {
  14. if (res && res.resultData.data) {
  15. var tpl = $('#main-menu-tpl').html();
  16. var $menu = $('#main-menu');
  17. // var data = group(res.resultData.data, 8);
  18. var data = res.resultData.data;
  19. layui.laytpl(tpl).render({data: data}, function (html) {
  20. $menu.html(html);
  21. });
  22. // fixme 菜单响应式解决后,注释掉下面4行
  23. // var $menu2 = $('#main-menu2');
  24. // layui.laytpl(tpl).render({data: data[1]}, function (html) {
  25. // $menu2.html(html);
  26. // });
  27. }
  28. });
  29. });
  30. /**
  31. * 点击一级菜单加载二级菜单
  32. */
  33. function mainMenuClick(name) {
  34. $.get([SITE_URL.jcddjs.get_sub_menu, '_', name, '.json'].join(''), function (res) {
  35. var tpl = $('#sub-menu-tpl').html();
  36. var $menu = $('#nav');
  37. if (res && res.resultData) {
  38. if (res.resultData.data && res.resultData.data.length <= 0) {
  39. // 没有二级菜单的直接隐藏
  40. // $('#left-side').hide();
  41. // $('#right-body').css('left', '0px')
  42. } else {
  43. // $('#left-side').show();
  44. // $('#right-body').css('left', '200px')
  45. var data = res.resultData.data;
  46. // var power = JSON.parse(localStorage.getItem('power'));
  47. // var data2 = [];
  48. // for (d in data) {
  49. // var dd = data[d];
  50. // for (p in power) {
  51. // var pp = power[p];
  52. // console.log(pp.name, dd.name)
  53. // if (pp.name === dd.name) {
  54. // var url = dd.url + '?permissionId=' + pp.permissionId;
  55. // data[d].url = url
  56. // data2.push(data[d]);
  57. // }
  58. // }
  59. // }
  60. layui.laytpl(tpl).render({data: data}, function (html) {
  61. $menu.html(html);
  62. });
  63. // $menu.children().click(function () {
  64. // var href = $(this).attr('href');
  65. // // console.log(href);
  66. // $('#main_frame').attr('src', href);
  67. // });
  68. }
  69. }
  70. });
  71. $('.zhdj_menu').animate({
  72. width:'200px'
  73. },500);
  74. $('.zhdj_content').animate({
  75. left:'200px'
  76. },500,function(){
  77. $('.zhdj_menu ul li cite').css('display','inline');
  78. });
  79. $('.left_icon').show()
  80. $('.right_icon').hide()
  81. }
  82. // 默认隐藏侧边栏现实 数据中心列表
  83. // $('#left-side').hide();
  84. // $('#right-body').css('left', '0px')