common.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. /**
  2. * 通用方法封装处理
  3. * Copyright (c) 2019 ruoyi
  4. */
  5. $(function() {
  6. // select2复选框事件绑定
  7. if ($.fn.select2 !== undefined) {
  8. $("select.form-control:not(.noselect2)").each(function () {
  9. $(this).select2().on("change", function () {
  10. $(this).valid();
  11. })
  12. })
  13. }
  14. // checkbox 事件绑定
  15. if ($(".check-box").length > 0) {
  16. $(".check-box").iCheck({
  17. checkboxClass: 'icheckbox-blue',
  18. radioClass: 'iradio-blue',
  19. })
  20. }
  21. // radio 事件绑定
  22. if ($(".radio-box").length > 0) {
  23. $(".radio-box").iCheck({
  24. checkboxClass: 'icheckbox-blue',
  25. radioClass: 'iradio-blue',
  26. })
  27. }
  28. // laydate 时间控件绑定
  29. if ($(".select-time").length > 0) {
  30. layui.use('laydate', function() {
  31. var laydate = layui.laydate;
  32. var startDate = laydate.render({
  33. elem: '#startTime',
  34. max: $('#endTime').val(),
  35. theme: 'molv',
  36. trigger: 'click',
  37. done: function(value, date) {
  38. // 结束时间大于开始时间
  39. if (value !== '') {
  40. endDate.config.min.year = date.year;
  41. endDate.config.min.month = date.month - 1;
  42. endDate.config.min.date = date.date;
  43. } else {
  44. endDate.config.min.year = '';
  45. endDate.config.min.month = '';
  46. endDate.config.min.date = '';
  47. }
  48. }
  49. });
  50. var endDate = laydate.render({
  51. elem: '#endTime',
  52. min: $('#startTime').val(),
  53. theme: 'molv',
  54. trigger: 'click',
  55. done: function(value, date) {
  56. // 开始时间小于结束时间
  57. if (value !== '') {
  58. startDate.config.max.year = date.year;
  59. startDate.config.max.month = date.month - 1;
  60. startDate.config.max.date = date.date;
  61. } else {
  62. startDate.config.max.year = '';
  63. startDate.config.max.month = '';
  64. startDate.config.max.date = '';
  65. }
  66. }
  67. });
  68. });
  69. }
  70. // laydate time-input 时间控件绑定
  71. if ($(".time-input").length > 0) {
  72. layui.use('laydate', function() {
  73. var laydate = layui.laydate;
  74. var times = $(".time-input");
  75. for (var i = 0; i < times.length; i++) {
  76. var time = times[i];
  77. laydate.render({
  78. elem: time,
  79. theme: 'molv',
  80. trigger: 'click',
  81. done: function(value, date) {}
  82. });
  83. }
  84. });
  85. }
  86. // tree 关键字搜索绑定
  87. if ($("#keyword").length > 0) {
  88. $("#keyword").bind("focus", function focusKey(e) {
  89. if ($("#keyword").hasClass("empty")) {
  90. $("#keyword").removeClass("empty");
  91. }
  92. }).bind("blur", function blurKey(e) {
  93. if ($("#keyword").val() === "") {
  94. $("#keyword").addClass("empty");
  95. }
  96. $.tree.searchNode(e);
  97. }).bind("input propertychange", $.tree.searchNode);
  98. }
  99. // 复选框后按钮样式状态变更
  100. $("#bootstrap-table").on("check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table", function () {
  101. var ids = $("#bootstrap-table").bootstrapTable("getSelections");
  102. $('#toolbar .btn-del').toggleClass('disabled', !ids.length);
  103. $('#toolbar .btn-edit').toggleClass('disabled', ids.length!=1);
  104. });
  105. // tree表格树 展开/折叠
  106. var expandFlag = false;
  107. $("#expandAllBtn").click(function() {
  108. if (expandFlag) {
  109. $('#bootstrap-tree-table').bootstrapTreeTable('expandAll');
  110. } else {
  111. $('#bootstrap-tree-table').bootstrapTreeTable('collapseAll');
  112. }
  113. expandFlag = expandFlag ? false: true;
  114. })
  115. });
  116. /** 刷新选项卡 */
  117. var refreshItem = function(){
  118. var topWindow = $(window.parent.document);
  119. var currentId = $('.page-tabs-content', topWindow).find('.active').attr('data-id');
  120. var target = $('.RuoYi_iframe[data-id="' + currentId + '"]', topWindow);
  121. var url = target.attr('src');
  122. target.attr('src', url).ready();
  123. }
  124. /** 关闭选项卡 */
  125. var closeItem = function(){
  126. var topWindow = $(window.parent.document);
  127. var panelUrl = window.frameElement.getAttribute('data-panel');
  128. $('.page-tabs-content .active i', topWindow).click();
  129. if($.common.isNotEmpty(panelUrl)){
  130. $('.menuTab[data-id="' + panelUrl + '"]', topWindow).addClass('active').siblings('.menuTab').removeClass('active');
  131. $('.mainContent .RuoYi_iframe', topWindow).each(function() {
  132. if ($(this).data('id') == panelUrl) {
  133. $(this).show().siblings('.RuoYi_iframe').hide();
  134. return false;
  135. }
  136. });
  137. }
  138. }
  139. /** 创建选项卡 */
  140. function createMenuItem(dataUrl, menuName) {
  141. var panelUrl = window.frameElement.getAttribute('data-id');
  142. dataIndex = $.common.random(1,100),
  143. flag = true;
  144. if (dataUrl == undefined || $.trim(dataUrl).length == 0) return false;
  145. var topWindow = $(window.parent.document);
  146. // 选项卡菜单已存在
  147. $('.menuTab', topWindow).each(function() {
  148. if ($(this).data('id') == dataUrl) {
  149. if (!$(this).hasClass('active')) {
  150. $(this).addClass('active').siblings('.menuTab').removeClass('active');
  151. $('.page-tabs-content').animate({ marginLeft: ""}, "fast");
  152. // 显示tab对应的内容区
  153. $('.mainContent .RuoYi_iframe', topWindow).each(function() {
  154. if ($(this).data('id') == dataUrl) {
  155. $(this).show().siblings('.RuoYi_iframe').hide();
  156. return false;
  157. }
  158. });
  159. }
  160. flag = false;
  161. return false;
  162. }
  163. });
  164. // 选项卡菜单不存在
  165. if (flag) {
  166. var str = '<a href="javascript:;" class="active menuTab" data-id="' + dataUrl + '" data-panel="' + panelUrl + '">' + menuName + ' <i class="fa fa-times-circle"></i></a>';
  167. $('.menuTab', topWindow).removeClass('active');
  168. // 添加选项卡对应的iframe
  169. var str1 = '<iframe class="RuoYi_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-panel="' + panelUrl + '" seamless></iframe>';
  170. $('.mainContent', topWindow).find('iframe.RuoYi_iframe').hide().parents('.mainContent').append(str1);
  171. window.parent.$.modal.loading("数据加载中,请稍后...");
  172. $('.mainContent iframe:visible', topWindow).load(function () {
  173. window.parent.$.modal.closeLoading();
  174. });
  175. // 添加选项卡
  176. $('.menuTabs .page-tabs-content', topWindow).append(str);
  177. }
  178. return false;
  179. }
  180. //日志打印封装处理
  181. var log = {
  182. log: function (msg) {
  183. console.log(msg);
  184. },
  185. info: function(msg) {
  186. console.info(msg);
  187. },
  188. warn: function(msg) {
  189. console.warn(msg);
  190. },
  191. error: function(msg) {
  192. console.error(msg);
  193. }
  194. };
  195. /** 设置全局ajax处理 */
  196. $.ajaxSetup({
  197. complete: function(XMLHttpRequest, textStatus) {
  198. if (textStatus == 'timeout') {
  199. $.modal.alertWarning("服务器超时,请稍后再试!");
  200. $.modal.closeLoading();
  201. } else if (textStatus == "parsererror") {
  202. $.modal.alertWarning("服务器错误,请联系管理员!");
  203. $.modal.closeLoading();
  204. }
  205. }
  206. });
  207. layer.config({
  208. extend: 'moon/style.css',
  209. skin: 'layer-ext-moon'
  210. });