main.js 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. var mainPlatform = {
  2. init: function () {
  3. this.bindEvent();
  4. // this.render(menu['home']);
  5. },
  6. bindEvent: function () {
  7. var self = this;
  8. // 顶部大菜单单击事件
  9. $(".pf-nav-item").click(function () {
  10. $('.pf-nav-item').removeClass('current');
  11. $(this).addClass('current');
  12. // 渲染对应侧边菜单
  13. //var m = $(this).data('menu');
  14. //self.render(menu[m]);
  15. //my
  16. var pid = $(this).attr('data-pid');
  17. var pname = $(this).attr('data-pname');
  18. $.ajax({
  19. url: "/Home/GetLeftMenu", //请求的url地址
  20. dataType: "json", //返回格式为json
  21. async: true,//请求是否异步,默认为异步,这也是ajax重要特性
  22. data: { topMenuId: pid }, //参数值
  23. type: "GET", //请求方式
  24. beforeSend: function () {
  25. //请求前的处理
  26. },
  27. success: function (data) {
  28. //请求成功时处理
  29. var content = '<a href="javascript:;">' +
  30. '<span class="iconfont sider-nav-icon">&#xe620;</span>' +
  31. '<span class="sider-nav-title">' + pname + '</span>' +
  32. '<i class="iconfont">&#xe642;</i>' +
  33. '</a>';
  34. if (data != null && data.length > 0) {
  35. content += '<ul class="sider-nav-s">';
  36. $.each(data, function (index, item) {
  37. content += '<li onclick="kidMenuClick(this)" data-href="' + item.Url + '" data-name="' + item.Name + '" style="cursor:pointer"><a>' + item.Name + '</a></li>';
  38. });
  39. content += '</ul>';
  40. }
  41. $("#left_kids").html(content);
  42. },
  43. complete: function () {
  44. //请求完成的处理
  45. },
  46. error: function () {
  47. //请求出错处理
  48. }
  49. });
  50. });
  51. $(document).on('click', '.sider-nav li', function () {
  52. $('.sider-nav li').removeClass('current');
  53. $(this).addClass('current');
  54. $('iframe').attr('src', $(this).data('src'));
  55. });
  56. $(document).on('click', '.pf-logout', function () {
  57. layer.confirm('您确定要退出吗?', {
  58. icon: 4,
  59. title: '确定退出' //按钮
  60. }, function () {
  61. location.href = '/home/logout';
  62. });
  63. });
  64. //左侧菜单收起
  65. $(document).on('click', '.toggle-icon', function () {
  66. $(this).closest("#pf-bd").toggleClass("toggle");
  67. setTimeout(function () {
  68. $(window).resize();
  69. }, 300)
  70. });
  71. //$(window).resize(function () {
  72. // $('#home_tabs').tabs("resize");
  73. //}).resize();
  74. //$(document).on('click', '.pf-modify-pwd', function () {
  75. // $('#pf-page').find('iframe').eq(0).attr('src', 'backend/modify_pwd.html')
  76. //});
  77. //$(document).on('click', '.pf-notice-item', function () {
  78. // $('#pf-page').find('iframe').eq(0).attr('src', 'backend/notice.html')
  79. //});
  80. },
  81. render: function (menu) {
  82. var current,
  83. html = ['<h2 class="pf-model-name"><span class="pf-sider-icon"></span><span class="pf-name">' + menu.title + '</span></h2>'];
  84. html.push('<ul class="sider-nav">');
  85. for (var i = 0, len = menu.menu.length; i < len; i++) {
  86. if (menu.menu[i].isCurrent) {
  87. current = menu.menu[i];
  88. html.push('<li class="current" title="' + menu.menu[i].title + '" data-src="' + menu.menu[i].href + '"><a href="javascript:;"><img src="' + menu.menu[i].icon + '"><span class="sider-nav-title">' + menu.menu[i].title + '</span><i class="iconfont"></i></a></li>');
  89. } else {
  90. html.push('<li data-src="' + menu.menu[i].href + '" title="' + menu.menu[i].title + '"><a href="javascript:;"><img src="' + menu.menu[i].icon + '"><span class="sider-nav-title">' + menu.menu[i].title + '</span><i class="iconfont"></i></a></li>');
  91. }
  92. }
  93. html.push('</ul>');
  94. $('iframe').attr('src', current.href);
  95. $('#pf-sider').html(html.join(''));
  96. }
  97. };
  98. mainPlatform.init();
  99. //左侧菜单点击事件
  100. function kidMenuClick(ctr) {
  101. var url = $(ctr).attr("data-href");
  102. var name = $(ctr).attr("data-name");
  103. if ($("#home_tabs").tabs('exists', name)) {
  104. $('#home_tabs').tabs('select', name);
  105. } else {
  106. //if (url.toLowerCase().indexOf("roompattern") > 0) {
  107. // //房态图,不需每次刷新
  108. // $('#home_tabs').tabs('add', {
  109. // title: name,
  110. // closable: true,
  111. // href: url,
  112. // style: { padding: "5px" },
  113. // });
  114. //}
  115. //else {
  116. // var content = '<iframe class="" src="' + url + '" frameborder="no" border="no" height="100%" width="100%" scrolling="auto"></iframe>';
  117. // $('#home_tabs').tabs('add', {
  118. // title: name,
  119. // closable: true,
  120. // //href: url,
  121. // style: { padding: "5px" },
  122. // content: content
  123. // });
  124. //}
  125. var content = '<iframe class="" src="' + url + '" frameborder="no" border="no" height="100%" width="100%" scrolling="auto"></iframe>';
  126. $('#home_tabs').tabs('add', {
  127. title: name,
  128. closable: true,
  129. //href: url,
  130. style: { padding: "0px" },
  131. content: content
  132. });
  133. }
  134. }
  135. //用户信息
  136. function userMenuClick(url,name) {
  137. if ($("#home_tabs").tabs('exists', name)) {
  138. $('#home_tabs').tabs('select', name);
  139. } else {
  140. var content = '<iframe class="" src="' + url + '" frameborder="no" border="no" height="100%" width="100%" scrolling="auto"></iframe>';
  141. $('#home_tabs').tabs('add', {
  142. title: name,
  143. closable: true,
  144. //href: url,
  145. style: { padding: "0px" },
  146. content: content
  147. });
  148. }
  149. }
  150. //判断是否是IE<10的版本
  151. function isOldIE() {
  152. var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  153. var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
  154. var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
  155. var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器
  156. if (isIE) {
  157. var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  158. reIE.test(userAgent);
  159. var fIEVersion = parseFloat(RegExp["$1"]);
  160. if (fIEVersion == 10 || fIEVersion == 11) {
  161. return false
  162. } else {
  163. return true;
  164. }
  165. }
  166. else {
  167. return false;//非IE
  168. }
  169. }
  170. $.extend({
  171. includePath: '',
  172. include: function (file) {
  173. var files = typeof file == "string" ? [file] : file;
  174. for (var i = 0; i < files.length; i++) {
  175. var name = files[i];
  176. var att = name.split('.');
  177. var ext = att[att.length - 1].toLowerCase();
  178. var isCSS = ext == "css";
  179. var tag = isCSS ? "link" : "script";
  180. var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ";
  181. var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";
  182. if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">");
  183. }
  184. }
  185. });