main.min.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. ;
  2. jQuery( function() {
  3. // 侧边栏
  4. jQuery( '[data-toggle="layout"]' ).on( 'click', function() {
  5. if ($('.lyear-mask-modal').length == 0) {
  6. $( '<div class="lyear-mask-modal"></div>' ).prependTo('body');
  7. }
  8. $( '.lyear-layout-sidebar' ).toggleClass( 'lyear-layout-sidebar-open' );
  9. $( '.lyear-layout-sidebar' ).toggleClass( 'lyear-layout-sidebar-visible' );
  10. $( '.lyear-mask-modal' ).on( 'click', function() {
  11. $( this ).remove();
  12. $( '.lyear-layout-sidebar' ).toggleClass( 'lyear-layout-sidebar-open' );
  13. $( '.lyear-layout-sidebar' ).toggleClass( 'lyear-layout-sidebar-visible' );
  14. });
  15. });
  16. // 侧边栏导航
  17. $( '.nav-item-has-subnav > a' ).on( 'click', function() {
  18. $subnavToggle = jQuery( this );
  19. $navHasSubnav = $subnavToggle.parent();
  20. $navHasSubnav.siblings().find('.nav-subnav:visible').slideUp(200).parent().removeClass('open');
  21. $subnav = $navHasSubnav.find( '.nav-subnav' );
  22. $subnav.slideToggle( 200, function() {
  23. $navHasSubnav.toggleClass( 'open' );
  24. });
  25. });
  26. // 滚动条
  27. new PerfectScrollbar('.lyear-layout-sidebar-scroll', {
  28. swipeEasing: false,
  29. suppressScrollX: true
  30. });
  31. // 提示
  32. if($('[data-toggle="tooltip"]')[0]) {
  33. $('[data-toggle="tooltip"]').tooltip({
  34. "container" : 'body',
  35. });
  36. }
  37. // 弹出框
  38. if($('[data-toggle="popover"]')[0]) {
  39. $('[data-toggle="popover"]').popover();
  40. }
  41. // 标签
  42. if($('.js-tags-input')[0]) {
  43. $('.js-tags-input').tagsInput({
  44. height: '36px',
  45. width: '100%',
  46. defaultText: '添加标签',
  47. removeWithBackspace: true,
  48. delimiter: [',']
  49. });
  50. }
  51. // 时间选择
  52. jQuery('.js-datetimepicker').each(function() {
  53. var $input = jQuery(this);
  54. $input.datetimepicker({
  55. format: $input.data('format') ? $input.data('format') : false,
  56. useCurrent: $input.data('use-current') ? $input.data('use-current') : false,
  57. locale: moment.locale('' + ($input.data('locale') ? $input.data('locale') : '') + ''),
  58. showTodayButton: $input.data('show-today-button') ? $input.data('show-today-button') : false,
  59. showClear: $input.data('show-clear') ? $input.data('show-clear') : false,
  60. showClose: $input.data('show-close') ? $input.data('show-close') : false,
  61. sideBySide: $input.data('side-by-side') ? $input.data('side-by-side') : false,
  62. inline: $input.data('inline') ? $input.data('inline') : false,
  63. });
  64. });
  65. // 日期选择
  66. jQuery('.js-datepicker').each(function() {
  67. var $input = jQuery(this);
  68. $input.datepicker({
  69. weekStart: 1,
  70. autoclose: true,
  71. todayHighlight: true,
  72. language: 'zh-CN',
  73. });
  74. });
  75. // 颜色选取
  76. jQuery('.js-colorpicker').each(function() {
  77. var $colorpicker = jQuery(this);
  78. var $colorpickerMode = $colorpicker.data('colorpicker-mode') ? $colorpicker.data('colorpicker-mode') : 'hex';
  79. var $colorpickerinline = $colorpicker.data('colorpicker-inline') ? true: false;
  80. $colorpicker.colorpicker({
  81. 'format': $colorpickerMode,
  82. 'inline': $colorpickerinline
  83. });
  84. });
  85. // 复选框全选
  86. $("#check-all").change(function () {
  87. $("input[type='checkbox']").prop('checked', $(this).prop("checked"));
  88. });
  89. });