index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <title>健康教育平台</title>
  8. <link rel="stylesheet" href="iconfont/iconfont.css" type="text/css" />
  9. <link rel="stylesheet" href="cross/css/cross.css" type="text/css" />
  10. <link rel="stylesheet" href="cross/css/cross.ui.css" type="text/css" />
  11. <link rel="stylesheet" href="css/index.css" type="text/css" />
  12. <link rel="stylesheet" href="widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
  13. </head>
  14. <body>
  15. <div class="header-wrap clearfix c-position-r">
  16. <div class="header-logo plr20 fl">
  17. <h1 class="c-f20 c-fff">xxx卫计委</h1>
  18. </div>
  19. </div>
  20. <div class="iframe-menu c-position-r">
  21. <div class="c-position-a iframe-menu-list width-100" data-left="0">
  22. <ul class="clearfix">
  23. <li data-iframe="0" data-left="0"><a href="javascript:;" class="curr"><span class="c-nowrap">欢迎页</span><i class="iconfont">&#xe605;</i></a></li>
  24. </ul>
  25. </div>
  26. <div class="c-position-a iframe-menu-btn">
  27. <a href="javascript:;" class="prev"><i class="iconfont">&#xe61c;</i></a><a href="javascript:;" class="next"><i class="iconfont">&#xe608;</i></a>
  28. </div>
  29. <div class="iframe-menu-mouse c-position-a c-hide">
  30. <ul>
  31. <li><a href="javascript:;">关闭标签页</a></li>
  32. <li><a href="javascript:;">关闭其他标签页</a></li>
  33. </ul>
  34. </div>
  35. </div>
  36. <div class="page-container clearfix">
  37. <div class="page-sidebar fl">
  38. <!----menu star------>
  39. <div class="menu-collapse width-100" data-nav="menu" data-iframe="true">
  40. <ul class="all-menu clearfix" id="menuShow">
  41. </ul>
  42. </div>
  43. <!----menu end------>
  44. </div>
  45. <div class="page-content">
  46. <div class="iframe-main-wrap">
  47. <div id="iframe-im">
  48. <!-- <iframe frameborder="no" src="welcome.html" width="100%" height="100%" data-iframe="0" data-left="0"></iframe>
  49. --> <!--<iframe frameborder="no" src="iframe.html" width="100%" height="100%" id="main-iframe" class="c-hide"></iframe>-->
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <script type="text/javascript" src="cross/js/jquery/1.8.3/jquery.js"></script>
  55. <script type="text/javascript" src="cross/js/cross.ui.js"></script>
  56. <script type="text/javascript" src="js/index.js"></script>
  57. <script type="text/javascript" src="widget/artDialog/4.1.7/js/artDialog.js"></script>
  58. <script type="text/javascript" src="widget/nicescroll/3.6.0/js/jquery.nicescroll.min.js"></script>
  59. <script type="text/javascript">
  60. var artLoading = null;
  61. $(function(){
  62. getMenuURL();
  63. });
  64. //获取登陆人员菜单
  65. function getMenuURL() {
  66. artLoading = art.dialog({lock: true, content: '<img src="widget/artDialog/4.1.7/images/loading.gif" class="mr10" />数据加载中,请稍候...', tips:true});
  67. $.ajax({
  68. url : "/JkEdu/menu/queryUserRoleMenu",
  69. cache : false,
  70. async : false,
  71. data: {},
  72. success:function(data){
  73. artLoading.close();
  74. var data = eval("(" + data + ")");
  75. if (data.Code == 1) {
  76. var ret = data.Result;
  77. var html = '';
  78. html += '<li class="menu-li">';
  79. //for循环获取菜单名称和URL
  80. var dataIframe = 2;
  81. $.each(ret, function(i, v) {
  82. var menuData = v.children; //子菜单
  83. if (menuData !=null && menuData !='' && menuData.length >0) {
  84. html += '<li class="menu-li">';
  85. html += '<a href="javascript:;"><i class="iconfont">&#xe659;</i>';
  86. html += '<span class="title">'+v.menuname+'</span>';
  87. html += '<span class="arrow"><i class="iconfont">&#xe60f;</i></span></a>';
  88. html += '<ul class="sub-menu">';
  89. for (var j=0; j<menuData.length; j++) {
  90. html += '<li><a href="javascript:;" data-src="'+menuData[j].menuurl+'" data-iframe="'+dataIframe+'-'+j+'" data-left="0">';
  91. html += '<i class="iconfont">&#xe628;</i><span class="title">'+menuData[j].menuname+'</span>';
  92. html += '</a></li>';
  93. }
  94. dataIframe++;
  95. html += '</ul></li>';
  96. } else {
  97. html += '<li>';
  98. html += '<a href="javascript:;" data-src="'+v.menuurl+'" data-iframe="1-'+i+'" data-left="0">';
  99. html += '<i class="iconfont">&#xe628;</i><span class="title">'+v.menuname+'</span>';
  100. html += '</a></li>';
  101. }
  102. });
  103. html += '</li>';
  104. $('#menuShow').html(html);
  105. } else {
  106. ask(data.Message);
  107. }
  108. }
  109. });
  110. }
  111. //提示
  112. function ask(message){
  113. art.dialog({
  114. lock : true,
  115. artIcon : 'ask',
  116. opacity : 0.4,
  117. width : 250,
  118. title : '提示',
  119. content : message,
  120. ok : function() {
  121. }
  122. });
  123. }
  124. </script>
  125. </body>
  126. </html>