index.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
  1. define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], function ($, undefined, Backend, undefined, AdminLTE, Form) {
  2. var Controller = {
  3. index: function () {
  4. //双击重新加载页面
  5. $(document).on("dblclick", ".sidebar-menu li > a", function (e) {
  6. $("#con_" + $(this).attr("addtabs") + " iframe").attr('src', function (i, val) {
  7. return val;
  8. });
  9. e.stopPropagation();
  10. });
  11. //修复在移除窗口时下拉框不隐藏的BUG
  12. $(window).on("blur", function () {
  13. $("[data-toggle='dropdown']").parent().removeClass("open");
  14. if ($("body").hasClass("sidebar-open")) {
  15. $(".sidebar-toggle").trigger("click");
  16. }
  17. });
  18. //快捷搜索
  19. $(".menuresult").width($("form.sidebar-form > .input-group").width());
  20. var searchResult = $(".menuresult");
  21. $("form.sidebar-form").on("blur", "input[name=q]", function () {
  22. searchResult.addClass("hide");
  23. }).on("focus", "input[name=q]", function () {
  24. if ($("a", searchResult).length > 0) {
  25. searchResult.removeClass("hide");
  26. }
  27. }).on("keyup", "input[name=q]", function () {
  28. searchResult.html('');
  29. var val = $(this).val();
  30. var html = [];
  31. if (val != '') {
  32. $("ul.sidebar-menu li a[addtabs]:not([href^='javascript:;'])").each(function () {
  33. if ($("span:first", this).text().indexOf(val) > -1 || $(this).attr("py").indexOf(val) > -1 || $(this).attr("pinyin").indexOf(val) > -1) {
  34. html.push('<a data-url="' + ($(this).attr("url") || $(this).attr("href")) + '" href="javascript:;">' + $("span:first", this).text() + '</a>');
  35. if (html.length >= 100) {
  36. return false;
  37. }
  38. }
  39. });
  40. }
  41. $(searchResult).append(html.join(""));
  42. if (html.length > 0) {
  43. searchResult.removeClass("hide");
  44. } else {
  45. searchResult.addClass("hide");
  46. }
  47. });
  48. //快捷搜索点击事件
  49. $("form.sidebar-form").on('mousedown click', '.menuresult a[data-url]', function () {
  50. Backend.api.addtabs($(this).data("url"));
  51. });
  52. //切换左侧sidebar显示隐藏
  53. $(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
  54. var nextul = $(this).next("ul");
  55. if (nextul.length == 0 && (!$(this).parent("li").hasClass("treeview") || ($("body").hasClass("multiplenav") && $(this).parent().parent().hasClass("sidebar-menu")))) {
  56. $(".sidebar-menu li").not($(this).parents("li")).removeClass("active");
  57. }
  58. //当外部触发隐藏的a时,触发父辈a的事件
  59. if (!$(this).closest("ul").is(":visible")) {
  60. //如果不需要左侧的菜单栏联动可以注释下面一行即可
  61. $(this).closest("ul").prev().trigger("click");
  62. }
  63. var visible = nextul.is(":visible");
  64. if (nextul.length == 0) {
  65. $(this).parents("li").addClass("active");
  66. $(this).closest(".treeview").addClass("treeview-open");
  67. } else {
  68. }
  69. e.stopPropagation();
  70. });
  71. //清除缓存
  72. $(document).on('click', "ul.wipecache li a,a.wipecache", function () {
  73. $.ajax({
  74. url: 'ajax/wipecache',
  75. dataType: 'json',
  76. data: {type: $(this).data("type")},
  77. cache: false,
  78. success: function (ret) {
  79. if (ret.hasOwnProperty("code")) {
  80. var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
  81. if (ret.code === 1) {
  82. Toastr.success(msg ? msg : __('Wipe cache completed'));
  83. } else {
  84. Toastr.error(msg ? msg : __('Wipe cache failed'));
  85. }
  86. } else {
  87. Toastr.error(__('Unknown data format'));
  88. }
  89. }, error: function () {
  90. Toastr.error(__('Network error'));
  91. }
  92. });
  93. });
  94. //全屏事件
  95. $(document).on('click', "[data-toggle='fullscreen']", function () {
  96. var doc = document.documentElement;
  97. if ($(document.body).hasClass("full-screen")) {
  98. $(document.body).removeClass("full-screen");
  99. document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
  100. } else {
  101. $(document.body).addClass("full-screen");
  102. doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
  103. }
  104. });
  105. var multiplenav = $("body").hasClass("multiplenav") > 0 ? true : false;
  106. var firstnav = $("#firstnav .nav-addtabs");
  107. var nav = multiplenav ? $("#secondnav .nav-addtabs") : firstnav;
  108. //刷新菜单事件
  109. $(document).on('refresh', '.sidebar-menu', function () {
  110. Fast.api.ajax({
  111. url: 'index/index',
  112. data: {action: 'refreshmenu'},
  113. loading: false
  114. }, function (data) {
  115. $(".sidebar-menu li:not([data-rel='external'])").remove();
  116. $(".sidebar-menu").prepend(data.menulist);
  117. if (multiplenav) {
  118. firstnav.html(data.navlist);
  119. }
  120. $("li[role='presentation'].active a", nav).trigger('click');
  121. $(window).trigger("resize");
  122. return false;
  123. }, function () {
  124. return false;
  125. });
  126. });
  127. if (multiplenav) {
  128. firstnav.css("overflow", "inherit");
  129. //一级菜单自适应
  130. $(window).resize(function () {
  131. var siblingsWidth = 0;
  132. firstnav.siblings().each(function () {
  133. siblingsWidth += $(this).outerWidth();
  134. });
  135. firstnav.width(firstnav.parent().width() - siblingsWidth);
  136. firstnav.refreshAddtabs();
  137. });
  138. //点击顶部第一级菜单栏
  139. firstnav.on("click", "li a", function () {
  140. $("li", firstnav).removeClass("active");
  141. $(this).closest("li").addClass("active");
  142. $(".sidebar-menu > li[pid]").addClass("hidden");
  143. if ($(this).attr("url") == "javascript:;") {
  144. var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
  145. sonlist.removeClass("hidden");
  146. var sidenav;
  147. var last_id = $(this).attr("last-id");
  148. if (last_id) {
  149. sidenav = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "'] a[addtabs='" + last_id + "']");
  150. } else {
  151. sidenav = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']:first > a");
  152. }
  153. if (sidenav) {
  154. sidenav.attr("href") != "javascript:;" && sidenav.trigger('click');
  155. }
  156. } else {
  157. }
  158. });
  159. var mobilenav = $(".mobilenav");
  160. $("#firstnav .nav-addtabs li a").each(function () {
  161. mobilenav.append($(this).clone().addClass("btn btn-app"));
  162. });
  163. //点击移动端一级菜单
  164. mobilenav.on("click", "a", function () {
  165. $("a", mobilenav).removeClass("active");
  166. $(this).addClass("active");
  167. $(".sidebar-menu > li[pid]").addClass("hidden");
  168. if ($(this).attr("url") == "javascript:;") {
  169. var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
  170. sonlist.removeClass("hidden");
  171. }
  172. });
  173. //点击左侧菜单栏
  174. $(document).on('click', '.sidebar-menu li a[addtabs]', function (e) {
  175. var parents = $(this).parentsUntil("ul.sidebar-menu", "li");
  176. var top = parents[parents.length - 1];
  177. var pid = $(top).attr("pid");
  178. if (pid) {
  179. var obj = $("li a[addtabs=" + pid + "]", firstnav);
  180. var last_id = obj.attr("last-id");
  181. if (!last_id || last_id != pid) {
  182. obj.attr("last-id", $(this).attr("addtabs"));
  183. if (!obj.closest("li").hasClass("active")) {
  184. obj.trigger("click");
  185. }
  186. }
  187. mobilenav.find("a").removeClass("active");
  188. mobilenav.find("a[addtabs='" + pid + "']").addClass("active");
  189. }
  190. });
  191. }
  192. //这一行需要放在点击左侧链接事件之前
  193. var addtabs = Config.referer ? sessionStorage.getItem("addtabs") : null;
  194. console.log($("[data-config='simplenav']").prop("checked"))
  195. //绑定tabs事件,如果需要点击强制刷新iframe,则请将iframeForceRefresh置为true,iframeForceRefreshTable只强制刷新表格
  196. nav.addtabs({iframeHeight: "100%", iframeForceRefresh: false, iframeForceRefreshTable: true, simple: $("[data-config='simplenav']").prop("checked"), nav: nav});
  197. if ($("ul.sidebar-menu li.active a").length > 0) {
  198. $("ul.sidebar-menu li.active a").trigger("click");
  199. } else {
  200. if (multiplenav) {
  201. $("li:first > a", firstnav).trigger("click");
  202. } else {
  203. $("ul.sidebar-menu li a[url!='javascript:;']:first").trigger("click");
  204. }
  205. }
  206. //如果是刷新操作则直接返回刷新前的页面
  207. if (Config.referer) {
  208. if (Config.referer === $(addtabs).attr("url")) {
  209. var active = $("ul.sidebar-menu li a[addtabs=" + $(addtabs).attr("addtabs") + "]");
  210. if (multiplenav && active.length == 0) {
  211. active = $("ul li a[addtabs='" + $(addtabs).attr("addtabs") + "']");
  212. }
  213. if (active.length > 0) {
  214. active.trigger("click");
  215. } else {
  216. $(addtabs).appendTo(document.body).addClass("hide").trigger("click");
  217. }
  218. } else {
  219. //刷新页面后跳到到刷新前的页面
  220. Backend.api.addtabs(Config.referer);
  221. }
  222. }
  223. var createCookie = function (name, value) {
  224. var date = new Date();
  225. date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000));
  226. var path = Config.moduleurl;
  227. document.cookie = encodeURIComponent(Config.cookie.prefix + name) + "=" + encodeURIComponent(value) + "; path=" + path + "; expires=" + date.toGMTString();
  228. };
  229. var my_skins = [
  230. "skin-blue",
  231. "skin-black",
  232. "skin-red",
  233. "skin-yellow",
  234. "skin-purple",
  235. "skin-green",
  236. "skin-blue-light",
  237. "skin-black-light",
  238. "skin-red-light",
  239. "skin-yellow-light",
  240. "skin-purple-light",
  241. "skin-green-light",
  242. "skin-black-blue",
  243. "skin-black-purple",
  244. "skin-black-red",
  245. "skin-black-green",
  246. "skin-black-yellow",
  247. "skin-black-pink",
  248. ];
  249. // 皮肤切换
  250. $("[data-skin]").on('click', function (e) {
  251. var skin = $(this).data('skin');
  252. if (!$("body").hasClass(skin)) {
  253. $("body").removeClass(my_skins.join(' ')).addClass(skin);
  254. var cssfile = Config.site.cdnurl + "/assets/css/skins/" + skin + ".css";
  255. $('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
  256. $(".skin-list li.active").removeClass("active");
  257. $(".skin-list li a[data-skin='" + skin + "']").parent().addClass("active");
  258. createCookie('adminskin', skin);
  259. }
  260. return false;
  261. });
  262. // 收起菜单栏切换
  263. $("[data-layout='sidebar-collapse']").on('click', function () {
  264. $(".sidebar-toggle").trigger("click");
  265. });
  266. // 切换子菜单显示和菜单小图标的显示
  267. $("[data-menu='show-submenu']").on('click', function () {
  268. createCookie('show_submenu', $(this).prop("checked") ? 1 : 0);
  269. location.reload();
  270. });
  271. // 右侧控制栏切换
  272. $("[data-controlsidebar]").on('click', function () {
  273. var cls = $(this).data('controlsidebar');
  274. $("body").toggleClass(cls);
  275. AdminLTE.layout.fixSidebar();
  276. //Fix the problem with right sidebar and layout boxed
  277. if (cls == "layout-boxed")
  278. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  279. if ($('body').hasClass('fixed') && cls == 'fixed') {
  280. AdminLTE.pushMenu.expandOnHover();
  281. AdminLTE.layout.activate();
  282. }
  283. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  284. AdminLTE.controlSidebar._fix($(".control-sidebar"));
  285. var slide = !AdminLTE.options.controlSidebarOptions.slide;
  286. AdminLTE.options.controlSidebarOptions.slide = slide;
  287. if (!slide)
  288. $('.control-sidebar').removeClass('control-sidebar-open');
  289. });
  290. // 右侧控制栏背景切换
  291. $("[data-sidebarskin='toggle']").on('click', function () {
  292. var sidebar = $(".control-sidebar");
  293. if (sidebar.hasClass("control-sidebar-dark")) {
  294. sidebar.removeClass("control-sidebar-dark")
  295. sidebar.addClass("control-sidebar-light")
  296. } else {
  297. sidebar.removeClass("control-sidebar-light")
  298. sidebar.addClass("control-sidebar-dark")
  299. }
  300. });
  301. // 菜单栏展开或收起
  302. $("[data-enable='expandOnHover']").on('click', function () {
  303. $.AdminLTE.options.sidebarExpandOnHover = $(this).prop("checked") ? 1 : 0;
  304. localStorage.setItem('sidebarExpandOnHover', $.AdminLTE.options.sidebarExpandOnHover);
  305. AdminLTE.pushMenu.expandOnHover();
  306. $.AdminLTE.layout.fixSidebar();
  307. });
  308. // 切换菜单栏
  309. $(document).on("click", ".sidebar-toggle", function () {
  310. setTimeout(function(){
  311. var value = $("body").hasClass("sidebar-collapse") ? 1 : 0;
  312. setTimeout(function () {
  313. $(window).trigger("resize");
  314. }, 300);
  315. createCookie('sidebar_collapse', value);
  316. }, 0);
  317. });
  318. // 切换简洁模式菜单
  319. $(document).on("click", "[data-config='simplenav']", function () {
  320. var value = $(this).prop("checked") ? 1 : 0;
  321. createCookie('simplenav', value);
  322. location.reload();
  323. });
  324. // 切换多级菜单
  325. $(document).on("click", "[data-config='multiplenav']", function () {
  326. var value = $(this).prop("checked") ? 1 : 0;
  327. createCookie('multiplenav', value);
  328. location.reload();
  329. });
  330. // 切换多选项卡
  331. $(document).on("click", "[data-config='multipletab']", function () {
  332. var value = $(this).prop("checked") ? 1 : 0;
  333. $("body").toggleClass("multipletab", value);
  334. createCookie('multipletab', value);
  335. });
  336. // 重设选项
  337. if ($('body').hasClass('fixed')) {
  338. $("[data-layout='fixed']").attr('checked', 'checked');
  339. }
  340. if ($('body').hasClass('layout-boxed')) {
  341. $("[data-layout='layout-boxed']").attr('checked', 'checked');
  342. }
  343. if ($('body').hasClass('sidebar-collapse')) {
  344. $("[data-layout='sidebar-collapse']").attr('checked', 'checked');
  345. }
  346. if ($('ul.sidebar-menu').hasClass('show-submenu')) {
  347. $("[data-menu='show-submenu']").attr('checked', 'checked');
  348. }
  349. var sidebarExpandOnHover = localStorage.getItem('sidebarExpandOnHover');
  350. if (sidebarExpandOnHover == '1') {
  351. $("[data-enable='expandOnHover']").trigger("click");
  352. }
  353. $.each(my_skins, function (i, j) {
  354. if ($("body").hasClass(j)) {
  355. $(".skin-list li a[data-skin='" + j + "']").parent().addClass("active");
  356. }
  357. });
  358. $(window).resize();
  359. },
  360. login: function () {
  361. var lastlogin = localStorage.getItem("lastlogin");
  362. if (lastlogin) {
  363. lastlogin = JSON.parse(lastlogin);
  364. $("#profile-img").attr("src", Backend.api.cdnurl(lastlogin.avatar));
  365. $("#profile-name").val(lastlogin.username);
  366. }
  367. //让错误提示框居中
  368. Fast.config.toastr.positionClass = "toast-top-center";
  369. //本地验证未通过时提示
  370. $("#login-form").data("validator-options", {
  371. invalid: function (form, errors) {
  372. $.each(errors, function (i, j) {
  373. Toastr.error(j);
  374. });
  375. },
  376. target: '#errtips'
  377. });
  378. //为表单绑定事件
  379. Form.api.bindevent($("#login-form"), function (data) {
  380. localStorage.setItem("lastlogin", JSON.stringify({
  381. id: data.id,
  382. username: data.username,
  383. avatar: data.avatar
  384. }));
  385. location.href = Backend.api.fixurl(data.url);
  386. }, function (data) {
  387. $("input[name=captcha]").next(".input-group-addon").find("img").trigger("click");
  388. });
  389. }
  390. };
  391. return Controller;
  392. });