main.min.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. $subnav = $navHasSubnav.find( '.nav-subnav' );
  21. $subnav.slideToggle( 200, function() {
  22. $navHasSubnav.toggleClass( 'open' );
  23. });
  24. });
  25. // 滚动条
  26. $('.lyear-layout-sidebar-scroll').niceScroll({
  27. styler:"fb",
  28. cursorcolor:"#ccc",
  29. cursorwidth: '5',
  30. cursorborderradius: '5px',
  31. background: '#eee',
  32. spacebarenabled:false,
  33. cursorborder: '2'
  34. });
  35. // 提示
  36. if($('[data-toggle="tooltip"]')[0]) {
  37. $('[data-toggle="tooltip"]').tooltip({
  38. "container" : 'body',
  39. });
  40. }
  41. // 弹出框
  42. if($('[data-toggle="popover"]')[0]) {
  43. $('[data-toggle="popover"]').popover();
  44. }
  45. // 标签
  46. if($('.js-tags-input')[0]) {
  47. $('.js-tags-input').tagsInput({
  48. height: '36px',
  49. width: '100%',
  50. defaultText: '添加标签',
  51. removeWithBackspace: true,
  52. delimiter: [',']
  53. });
  54. }
  55. // 时间选择
  56. jQuery('.js-datetimepicker').each(function() {
  57. var $input = jQuery(this);
  58. $input.datetimepicker({
  59. format: $input.data('format') ? $input.data('format') : false,
  60. useCurrent: $input.data('use-current') ? $input.data('use-current') : false,
  61. locale: moment.locale('' + ($input.data('locale') ? $input.data('locale') : '') + ''),
  62. showTodayButton: $input.data('show-today-button') ? $input.data('show-today-button') : false,
  63. showClear: $input.data('show-clear') ? $input.data('show-clear') : false,
  64. showClose: $input.data('show-close') ? $input.data('show-close') : false,
  65. sideBySide: $input.data('side-by-side') ? $input.data('side-by-side') : false,
  66. inline: $input.data('inline') ? $input.data('inline') : false,
  67. });
  68. });
  69. // 日期选择
  70. jQuery('.js-datepicker').each(function() {
  71. var $input = jQuery(this);
  72. $input.datepicker({
  73. weekStart: 1,
  74. autoclose: true,
  75. todayHighlight: true,
  76. language: 'zh-CN',
  77. });
  78. });
  79. // 颜色选取
  80. jQuery('.js-colorpicker').each(function() {
  81. var $colorpicker = jQuery(this);
  82. var $colorpickerMode = $colorpicker.data('colorpicker-mode') ? $colorpicker.data('colorpicker-mode') : 'hex';
  83. var $colorpickerinline = $colorpicker.data('colorpicker-inline') ? true: false;
  84. $colorpicker.colorpicker({
  85. 'format': $colorpickerMode,
  86. 'inline': $colorpickerinline
  87. });
  88. });
  89. // 复选框全选
  90. $("#check-all").change(function () {
  91. $("input[type='checkbox']").prop('checked', $(this).prop("checked"));
  92. });
  93. });