comm.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. $(document).ready(function (e) {
  2. //菜单高亮显示
  3. light_nav();
  4. //选择全部
  5. $("#selectall").on("click", function () {
  6. $("#selectitem input:checkbox").prop("checked", true);
  7. })
  8. //反选
  9. $("#invselect").on("click", function () {
  10. $("#selectitem input:checkbox").each(function() {
  11. if($(this).prop("checked")){
  12. $(this).prop("checked",false);
  13. }else{
  14. $(this).prop("checked",true);
  15. }
  16. })
  17. })
  18. //勾选方式选择全部
  19. $("#checkall").on("click", function () {
  20. if($(this).prop("checked")){
  21. $(".checkitem:enabled").prop("checked", true);
  22. }else{
  23. $(".checkitem").prop("checked", false);
  24. }
  25. })
  26. var i=0;
  27. $('.menu-ico').click(function(){
  28. if($(window).width()>750){
  29. if(i==0){//隐藏
  30. $(".layui-side").animate({width:'toggle'});
  31. $(".layui-body").animate({left:'0px'});
  32. $(".layui-footer").animate({left:'0px'});
  33. i=1
  34. }else{//显示
  35. $(".layui-side").animate({width:'toggle'});
  36. $(".layui-body").animate({left:'200px'});
  37. $(".layui-footer").animate({left:'200px'});
  38. i=0
  39. }
  40. }else{
  41. $(".layui-side").animate({width:'toggle'});
  42. }
  43. });
  44. $(window).resize(function(){
  45. if($(window).width()>750){ //大屏幕根据情况判断
  46. if(i==0){ //等于0,说明处于显示状态,全屏以后保持显示出来
  47. $(".layui-layout-admin .layui-side").show();
  48. }else{ //等于1,说明处于隐藏状态,全屏以后保持隐藏出来
  49. $(".layui-layout-admin .layui-side").hide();
  50. }
  51. }
  52. if($(window).width()<750){//小屏幕,直接隐藏
  53. $(".layui-layout-admin .layui-side").hide();
  54. }
  55. })
  56. //避免tab翻页问题
  57. var hash = location.hash;
  58. if(hash){
  59. $('.page').find('a').each(function(index,element){
  60. $(this).attr('href', $(this).attr('href')+hash);
  61. });
  62. }
  63. //无刷新切换状态
  64. $('.switch').on("click",".fa-toggle-on",function(){
  65. $.get($(this).parent(".switch").attr("href"))
  66. $(this).addClass("fa-toggle-off");
  67. $(this).removeClass("fa-toggle-on");
  68. return false;
  69. })
  70. $('.switch').on("click",".fa-toggle-off",function(){
  71. $.get($(this).parent(".switch").attr("href"))
  72. $(this).addClass("fa-toggle-on");
  73. $(this).removeClass("fa-toggle-off");
  74. return false;
  75. })
  76. $('.ajaxlink').on("click",function(){
  77. var url=$(this).attr("href");
  78. $.ajax({
  79. type: 'GET',
  80. url: url,
  81. dataType: 'json',
  82. data: {},
  83. success: function (response, status) {
  84. alert(response.data);
  85. if(response.tourl!=""){
  86. location.href=response.tourl;
  87. }
  88. },
  89. error:function(xhr,status,error){
  90. alert('返回数据异常!');
  91. }
  92. });
  93. return false;
  94. })
  95. })
  96. //对菜单进行高亮显示
  97. function light_nav(){
  98. //二级菜单标记当前栏目
  99. var url = $('#url').data('url').toLowerCase();
  100. var controller = $('#controller').data('controller').toLowerCase();
  101. var mcode = $('#mcode').data('mcode');
  102. var aobj= $('#nav .nav-item').find('a');
  103. var flag = false;
  104. //第一种情况,url完全一致
  105. aobj.each(function (index, element) {
  106. var aUrl = $(element).attr('href').toLowerCase();
  107. if (url==aUrl) {
  108. $(element).parent("dd").addClass("layui-this");
  109. $(element).parents('.layui-nav-item').addClass('layui-nav-itemed');
  110. flag = true;
  111. }
  112. if(flag) return false;
  113. });
  114. url = url.replace('.html','');
  115. //第二种情况,菜单的子页面,如翻页
  116. if(!flag){
  117. aobj.each(function (index, element) {
  118. var aUrl = $(element).attr('href').toLowerCase();
  119. aUrl = aUrl.replace('.html','');
  120. if (url.indexOf(aUrl)>-1) {
  121. $(element).parent("dd").addClass("layui-this");
  122. $(element).parents('.layui-nav-item').addClass('layui-nav-itemed');
  123. flag = true;
  124. }
  125. if(flag) return false;
  126. });
  127. }
  128. //第三种情况,只匹配到模型,如模型栏目内容的修改操作页面
  129. if(!flag){
  130. aobj.each(function (index, element) {
  131. var aUrl = $(element).attr("href").toLowerCase();
  132. if (mcode && aUrl.indexOf('/mcode/'+mcode)>-1) {
  133. $(element).parent("dd").addClass("layui-this");
  134. $(element).parents('.layui-nav-item').addClass('layui-nav-itemed');
  135. flag = true;
  136. }
  137. if(flag) return false;
  138. });
  139. }
  140. //第四种情况,只匹配到控制器,如增、改的操作页面
  141. if(!flag){
  142. aobj.each(function (index, element) {
  143. var aUrl = $(element).attr("href").toLowerCase();
  144. if (controller!='index' && aUrl.indexOf('/'+controller+'/')>-1) {
  145. $(element).parent("dd").addClass("layui-this");
  146. $(element).parents('.layui-nav-item').addClass('layui-nav-itemed');
  147. flag = true;
  148. }
  149. if(flag) return false;
  150. });
  151. }
  152. //默认高亮
  153. if(!flag){
  154. $('#nav').find('.nav-item').eq(2).addClass('layui-nav-itemed');
  155. }
  156. }
  157. //判断option是否存在,如果不存在就增加
  158. function addOptionValue(id,value,text) {
  159. if(!isExistOption(id,value)){$('#'+id).append("<option value="+value+">"+text+"</option>");}
  160. }
  161. //判断option是否存在
  162. function isExistOption(id,value) {
  163. var isExist = false;
  164. var count = $('#'+id).find('option').length;
  165. for(var i=0;i<count;i++)
  166. {
  167. if($('#'+id).get(0).options[i].value == value)
  168. {
  169. isExist = true;
  170. break;
  171. }
  172. }
  173. return isExist;
  174. }