ry-ui.js 78 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686
  1. /**
  2. * 通用js方法封装处理
  3. * Copyright (c) 2019 ruoyi
  4. */
  5. // 当前table相关信息
  6. var table = {
  7. config: {},
  8. // 当前实例配置
  9. options: {},
  10. // 设置实例配置
  11. set: function(id) {
  12. if($.common.getLength(table.config) > 1) {
  13. var tableId = $.common.isEmpty(id) ? $(event.currentTarget).parents(".bootstrap-table").find("table.table").attr("id") : id;
  14. if ($.common.isNotEmpty(tableId)) {
  15. table.options = table.get(tableId);
  16. }
  17. }
  18. },
  19. // 获取实例配置
  20. get: function(id) {
  21. return table.config[id];
  22. },
  23. // 记住选择实例组
  24. rememberSelecteds: {},
  25. // 记住选择ID组
  26. rememberSelectedIds: {}
  27. };
  28. (function ($) {
  29. $.extend({
  30. _tree: {},
  31. bttTable: {},
  32. // 表格封装处理
  33. table: {
  34. // 初始化表格参数
  35. init: function(options) {
  36. var defaults = {
  37. id: "bootstrap-table",
  38. type: 0, // 0 代表bootstrapTable 1代表bootstrapTreeTable
  39. method: 'post',
  40. height: undefined,
  41. sidePagination: "server",
  42. sortName: undefined,
  43. sortOrder: "asc",
  44. pagination: true,
  45. paginationLoop: false,
  46. pageSize: 10,
  47. pageNumber: 1,
  48. pageList: [10, 25, 50],
  49. toolbar: "toolbar",
  50. loadingFontSize: 13,
  51. striped: false,
  52. escape: false,
  53. firstLoad: true,
  54. showFooter: false,
  55. search: false,
  56. showSearch: true,
  57. showPageGo: false,
  58. showRefresh: true,
  59. showColumns: true,
  60. showToggle: true,
  61. showExport: false,
  62. exportDataType: 'all',
  63. exportTypes: ['csv', 'txt', 'doc', 'excel'],
  64. clickToSelect: false,
  65. singleSelect: false,
  66. mobileResponsive: true,
  67. maintainSelected: false,
  68. rememberSelected: false,
  69. fixedColumns: false,
  70. fixedNumber: 0,
  71. fixedRightNumber: 0,
  72. queryParams: $.table.queryParams,
  73. rowStyle: {},
  74. };
  75. var options = $.extend(defaults, options);
  76. table.options = options;
  77. table.config[options.id] = options;
  78. $.table.initEvent();
  79. $('#' + options.id).bootstrapTable({
  80. id: options.id,
  81. url: options.url, // 请求后台的URL(*)
  82. contentType: "application/x-www-form-urlencoded", // 编码类型
  83. method: options.method, // 请求方式(*)
  84. cache: false, // 是否使用缓存
  85. height: options.height, // 表格的高度
  86. striped: options.striped, // 是否显示行间隔色
  87. sortable: true, // 是否启用排序
  88. sortStable: true, // 设置为 true 将获得稳定的排序
  89. sortName: options.sortName, // 排序列名称
  90. sortOrder: options.sortOrder, // 排序方式 asc 或者 desc
  91. pagination: options.pagination, // 是否显示分页(*)
  92. paginationLoop: options.paginationLoop, // 是否启用分页条无限循环的功能
  93. pageNumber: 1, // 初始化加载第一页,默认第一页
  94. pageSize: options.pageSize, // 每页的记录行数(*)
  95. pageList: options.pageList, // 可供选择的每页的行数(*)
  96. firstLoad: options.firstLoad, // 是否首次请求加载数据,对于数据较大可以配置false
  97. escape: options.escape, // 转义HTML字符串
  98. showFooter: options.showFooter, // 是否显示表尾
  99. iconSize: 'outline', // 图标大小:undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮
  100. toolbar: '#' + options.toolbar, // 指定工作栏
  101. loadingFontSize: options.loadingFontSize, // 自定义加载文本的字体大小
  102. sidePagination: options.sidePagination, // server启用服务端分页client客户端分页
  103. search: options.search, // 是否显示搜索框功能
  104. searchText: options.searchText, // 搜索框初始显示的内容,默认为空
  105. showSearch: options.showSearch, // 是否显示检索信息
  106. showPageGo: options.showPageGo, // 是否显示跳转页
  107. showRefresh: options.showRefresh, // 是否显示刷新按钮
  108. showColumns: options.showColumns, // 是否显示隐藏某列下拉框
  109. showToggle: options.showToggle, // 是否显示详细视图和列表视图的切换按钮
  110. showExport: options.showExport, // 是否支持导出文件
  111. showHeader: options.showHeader, // 是否显示表头
  112. showFullscreen: options.showFullscreen, // 是否显示全屏按钮
  113. uniqueId: options.uniqueId, // 唯一的标识符
  114. clickToSelect: options.clickToSelect, // 是否启用点击选中行
  115. singleSelect: options.singleSelect, // 是否单选checkbox
  116. mobileResponsive: options.mobileResponsive, // 是否支持移动端适配
  117. cardView: options.cardView, // 是否启用显示卡片视图
  118. detailView: options.detailView, // 是否启用显示细节视图
  119. onCheck: options.onCheck, // 当选择此行时触发
  120. onUncheck: options.onUncheck, // 当取消此行时触发
  121. onCheckAll: options.onCheckAll, // 当全选行时触发
  122. onUncheckAll: options.onUncheckAll, // 当取消全选行时触发
  123. onClickRow: options.onClickRow, // 点击某行触发的事件
  124. onDblClickRow: options.onDblClickRow, // 双击某行触发的事件
  125. onClickCell: options.onClickCell, // 单击某格触发的事件
  126. onDblClickCell: options.onDblClickCell, // 双击某格触发的事件
  127. onEditableSave: options.onEditableSave, // 行内编辑保存的事件
  128. onExpandRow: options.onExpandRow, // 点击详细视图的事件
  129. onPostBody: options.onPostBody, // 渲染完成后执行的事件
  130. maintainSelected: options.maintainSelected, // 前端翻页时保留所选行
  131. rememberSelected: options.rememberSelected, // 启用翻页记住前面的选择
  132. fixedColumns: options.fixedColumns, // 是否启用冻结列(左侧)
  133. fixedNumber: options.fixedNumber, // 列冻结的个数(左侧)
  134. fixedRightNumber: options.fixedRightNumber, // 列冻结的个数(右侧)
  135. onReorderRow: options.onReorderRow, // 当拖拽结束后处理函数
  136. queryParams: options.queryParams, // 传递参数(*)
  137. rowStyle: options.rowStyle, // 通过自定义函数设置行样式
  138. footerStyle: options.footerStyle, // 通过自定义函数设置页脚样式
  139. headerStyle: options.headerStyle, // 通过自定义函数设置标题样式
  140. columns: options.columns, // 显示列信息(*)
  141. data: options.data, // 被加载的数据
  142. responseHandler: $.table.responseHandler, // 在加载服务器发送来的数据之前处理函数
  143. onLoadSuccess: $.table.onLoadSuccess, // 当所有数据被加载时触发处理函数
  144. exportOptions: options.exportOptions, // 前端导出忽略列索引
  145. exportDataType: options.exportDataType, // 导出方式(默认all:导出所有数据;basic:导出当前页的数据;selected:导出选中的数据)
  146. exportTypes: options.exportTypes, // 导出文件类型 (json、xml、png、csv、txt、sql、doc、excel、xlsx、powerpoint、pdf)
  147. printPageBuilder: options.printPageBuilder, // 自定义打印页面模板
  148. detailFormatter: options.detailFormatter, // 在行下面展示其他数据列表
  149. });
  150. },
  151. // 获取实例ID,如存在多个返回#id1,#id2 delimeter分隔符
  152. getOptionsIds: function(separator) {
  153. var _separator = $.common.isEmpty(separator) ? "," : separator;
  154. var optionsIds = "";
  155. $.each(table.config, function(key, value){
  156. optionsIds += "#" + key + _separator;
  157. });
  158. return optionsIds.substring(0, optionsIds.length - 1);
  159. },
  160. // 查询条件
  161. queryParams: function(params) {
  162. var curParams = {
  163. // 传递参数查询参数
  164. pageSize: params.limit,
  165. pageNum: params.offset / params.limit + 1,
  166. searchValue: params.search,
  167. orderByColumn: params.sort,
  168. isAsc: params.order
  169. };
  170. var currentId = $.common.isEmpty(table.options.formId) ? $('form').attr('id') : table.options.formId;
  171. return $.extend(curParams, $.common.formToJSON(currentId));
  172. },
  173. // 请求获取数据后处理回调函数
  174. responseHandler: function(res) {
  175. if (typeof table.get(this.id).responseHandler == "function") {
  176. table.get(this.id).responseHandler(res);
  177. }
  178. if (res.code == web_status.SUCCESS) {
  179. if ($.common.isNotEmpty(table.options.sidePagination) && table.options.sidePagination == 'client') {
  180. return res.rows;
  181. } else {
  182. if ($.common.isNotEmpty(table.options.rememberSelected) && table.options.rememberSelected) {
  183. var column = $.common.isEmpty(table.options.uniqueId) ? table.options.columns[1].field : table.options.uniqueId;
  184. $.each(res.rows, function(i, row) {
  185. row.state = $.inArray(row[column], table.rememberSelectedIds[table.options.id]) !== -1;
  186. })
  187. }
  188. return { rows: res.rows, total: res.total };
  189. }
  190. } else {
  191. $.modal.alertWarning(res.msg);
  192. return { rows: [], total: 0 };
  193. }
  194. },
  195. // 初始化事件
  196. initEvent: function() {
  197. // 实例ID信息
  198. var optionsIds = $.table.getOptionsIds();
  199. // 监听事件处理
  200. $(optionsIds).on(TABLE_EVENTS, function () {
  201. table.set($(this).attr("id"));
  202. });
  203. // 在表格体渲染完成,并在 DOM 中可见后触发(事件)
  204. $(optionsIds).on("post-body.bs.table", function (e, args) {
  205. // 浮动提示框特效
  206. $(".table [data-toggle='tooltip']").tooltip();
  207. // 气泡弹出框特效
  208. $('.table [data-toggle="popover"]').popover();
  209. });
  210. // 选中、取消、全部选中、全部取消(事件)
  211. $(optionsIds).on("check.bs.table check-all.bs.table uncheck.bs.table uncheck-all.bs.table", function (e, rowsAfter, rowsBefore) {
  212. // 复选框分页保留保存选中数组
  213. var rows = $.common.equals("uncheck-all", e.type) ? rowsBefore : rowsAfter;
  214. var rowIds = $.table.affectedRowIds(rows);
  215. if ($.common.isNotEmpty(table.options.rememberSelected) && table.options.rememberSelected) {
  216. func = $.inArray(e.type, ['check', 'check-all']) > -1 ? 'union' : 'difference';
  217. var selectedIds = table.rememberSelectedIds[table.options.id];
  218. if($.common.isNotEmpty(selectedIds)) {
  219. table.rememberSelectedIds[table.options.id] = _[func](selectedIds, rowIds);
  220. } else {
  221. table.rememberSelectedIds[table.options.id] = _[func]([], rowIds);
  222. }
  223. var selectedRows = table.rememberSelecteds[table.options.id];
  224. if($.common.isNotEmpty(selectedRows)) {
  225. table.rememberSelecteds[table.options.id] = _[func](selectedRows, rows);
  226. } else {
  227. table.rememberSelecteds[table.options.id] = _[func]([], rows);
  228. }
  229. }
  230. });
  231. // 加载成功、选中、取消、全部选中、全部取消(事件)
  232. $(optionsIds).on("check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table load-success.bs.table", function () {
  233. var toolbar = table.options.toolbar;
  234. var uniqueId = table.options.uniqueId;
  235. // 工具栏按钮控制
  236. var rows = $.common.isEmpty(uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(uniqueId);
  237. // 非多个禁用
  238. $('#' + toolbar + ' .multiple').toggleClass('disabled', !rows.length);
  239. // 非单个禁用
  240. $('#' + toolbar + ' .single').toggleClass('disabled', rows.length!=1);
  241. });
  242. // 图片预览事件
  243. $(optionsIds).off("click").on("click", '.img-circle', function() {
  244. var src = $(this).attr('src');
  245. var target = $(this).data('target');
  246. if($.common.equals("self", target)) {
  247. var height = $(this).data('height');
  248. var width = $(this).data('width');
  249. layer.open({
  250. title: false,
  251. type: 1,
  252. closeBtn: true,
  253. shadeClose: true,
  254. area: ['auto', 'auto'],
  255. content: "<img src='" + src + "' height='" + height + "' width='" + width + "'/>"
  256. });
  257. } else if ($.common.equals("blank", target)) {
  258. window.open(src);
  259. }
  260. });
  261. // 单击tooltip事件
  262. $(optionsIds).on("click", '.tooltip-show', function() {
  263. var target = $(this).data('target');
  264. var input = $(this).prev();
  265. if ($.common.equals("copy", target)) {
  266. input.select();
  267. document.execCommand("copy");
  268. } else if ($.common.equals("open", target)) {
  269. parent.layer.alert(input.val(), {
  270. title: "信息内容",
  271. shadeClose: true,
  272. btn: ['确认'],
  273. btnclass: ['btn btn-primary'],
  274. });
  275. }
  276. });
  277. },
  278. // 当所有数据被加载时触发
  279. onLoadSuccess: function(data) {
  280. if (typeof table.options.onLoadSuccess == "function") {
  281. table.options.onLoadSuccess(data);
  282. }
  283. },
  284. // 表格销毁
  285. destroy: function (tableId) {
  286. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  287. $("#" + currentId).bootstrapTable('destroy');
  288. delete table.rememberSelectedIds[currentId];
  289. delete table.rememberSelecteds[currentId];
  290. },
  291. // 序列号生成
  292. serialNumber: function (index, tableId) {
  293. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  294. var tableParams = $("#" + currentId).bootstrapTable('getOptions');
  295. var pageSize = $.common.isNotEmpty(tableParams.pageSize) ? tableParams.pageSize: table.options.pageSize;
  296. var pageNumber = $.common.isNotEmpty(tableParams.pageNumber) ? tableParams.pageNumber: table.options.pageNumber;
  297. return pageSize * (pageNumber - 1) + index + 1;
  298. },
  299. // 列超出指定长度浮动提示 target(copy单击复制文本 open弹窗打开文本)
  300. tooltip: function (value, length, target) {
  301. var _length = $.common.isEmpty(length) ? 20 : length;
  302. var _text = "";
  303. var _value = $.common.nullToStr(value);
  304. var _target = $.common.isEmpty(target) ? 'copy' : target;
  305. if (_value.length > _length) {
  306. _text = _value.substr(0, _length) + "...";
  307. _value = _value.replace(/\'/g,"&apos;");
  308. _value = _value.replace(/\"/g,"&quot;");
  309. var actions = [];
  310. actions.push($.common.sprintf('<input style="opacity: 0;position: absolute;width:5px;z-index:-1" type="text" value="%s"/>', _value));
  311. actions.push($.common.sprintf('<a href="###" class="tooltip-show" data-toggle="tooltip" data-target="%s" title="%s">%s</a>', _target, _value, _text));
  312. return actions.join('');
  313. } else {
  314. _text = _value;
  315. return _text;
  316. }
  317. },
  318. // 下拉按钮切换
  319. dropdownToggle: function (value) {
  320. var actions = [];
  321. actions.push('<div class="btn-group">');
  322. actions.push('<button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown" aria-expanded="false">');
  323. actions.push('<i class="fa fa-cog"></i>&nbsp;<span class="fa fa-chevron-down"></span></button>');
  324. actions.push('<ul class="dropdown-menu">');
  325. actions.push(value.replace(/<a/g,"<li><a").replace(/<\/a>/g,"</a></li>"));
  326. actions.push('</ul>');
  327. actions.push('</div>');
  328. return actions.join('');
  329. },
  330. // 图片预览
  331. imageView: function (value, height, width, target) {
  332. if ($.common.isEmpty(width)) {
  333. width = 'auto';
  334. }
  335. if ($.common.isEmpty(height)) {
  336. height = 'auto';
  337. }
  338. // blank or self
  339. var _target = $.common.isEmpty(target) ? 'self' : target;
  340. if ($.common.isNotEmpty(value)) {
  341. return $.common.sprintf("<img class='img-circle img-xs' data-height='%s' data-width='%s' data-target='%s' src='%s'/>", height, width, _target, value);
  342. } else {
  343. return $.common.nullToStr(value);
  344. }
  345. },
  346. // 搜索-默认第一个form
  347. search: function(formId, tableId) {
  348. table.set(tableId);
  349. table.options.formId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  350. var params = $.common.isEmpty(tableId) ? $("#" + table.options.id).bootstrapTable('getOptions') : $("#" + tableId).bootstrapTable('getOptions');
  351. if($.common.isNotEmpty(tableId)){
  352. $("#" + tableId).bootstrapTable('refresh', params);
  353. } else{
  354. $("#" + table.options.id).bootstrapTable('refresh', params);
  355. }
  356. },
  357. // 导出数据
  358. exportExcel: function(formId) {
  359. table.set();
  360. $.modal.confirm("确定导出所有" + table.options.modalName + "吗?", function() {
  361. var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  362. var params = $("#" + table.options.id).bootstrapTable('getOptions');
  363. var dataParam = $("#" + currentId).serializeArray();
  364. dataParam.push({ "name": "orderByColumn", "value": params.sortName });
  365. dataParam.push({ "name": "isAsc", "value": params.sortOrder });
  366. $.modal.loading("正在导出数据,请稍后...");
  367. $.post(table.options.exportUrl, dataParam, function(result) {
  368. if (result.code == web_status.SUCCESS) {
  369. window.location.href = ctx + "common/download?fileName=" + encodeURI(result.msg) + "&delete=" + true;
  370. } else if (result.code == web_status.WARNING) {
  371. $.modal.alertWarning(result.msg)
  372. } else {
  373. $.modal.alertError(result.msg);
  374. }
  375. $.modal.closeLoading();
  376. });
  377. });
  378. },
  379. // 下载模板
  380. importTemplate: function() {
  381. table.set();
  382. $.get(table.options.importTemplateUrl, function(result) {
  383. if (result.code == web_status.SUCCESS) {
  384. window.location.href = ctx + "common/download?fileName=" + encodeURI(result.msg) + "&delete=" + true;
  385. } else if (result.code == web_status.WARNING) {
  386. $.modal.alertWarning(result.msg)
  387. } else {
  388. $.modal.alertError(result.msg);
  389. }
  390. });
  391. },
  392. // 导入数据
  393. importExcel: function(formId, width, height) {
  394. table.set();
  395. var currentId = $.common.isEmpty(formId) ? 'importTpl' : formId;
  396. var _width = $.common.isEmpty(width) ? "400" : width;
  397. var _height = $.common.isEmpty(height) ? "230" : height;
  398. layer.open({
  399. type: 1,
  400. area: [_width + 'px', _height + 'px'],
  401. fix: false,
  402. //不固定
  403. maxmin: true,
  404. shade: 0.3,
  405. title: '导入' + table.options.modalName + '数据',
  406. content: $('#' + currentId).html(),
  407. btn: ['<i class="fa fa-check"></i> 导入', '<i class="fa fa-remove"></i> 取消'],
  408. // 弹层外区域关闭
  409. shadeClose: true,
  410. btn1: function(index, layero){
  411. var file = layero.find('#file').val();
  412. if (file == '' || (!$.common.endWith(file, '.xls') && !$.common.endWith(file, '.xlsx'))){
  413. $.modal.msgWarning("请选择后缀为 “xls”或“xlsx”的文件。");
  414. return false;
  415. }
  416. var index = layer.load(2, {shade: false});
  417. $.modal.disable();
  418. var formData = new FormData(layero.find('form')[0]);
  419. $.ajax({
  420. url: table.options.importUrl,
  421. data: formData,
  422. cache: false,
  423. contentType: false,
  424. processData: false,
  425. type: 'POST',
  426. success: function (result) {
  427. if (result.code == web_status.SUCCESS) {
  428. $.modal.closeAll();
  429. $.modal.alertSuccess(result.msg);
  430. $.table.refresh();
  431. } else if (result.code == web_status.WARNING) {
  432. layer.close(index);
  433. $.modal.enable();
  434. $.modal.alertWarning(result.msg)
  435. } else {
  436. layer.close(index);
  437. $.modal.enable();
  438. $.modal.alertError(result.msg);
  439. }
  440. }
  441. });
  442. }
  443. });
  444. },
  445. // 刷新表格
  446. refresh: function(tableId) {
  447. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  448. $("#" + currentId).bootstrapTable('refresh', {
  449. silent: true
  450. });
  451. },
  452. // 查询表格指定列值
  453. selectColumns: function(column) {
  454. var rows = $.map($("#" + table.options.id).bootstrapTable('getSelections'), function (row) {
  455. return $.common.getItemField(row, column);
  456. });
  457. if ($.common.isNotEmpty(table.options.rememberSelected) && table.options.rememberSelected) {
  458. var selectedRows = table.rememberSelecteds[table.options.id];
  459. if($.common.isNotEmpty(selectedRows)) {
  460. rows = $.map(table.rememberSelecteds[table.options.id], function (row) {
  461. return $.common.getItemField(row, column);
  462. });
  463. }
  464. }
  465. return $.common.uniqueFn(rows);
  466. },
  467. // 获取当前页选中或者取消的行ID
  468. affectedRowIds: function(rows) {
  469. var column = $.common.isEmpty(table.options.uniqueId) ? table.options.columns[1].field : table.options.uniqueId;
  470. var rowIds;
  471. if ($.isArray(rows)) {
  472. rowIds = $.map(rows, function(row) {
  473. return $.common.getItemField(row, column);
  474. });
  475. } else {
  476. rowIds = [rows[column]];
  477. }
  478. return rowIds;
  479. },
  480. // 查询表格首列值
  481. selectFirstColumns: function() {
  482. var rows = $.map($("#" + table.options.id).bootstrapTable('getSelections'), function (row) {
  483. return $.common.getItemField(row, table.options.columns[1].field);
  484. });
  485. if ($.common.isNotEmpty(table.options.rememberSelected) && table.options.rememberSelected) {
  486. var selectedRows = table.rememberSelecteds[table.options.id];
  487. if($.common.isNotEmpty(selectedRows)) {
  488. rows = $.map(selectedRows, function (row) {
  489. return $.common.getItemField(row, table.options.columns[1].field);
  490. });
  491. }
  492. }
  493. return $.common.uniqueFn(rows);
  494. },
  495. // 回显数据字典
  496. selectDictLabel: function(datas, value) {
  497. if ($.common.isEmpty(datas) || $.common.isEmpty(value)) {
  498. return '';
  499. }
  500. var actions = [];
  501. $.each(datas, function(index, dict) {
  502. if (dict.dictValue == ('' + value)) {
  503. var listClass = $.common.equals("default", dict.listClass) || $.common.isEmpty(dict.listClass) ? "" : "badge badge-" + dict.listClass;
  504. actions.push($.common.sprintf("<span class='%s'>%s</span>", listClass, dict.dictLabel));
  505. return false;
  506. }
  507. });
  508. return actions.join('');
  509. },
  510. // 回显数据字典(字符串数组)
  511. selectDictLabels: function(datas, value, separator) {
  512. if ($.common.isEmpty(datas) || $.common.isEmpty(value)) {
  513. return '';
  514. }
  515. var currentSeparator = $.common.isEmpty(separator) ? "," : separator;
  516. var actions = [];
  517. $.each(value.split(currentSeparator), function(i, val) {
  518. $.each(datas, function(index, dict) {
  519. if (dict.dictValue == ('' + val)) {
  520. var listClass = $.common.equals("default", dict.listClass) || $.common.isEmpty(dict.listClass) ? "" : "badge badge-" + dict.listClass;
  521. actions.push($.common.sprintf("<span class='%s'>%s </span>", listClass, dict.dictLabel));
  522. return false;
  523. }
  524. });
  525. });
  526. return actions.join('');
  527. },
  528. // 显示表格指定列
  529. showColumn: function(column, tableId) {
  530. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  531. $("#" + currentId).bootstrapTable('showColumn', column);
  532. },
  533. // 隐藏表格指定列
  534. hideColumn: function(column, tableId) {
  535. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  536. $("#" + currentId).bootstrapTable('hideColumn', column);
  537. },
  538. // 显示所有表格列
  539. showAllColumns: function(tableId) {
  540. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  541. $("#" + currentId).bootstrapTable('showAllColumns');
  542. },
  543. // 隐藏所有表格列
  544. hideAllColumns: function(tableId) {
  545. var currentId = $.common.isEmpty(tableId) ? table.options.id : tableId;
  546. $("#" + currentId).bootstrapTable('hideAllColumns');
  547. }
  548. },
  549. // 表格树封装处理
  550. treeTable: {
  551. // 初始化表格
  552. init: function(options) {
  553. var defaults = {
  554. id: "bootstrap-tree-table",
  555. type: 1, // 0 代表bootstrapTable 1代表bootstrapTreeTable
  556. height: 0,
  557. rootIdValue: null,
  558. ajaxParams: {},
  559. toolbar: "toolbar",
  560. striped: false,
  561. expandColumn: 1,
  562. showSearch: true,
  563. showRefresh: true,
  564. showColumns: true,
  565. expandAll: true,
  566. expandFirst: true
  567. };
  568. var options = $.extend(defaults, options);
  569. table.options = options;
  570. table.config[options.id] = options;
  571. $.table.initEvent();
  572. $.bttTable = $('#' + options.id).bootstrapTreeTable({
  573. code: options.code, // 用于设置父子关系
  574. parentCode: options.parentCode, // 用于设置父子关系
  575. type: 'post', // 请求方式(*)
  576. url: options.url, // 请求后台的URL(*)
  577. data: options.data, // 无url时用于渲染的数据
  578. ajaxParams: options.ajaxParams, // 请求数据的ajax的data属性
  579. rootIdValue: options.rootIdValue, // 设置指定根节点id值
  580. height: options.height, // 表格树的高度
  581. expandColumn: options.expandColumn, // 在哪一列上面显示展开按钮
  582. striped: options.striped, // 是否显示行间隔色
  583. bordered: false, // 是否显示边框
  584. toolbar: '#' + options.toolbar, // 指定工作栏
  585. showSearch: options.showSearch, // 是否显示检索信息
  586. showRefresh: options.showRefresh, // 是否显示刷新按钮
  587. showColumns: options.showColumns, // 是否显示隐藏某列下拉框
  588. expandAll: options.expandAll, // 是否全部展开
  589. expandFirst: options.expandFirst, // 是否默认第一级展开--expandAll为false时生效
  590. columns: options.columns, // 显示列信息(*)
  591. responseHandler: $.treeTable.responseHandler, // 在加载服务器发送来的数据之前处理函数
  592. onLoadSuccess: $.treeTable.onLoadSuccess // 当所有数据被加载时触发处理函数
  593. });
  594. },
  595. // 条件查询
  596. search: function(formId) {
  597. var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  598. var params = $.common.formToJSON(currentId);
  599. $.bttTable.bootstrapTreeTable('refresh', params);
  600. },
  601. // 刷新
  602. refresh: function() {
  603. $.bttTable.bootstrapTreeTable('refresh');
  604. },
  605. // 查询表格树指定列值
  606. selectColumns: function(column) {
  607. var rows = $.map($.bttTable.bootstrapTreeTable('getSelections'), function (row) {
  608. return $.common.getItemField(row, column);
  609. });
  610. return $.common.uniqueFn(rows);
  611. },
  612. // 请求获取数据后处理回调函数,校验异常状态提醒
  613. responseHandler: function(res) {
  614. if (typeof table.options.responseHandler == "function") {
  615. table.options.responseHandler(res);
  616. }
  617. if (res.code != undefined && res.code != web_status.SUCCESS) {
  618. $.modal.alertWarning(res.msg);
  619. return [];
  620. } else {
  621. return res;
  622. }
  623. },
  624. // 当所有数据被加载时触发
  625. onLoadSuccess: function(data) {
  626. if (typeof table.options.onLoadSuccess == "function") {
  627. table.options.onLoadSuccess(data);
  628. }
  629. $(".table [data-toggle='tooltip']").tooltip();
  630. },
  631. },
  632. // 表单封装处理
  633. form: {
  634. // 表单重置
  635. reset: function(formId, tableId) {
  636. table.set(tableId);
  637. var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  638. $("#" + currentId)[0].reset();
  639. if (table.options.type == table_type.bootstrapTable) {
  640. if($.common.isEmpty(tableId)){
  641. $("#" + table.options.id).bootstrapTable('refresh');
  642. } else{
  643. $("#" + tableId).bootstrapTable('refresh');
  644. }
  645. } else if (table.options.type == table_type.bootstrapTreeTable) {
  646. if($.common.isEmpty(tableId)){
  647. $("#" + table.options.id).bootstrapTreeTable('refresh', []);
  648. } else{
  649. $("#" + tableId).bootstrapTreeTable('refresh', []);
  650. }
  651. }
  652. },
  653. // 获取选中复选框项
  654. selectCheckeds: function(name) {
  655. var checkeds = "";
  656. $('input:checkbox[name="' + name + '"]:checked').each(function(i) {
  657. if (0 == i) {
  658. checkeds = $(this).val();
  659. } else {
  660. checkeds += ("," + $(this).val());
  661. }
  662. });
  663. return checkeds;
  664. },
  665. // 获取选中下拉框项
  666. selectSelects: function(name) {
  667. var selects = "";
  668. $('#' + name + ' option:selected').each(function (i) {
  669. if (0 == i) {
  670. selects = $(this).val();
  671. } else {
  672. selects += ("," + $(this).val());
  673. }
  674. });
  675. return selects;
  676. }
  677. },
  678. // 弹出层封装处理
  679. modal: {
  680. // 显示图标
  681. icon: function(type) {
  682. var icon = "";
  683. if (type == modal_status.WARNING) {
  684. icon = 0;
  685. } else if (type == modal_status.SUCCESS) {
  686. icon = 1;
  687. } else if (type == modal_status.FAIL) {
  688. icon = 2;
  689. } else {
  690. icon = 3;
  691. }
  692. return icon;
  693. },
  694. // 消息提示
  695. msg: function(content, type) {
  696. if (type != undefined) {
  697. layer.msg(content, { icon: $.modal.icon(type), time: 1000, shift: 5 });
  698. } else {
  699. layer.msg(content);
  700. }
  701. },
  702. // 错误消息
  703. msgError: function(content) {
  704. $.modal.msg(content, modal_status.FAIL);
  705. },
  706. // 成功消息
  707. msgSuccess: function(content) {
  708. $.modal.msg(content, modal_status.SUCCESS);
  709. },
  710. // 警告消息
  711. msgWarning: function(content) {
  712. $.modal.msg(content, modal_status.WARNING);
  713. },
  714. // 弹出提示
  715. alert: function(content, type) {
  716. layer.alert(content, {
  717. icon: $.modal.icon(type),
  718. title: "系统提示",
  719. btn: ['确认'],
  720. btnclass: ['btn btn-primary'],
  721. });
  722. },
  723. // 消息提示并刷新父窗体
  724. msgReload: function(msg, type) {
  725. layer.msg(msg, {
  726. icon: $.modal.icon(type),
  727. time: 500,
  728. shade: [0.1, '#8F8F8F']
  729. },
  730. function() {
  731. $.modal.reload();
  732. });
  733. },
  734. // 错误提示
  735. alertError: function(content) {
  736. $.modal.alert(content, modal_status.FAIL);
  737. },
  738. // 成功提示
  739. alertSuccess: function(content) {
  740. $.modal.alert(content, modal_status.SUCCESS);
  741. },
  742. // 警告提示
  743. alertWarning: function(content) {
  744. $.modal.alert(content, modal_status.WARNING);
  745. },
  746. // 关闭窗体
  747. close: function (index) {
  748. if($.common.isEmpty(index)){
  749. var index = parent.layer.getFrameIndex(window.name);
  750. parent.layer.close(index);
  751. } else {
  752. layer.close(index);
  753. }
  754. },
  755. // 关闭全部窗体
  756. closeAll: function () {
  757. layer.closeAll();
  758. },
  759. // 确认窗体
  760. confirm: function (content, callBack) {
  761. layer.confirm(content, {
  762. icon: 3,
  763. title: "系统提示",
  764. btn: ['确认', '取消']
  765. }, function (index) {
  766. layer.close(index);
  767. callBack(true);
  768. });
  769. },
  770. // 弹出层指定宽度
  771. open: function (title, url, width, height, callback) {
  772. // 如果是移动端,就使用自适应大小弹窗
  773. if ($.common.isMobile()) {
  774. width = 'auto';
  775. height = 'auto';
  776. }
  777. if ($.common.isEmpty(title)) {
  778. title = false;
  779. }
  780. if ($.common.isEmpty(url)) {
  781. url = "/404.html";
  782. }
  783. if ($.common.isEmpty(width)) {
  784. width = 800;
  785. }
  786. if ($.common.isEmpty(height)) {
  787. height = ($(window).height() - 50);
  788. }
  789. if ($.common.isEmpty(callback)) {
  790. callback = function(index, layero) {
  791. var iframeWin = layero.find('iframe')[0];
  792. iframeWin.contentWindow.submitHandler(index, layero);
  793. }
  794. }
  795. layer.open({
  796. type: 2,
  797. area: [width + 'px', height + 'px'],
  798. fix: false,
  799. //不固定
  800. maxmin: true,
  801. shade: 0.3,
  802. title: title,
  803. content: url,
  804. btn: ['确定', '关闭'],
  805. // 弹层外区域关闭
  806. shadeClose: true,
  807. yes: callback,
  808. cancel: function(index) {
  809. return true;
  810. }
  811. });
  812. },
  813. // 弹出层指定参数选项
  814. openOptions: function (options) {
  815. var _url = $.common.isEmpty(options.url) ? "/404.html" : options.url;
  816. var _title = $.common.isEmpty(options.title) ? "系统窗口" : options.title;
  817. var _width = $.common.isEmpty(options.width) ? "800" : options.width;
  818. var _height = $.common.isEmpty(options.height) ? ($(window).height() - 50) : options.height;
  819. var _btn = ['<i class="fa fa-check"></i> 确认', '<i class="fa fa-close"></i> 关闭'];
  820. // 如果是移动端,就使用自适应大小弹窗
  821. if ($.common.isMobile()) {
  822. _width = 'auto';
  823. _height = 'auto';
  824. }
  825. if ($.common.isEmpty(options.yes)) {
  826. options.yes = function(index, layero) {
  827. options.callBack(index, layero);
  828. }
  829. }
  830. var btnCallback = {};
  831. if(options.btn instanceof Array){
  832. for (var i = 1, len = options.btn.length; i < len; i++) {
  833. var btn = options["btn" + (i + 1)];
  834. if (btn) {
  835. btnCallback["btn" + (i + 1)] = btn;
  836. }
  837. }
  838. }
  839. var index = layer.open($.extend({
  840. type: 2,
  841. maxmin: $.common.isEmpty(options.maxmin) ? true : options.maxmin,
  842. shade: 0.3,
  843. title: _title,
  844. fix: false,
  845. area: [_width + 'px', _height + 'px'],
  846. content: _url,
  847. shadeClose: $.common.isEmpty(options.shadeClose) ? true : options.shadeClose,
  848. skin: options.skin,
  849. btn: $.common.isEmpty(options.btn) ? _btn : options.btn,
  850. yes: options.yes,
  851. cancel: function () {
  852. return true;
  853. }
  854. }, btnCallback));
  855. if ($.common.isNotEmpty(options.full) && options.full === true) {
  856. layer.full(index);
  857. }
  858. },
  859. // 弹出层全屏
  860. openFull: function (title, url, width, height) {
  861. // 如果是移动端,就使用自适应大小弹窗
  862. if ($.common.isMobile()) {
  863. width = 'auto';
  864. height = 'auto';
  865. }
  866. if ($.common.isEmpty(title)) {
  867. title = false;
  868. }
  869. if ($.common.isEmpty(url)) {
  870. url = "/404.html";
  871. }
  872. if ($.common.isEmpty(width)) {
  873. width = 800;
  874. }
  875. if ($.common.isEmpty(height)) {
  876. height = ($(window).height() - 50);
  877. }
  878. var index = layer.open({
  879. type: 2,
  880. area: [width + 'px', height + 'px'],
  881. fix: false,
  882. //不固定
  883. maxmin: true,
  884. shade: 0.3,
  885. title: title,
  886. content: url,
  887. btn: ['确定', '关闭'],
  888. // 弹层外区域关闭
  889. shadeClose: true,
  890. yes: function(index, layero) {
  891. var iframeWin = layero.find('iframe')[0];
  892. iframeWin.contentWindow.submitHandler(index, layero);
  893. },
  894. cancel: function(index) {
  895. return true;
  896. }
  897. });
  898. layer.full(index);
  899. },
  900. // 选卡页方式打开
  901. openTab: function (title, url, isRefresh) {
  902. createMenuItem(url, title, isRefresh);
  903. },
  904. // 选卡页同一页签打开
  905. parentTab: function (title, url) {
  906. var dataId = window.frameElement.getAttribute('data-id');
  907. createMenuItem(url, title);
  908. closeItem(dataId);
  909. },
  910. // 关闭选项卡
  911. closeTab: function (dataId) {
  912. closeItem(dataId);
  913. },
  914. // 禁用按钮
  915. disable: function() {
  916. var doc = window.top == window.parent ? window.document : window.parent.document;
  917. $("a[class*=layui-layer-btn]", doc).addClass("layer-disabled");
  918. },
  919. // 启用按钮
  920. enable: function() {
  921. var doc = window.top == window.parent ? window.document : window.parent.document;
  922. $("a[class*=layui-layer-btn]", doc).removeClass("layer-disabled");
  923. },
  924. // 打开遮罩层
  925. loading: function (message) {
  926. $.blockUI({ message: '<div class="loaderbox"><div class="loading-activity"></div> ' + message + '</div>' });
  927. },
  928. // 关闭遮罩层
  929. closeLoading: function () {
  930. setTimeout(function(){
  931. $.unblockUI();
  932. }, 50);
  933. },
  934. // 重新加载
  935. reload: function () {
  936. parent.location.reload();
  937. }
  938. },
  939. // 操作封装处理
  940. operate: {
  941. // 提交数据
  942. submit: function(url, type, dataType, data, callback) {
  943. var config = {
  944. url: url,
  945. type: type,
  946. dataType: dataType,
  947. data: data,
  948. beforeSend: function () {
  949. $.modal.loading("正在处理中,请稍后...");
  950. },
  951. success: function(result) {
  952. if (typeof callback == "function") {
  953. callback(result);
  954. }
  955. $.operate.ajaxSuccess(result);
  956. }
  957. };
  958. $.ajax(config)
  959. },
  960. // post请求传输
  961. post: function(url, data, callback) {
  962. $.operate.submit(url, "post", "json", data, callback);
  963. },
  964. // get请求传输
  965. get: function(url, callback) {
  966. $.operate.submit(url, "get", "json", "", callback);
  967. },
  968. // 详细信息
  969. detail: function(id, width, height) {
  970. table.set();
  971. var _url = $.operate.detailUrl(id);
  972. var options = {
  973. title: table.options.modalName + "详细",
  974. width: width,
  975. height: height,
  976. url: _url,
  977. skin: 'layui-layer-gray',
  978. btn: ['关闭'],
  979. yes: function (index, layero) {
  980. layer.close(index);
  981. }
  982. };
  983. $.modal.openOptions(options);
  984. },
  985. // 详细信息,以tab页展现
  986. detailTab: function(id) {
  987. table.set();
  988. $.modal.openTab("详细" + table.options.modalName, $.operate.detailUrl(id));
  989. },
  990. // 详细访问地址
  991. detailUrl: function(id) {
  992. var url = "/404.html";
  993. if ($.common.isNotEmpty(id)) {
  994. url = table.options.detailUrl.replace("{id}", id);
  995. } else {
  996. var id = $.common.isEmpty(table.options.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(table.options.uniqueId);
  997. if (id.length == 0) {
  998. $.modal.alertWarning("请至少选择一条记录");
  999. return;
  1000. }
  1001. url = table.options.detailUrl.replace("{id}", id);
  1002. }
  1003. return url;
  1004. },
  1005. // 删除信息
  1006. remove: function(id) {
  1007. table.set();
  1008. $.modal.confirm("确定删除该条" + table.options.modalName + "信息吗?", function() {
  1009. var url = $.common.isEmpty(id) ? table.options.removeUrl : table.options.removeUrl.replace("{id}", id);
  1010. if(table.options.type == table_type.bootstrapTreeTable) {
  1011. $.operate.get(url);
  1012. } else {
  1013. var data = { "ids": id };
  1014. $.operate.submit(url, "post", "json", data);
  1015. }
  1016. });
  1017. },
  1018. // 批量删除信息
  1019. removeAll: function() {
  1020. table.set();
  1021. var rows = $.common.isEmpty(table.options.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(table.options.uniqueId);
  1022. if (rows.length == 0) {
  1023. $.modal.alertWarning("请至少选择一条记录");
  1024. return;
  1025. }
  1026. $.modal.confirm("确认要删除选中的" + rows.length + "条数据吗?", function() {
  1027. var url = table.options.removeUrl;
  1028. var data = { "ids": rows.join() };
  1029. $.operate.submit(url, "post", "json", data);
  1030. });
  1031. },
  1032. // 清空信息
  1033. clean: function() {
  1034. table.set();
  1035. $.modal.confirm("确定清空所有" + table.options.modalName + "吗?", function() {
  1036. var url = table.options.cleanUrl;
  1037. $.operate.submit(url, "post", "json", "");
  1038. });
  1039. },
  1040. // 添加信息
  1041. add: function(id) {
  1042. table.set();
  1043. $.modal.open("添加" + table.options.modalName, $.operate.addUrl(id));
  1044. },
  1045. // 添加信息,以tab页展现
  1046. addTab: function (id) {
  1047. table.set();
  1048. $.modal.openTab("添加" + table.options.modalName, $.operate.addUrl(id));
  1049. },
  1050. // 添加信息 全屏
  1051. addFull: function(id) {
  1052. table.set();
  1053. $.modal.openFull("添加" + table.options.modalName, $.operate.addUrl(id));
  1054. },
  1055. // 添加访问地址
  1056. addUrl: function(id) {
  1057. var url = $.common.isEmpty(id) ? table.options.createUrl.replace("{id}", "") : table.options.createUrl.replace("{id}", id);
  1058. return url;
  1059. },
  1060. // 修改信息
  1061. edit: function(id) {
  1062. table.set();
  1063. if($.common.isEmpty(id) && table.options.type == table_type.bootstrapTreeTable) {
  1064. var row = $("#" + table.options.id).bootstrapTreeTable('getSelections')[0];
  1065. if ($.common.isEmpty(row)) {
  1066. $.modal.alertWarning("请至少选择一条记录");
  1067. return;
  1068. }
  1069. var url = table.options.updateUrl.replace("{id}", row[table.options.uniqueId]);
  1070. $.modal.open("修改" + table.options.modalName, url);
  1071. } else {
  1072. $.modal.open("修改" + table.options.modalName, $.operate.editUrl(id));
  1073. }
  1074. },
  1075. // 修改信息,以tab页展现
  1076. editTab: function(id) {
  1077. table.set();
  1078. $.modal.openTab("修改" + table.options.modalName, $.operate.editUrl(id));
  1079. },
  1080. // 修改信息 全屏
  1081. editFull: function(id) {
  1082. table.set();
  1083. var url = "/404.html";
  1084. if ($.common.isNotEmpty(id)) {
  1085. url = table.options.updateUrl.replace("{id}", id);
  1086. } else {
  1087. if(table.options.type == table_type.bootstrapTreeTable) {
  1088. var row = $("#" + table.options.id).bootstrapTreeTable('getSelections')[0];
  1089. if ($.common.isEmpty(row)) {
  1090. $.modal.alertWarning("请至少选择一条记录");
  1091. return;
  1092. }
  1093. url = table.options.updateUrl.replace("{id}", row[table.options.uniqueId]);
  1094. } else {
  1095. var row = $.common.isEmpty(table.options.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(table.options.uniqueId);
  1096. url = table.options.updateUrl.replace("{id}", row);
  1097. }
  1098. }
  1099. $.modal.openFull("修改" + table.options.modalName, url);
  1100. },
  1101. // 修改访问地址
  1102. editUrl: function(id) {
  1103. var url = "/404.html";
  1104. if ($.common.isNotEmpty(id)) {
  1105. url = table.options.updateUrl.replace("{id}", id);
  1106. } else {
  1107. var id = $.common.isEmpty(table.options.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns(table.options.uniqueId);
  1108. if (id.length == 0) {
  1109. $.modal.alertWarning("请至少选择一条记录");
  1110. return;
  1111. }
  1112. url = table.options.updateUrl.replace("{id}", id);
  1113. }
  1114. return url;
  1115. },
  1116. // 保存信息 刷新表格
  1117. save: function(url, data, callback) {
  1118. var config = {
  1119. url: url,
  1120. type: "post",
  1121. dataType: "json",
  1122. data: data,
  1123. beforeSend: function () {
  1124. $.modal.loading("正在处理中,请稍后...");
  1125. $.modal.disable();
  1126. },
  1127. success: function(result) {
  1128. if (typeof callback == "function") {
  1129. callback(result);
  1130. }
  1131. $.operate.successCallback(result);
  1132. }
  1133. };
  1134. $.ajax(config)
  1135. },
  1136. // 保存信息 弹出提示框
  1137. saveModal: function(url, data, callback) {
  1138. var config = {
  1139. url: url,
  1140. type: "post",
  1141. dataType: "json",
  1142. data: data,
  1143. beforeSend: function () {
  1144. $.modal.loading("正在处理中,请稍后...");
  1145. },
  1146. success: function(result) {
  1147. if (typeof callback == "function") {
  1148. callback(result);
  1149. }
  1150. if (result.code == web_status.SUCCESS) {
  1151. $.modal.alertSuccess(result.msg)
  1152. } else if (result.code == web_status.WARNING) {
  1153. $.modal.alertWarning(result.msg)
  1154. } else {
  1155. $.modal.alertError(result.msg);
  1156. }
  1157. $.modal.closeLoading();
  1158. }
  1159. };
  1160. $.ajax(config)
  1161. },
  1162. // 保存选项卡信息
  1163. saveTab: function(url, data, callback) {
  1164. var config = {
  1165. url: url,
  1166. type: "post",
  1167. dataType: "json",
  1168. data: data,
  1169. beforeSend: function () {
  1170. $.modal.loading("正在处理中,请稍后...");
  1171. },
  1172. success: function(result) {
  1173. if (typeof callback == "function") {
  1174. callback(result);
  1175. }
  1176. $.operate.successTabCallback(result);
  1177. }
  1178. };
  1179. $.ajax(config)
  1180. },
  1181. // 保存结果弹出msg刷新table表格
  1182. ajaxSuccess: function (result) {
  1183. if (result.code == web_status.SUCCESS && table.options.type == table_type.bootstrapTable) {
  1184. $.modal.msgSuccess(result.msg);
  1185. $.table.refresh();
  1186. } else if (result.code == web_status.SUCCESS && table.options.type == table_type.bootstrapTreeTable) {
  1187. $.modal.msgSuccess(result.msg);
  1188. $.treeTable.refresh();
  1189. } else if (result.code == web_status.SUCCESS && $.common.isEmpty(table.options.type)) {
  1190. $.modal.msgSuccess(result.msg)
  1191. } else if (result.code == web_status.WARNING) {
  1192. $.modal.alertWarning(result.msg)
  1193. } else {
  1194. $.modal.alertError(result.msg);
  1195. }
  1196. $.modal.closeLoading();
  1197. },
  1198. // 成功结果提示msg(父窗体全局更新)
  1199. saveSuccess: function (result) {
  1200. if (result.code == web_status.SUCCESS) {
  1201. $.modal.msgReload("保存成功,正在刷新数据请稍后……", modal_status.SUCCESS);
  1202. } else if (result.code == web_status.WARNING) {
  1203. $.modal.alertWarning(result.msg)
  1204. } else {
  1205. $.modal.alertError(result.msg);
  1206. }
  1207. $.modal.closeLoading();
  1208. },
  1209. // 成功回调执行事件(父窗体静默更新)
  1210. successCallback: function(result) {
  1211. if (result.code == web_status.SUCCESS) {
  1212. var parent = window.parent;
  1213. if (parent.table.options.type == table_type.bootstrapTable) {
  1214. $.modal.close();
  1215. parent.$.modal.msgSuccess(result.msg);
  1216. parent.$.table.refresh();
  1217. } else if (parent.table.options.type == table_type.bootstrapTreeTable) {
  1218. $.modal.close();
  1219. parent.$.modal.msgSuccess(result.msg);
  1220. parent.$.treeTable.refresh();
  1221. } else {
  1222. $.modal.msgReload("保存成功,正在刷新数据请稍后……", modal_status.SUCCESS);
  1223. }
  1224. } else if (result.code == web_status.WARNING) {
  1225. $.modal.alertWarning(result.msg)
  1226. } else {
  1227. $.modal.alertError(result.msg);
  1228. }
  1229. $.modal.closeLoading();
  1230. $.modal.enable();
  1231. },
  1232. // 选项卡成功回调执行事件(父窗体静默更新)
  1233. successTabCallback: function(result) {
  1234. if (result.code == web_status.SUCCESS) {
  1235. var topWindow = $(window.parent.document);
  1236. var currentId = $('.page-tabs-content', topWindow).find('.active').attr('data-panel');
  1237. var $contentWindow = $('.RuoYi_iframe[data-id="' + currentId + '"]', topWindow)[0].contentWindow;
  1238. $.modal.close();
  1239. $contentWindow.$.modal.msgSuccess(result.msg);
  1240. $contentWindow.$(".layui-layer-padding").removeAttr("style");
  1241. if ($contentWindow.table.options.type == table_type.bootstrapTable) {
  1242. $contentWindow.$.table.refresh();
  1243. } else if ($contentWindow.table.options.type == table_type.bootstrapTreeTable) {
  1244. $contentWindow.$.treeTable.refresh();
  1245. }
  1246. $.modal.closeTab();
  1247. } else if (result.code == web_status.WARNING) {
  1248. $.modal.alertWarning(result.msg)
  1249. } else {
  1250. $.modal.alertError(result.msg);
  1251. }
  1252. $.modal.closeLoading();
  1253. }
  1254. },
  1255. // 校验封装处理
  1256. validate: {
  1257. // 判断返回标识是否唯一 false 不存在 true 存在
  1258. unique: function (value) {
  1259. if (value == "0") {
  1260. return true;
  1261. }
  1262. return false;
  1263. },
  1264. // 表单验证
  1265. form: function (formId) {
  1266. var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  1267. return $("#" + currentId).validate().form();
  1268. },
  1269. // 重置表单验证(清除提示信息)
  1270. reset: function (formId) {
  1271. var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
  1272. return $("#" + currentId).validate().resetForm();
  1273. }
  1274. },
  1275. // 树插件封装处理
  1276. tree: {
  1277. _option: {},
  1278. _lastValue: {},
  1279. // 初始化树结构
  1280. init: function(options) {
  1281. var defaults = {
  1282. id: "tree", // 属性ID
  1283. expandLevel: 0, // 展开等级节点
  1284. view: {
  1285. selectedMulti: false, // 设置是否允许同时选中多个节点
  1286. nameIsHTML: true // 设置 name 属性是否支持 HTML 脚本
  1287. },
  1288. check: {
  1289. enable: false, // 置 zTree 的节点上是否显示 checkbox / radio
  1290. nocheckInherit: true, // 设置子节点是否自动继承
  1291. chkboxType: { "Y": "ps", "N": "ps" } // 父子节点的关联关系
  1292. },
  1293. data: {
  1294. key: {
  1295. title: "title" // 节点数据保存节点提示信息的属性名称
  1296. },
  1297. simpleData: {
  1298. enable: true // true / false 分别表示 使用 / 不使用 简单数据模式
  1299. }
  1300. },
  1301. };
  1302. var options = $.extend(defaults, options);
  1303. $.tree._option = options;
  1304. // 树结构初始化加载
  1305. var setting = {
  1306. callback: {
  1307. onClick: options.onClick, // 用于捕获节点被点击的事件回调函数
  1308. onCheck: options.onCheck, // 用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数
  1309. onDblClick: options.onDblClick // 用于捕获鼠标双击之后的事件回调函数
  1310. },
  1311. check: options.check,
  1312. view: options.view,
  1313. data: options.data
  1314. };
  1315. $.get(options.url, function(data) {
  1316. var treeId = $("#treeId").val();
  1317. tree = $.fn.zTree.init($("#" + options.id), setting, data);
  1318. $._tree = tree;
  1319. for (var i = 0; i < options.expandLevel; i++) {
  1320. var nodes = tree.getNodesByParam("level", i);
  1321. for (var j = 0; j < nodes.length; j++) {
  1322. tree.expandNode(nodes[j], true, false, false);
  1323. }
  1324. }
  1325. var node = tree.getNodesByParam("id", treeId, null)[0];
  1326. $.tree.selectByIdName(treeId, node);
  1327. // 回调tree方法
  1328. if(typeof(options.callBack) === "function"){
  1329. options.callBack(tree);
  1330. }
  1331. });
  1332. },
  1333. // 搜索节点
  1334. searchNode: function() {
  1335. // 取得输入的关键字的值
  1336. var value = $.common.trim($("#keyword").val());
  1337. if ($.tree._lastValue == value) {
  1338. return;
  1339. }
  1340. // 保存最后一次搜索名称
  1341. $.tree._lastValue = value;
  1342. var nodes = $._tree.getNodes();
  1343. // 如果要查空字串,就退出不查了。
  1344. if (value == "") {
  1345. $.tree.showAllNode(nodes);
  1346. return;
  1347. }
  1348. $.tree.hideAllNode(nodes);
  1349. // 根据搜索值模糊匹配
  1350. $.tree.updateNodes($._tree.getNodesByParamFuzzy("name", value));
  1351. },
  1352. // 根据Id和Name选中指定节点
  1353. selectByIdName: function(treeId, node) {
  1354. if ($.common.isNotEmpty(treeId) && node && treeId == node.id) {
  1355. $._tree.selectNode(node, true);
  1356. }
  1357. },
  1358. // 显示所有节点
  1359. showAllNode: function(nodes) {
  1360. nodes = $._tree.transformToArray(nodes);
  1361. for (var i = nodes.length - 1; i >= 0; i--) {
  1362. if (nodes[i].getParentNode() != null) {
  1363. $._tree.expandNode(nodes[i], true, false, false, false);
  1364. } else {
  1365. $._tree.expandNode(nodes[i], true, true, false, false);
  1366. }
  1367. $._tree.showNode(nodes[i]);
  1368. $.tree.showAllNode(nodes[i].children);
  1369. }
  1370. },
  1371. // 隐藏所有节点
  1372. hideAllNode: function(nodes) {
  1373. var tree = $.fn.zTree.getZTreeObj("tree");
  1374. var nodes = $._tree.transformToArray(nodes);
  1375. for (var i = nodes.length - 1; i >= 0; i--) {
  1376. $._tree.hideNode(nodes[i]);
  1377. }
  1378. },
  1379. // 显示所有父节点
  1380. showParent: function(treeNode) {
  1381. var parentNode;
  1382. while ((parentNode = treeNode.getParentNode()) != null) {
  1383. $._tree.showNode(parentNode);
  1384. $._tree.expandNode(parentNode, true, false, false);
  1385. treeNode = parentNode;
  1386. }
  1387. },
  1388. // 显示所有孩子节点
  1389. showChildren: function(treeNode) {
  1390. if (treeNode.isParent) {
  1391. for (var idx in treeNode.children) {
  1392. var node = treeNode.children[idx];
  1393. $._tree.showNode(node);
  1394. $.tree.showChildren(node);
  1395. }
  1396. }
  1397. },
  1398. // 更新节点状态
  1399. updateNodes: function(nodeList) {
  1400. $._tree.showNodes(nodeList);
  1401. for (var i = 0, l = nodeList.length; i < l; i++) {
  1402. var treeNode = nodeList[i];
  1403. $.tree.showChildren(treeNode);
  1404. $.tree.showParent(treeNode)
  1405. }
  1406. },
  1407. // 获取当前被勾选集合
  1408. getCheckedNodes: function(column) {
  1409. var _column = $.common.isEmpty(column) ? "id" : column;
  1410. var nodes = $._tree.getCheckedNodes(true);
  1411. return $.map(nodes, function (row) {
  1412. return row[_column];
  1413. }).join();
  1414. },
  1415. // 不允许根父节点选择
  1416. notAllowParents: function(_tree) {
  1417. var nodes = _tree.getSelectedNodes();
  1418. if(nodes.length == 0){
  1419. $.modal.msgError("请选择节点后提交");
  1420. return false;
  1421. }
  1422. for (var i = 0; i < nodes.length; i++) {
  1423. if (nodes[i].level == 0) {
  1424. $.modal.msgError("不能选择根节点(" + nodes[i].name + ")");
  1425. return false;
  1426. }
  1427. if (nodes[i].isParent) {
  1428. $.modal.msgError("不能选择父节点(" + nodes[i].name + ")");
  1429. return false;
  1430. }
  1431. }
  1432. return true;
  1433. },
  1434. // 不允许最后层级节点选择
  1435. notAllowLastLevel: function(_tree) {
  1436. var nodes = _tree.getSelectedNodes();
  1437. for (var i = 0; i < nodes.length; i++) {
  1438. if (!nodes[i].isParent) {
  1439. $.modal.msgError("不能选择最后层级节点(" + nodes[i].name + ")");
  1440. return false;
  1441. }
  1442. }
  1443. return true;
  1444. },
  1445. // 隐藏/显示搜索栏
  1446. toggleSearch: function() {
  1447. $('#search').slideToggle(200);
  1448. $('#btnShow').toggle();
  1449. $('#btnHide').toggle();
  1450. $('#keyword').focus();
  1451. },
  1452. // 折叠
  1453. collapse: function() {
  1454. $._tree.expandAll(false);
  1455. },
  1456. // 展开
  1457. expand: function() {
  1458. $._tree.expandAll(true);
  1459. }
  1460. },
  1461. // 通用方法封装处理
  1462. common: {
  1463. // 判断字符串是否为空
  1464. isEmpty: function (value) {
  1465. if (value == null || this.trim(value) == "") {
  1466. return true;
  1467. }
  1468. return false;
  1469. },
  1470. // 判断一个字符串是否为非空串
  1471. isNotEmpty: function (value) {
  1472. return !$.common.isEmpty(value);
  1473. },
  1474. // 空对象转字符串
  1475. nullToStr: function(value) {
  1476. if ($.common.isEmpty(value)) {
  1477. return "-";
  1478. }
  1479. return value;
  1480. },
  1481. // 是否显示数据 为空默认为显示
  1482. visible: function (value) {
  1483. if ($.common.isEmpty(value) || value == true) {
  1484. return true;
  1485. }
  1486. return false;
  1487. },
  1488. // 空格截取
  1489. trim: function (value) {
  1490. if (value == null) {
  1491. return "";
  1492. }
  1493. return value.toString().replace(/(^\s*)|(\s*$)|\r|\n/g, "");
  1494. },
  1495. // 比较两个字符串(大小写敏感)
  1496. equals: function (str, that) {
  1497. return str == that;
  1498. },
  1499. // 比较两个字符串(大小写不敏感)
  1500. equalsIgnoreCase: function (str, that) {
  1501. return String(str).toUpperCase() === String(that).toUpperCase();
  1502. },
  1503. // 将字符串按指定字符分割
  1504. split: function (str, sep, maxLen) {
  1505. if ($.common.isEmpty(str)) {
  1506. return null;
  1507. }
  1508. var value = String(str).split(sep);
  1509. return maxLen ? value.slice(0, maxLen - 1) : value;
  1510. },
  1511. // 字符串格式化(%s )
  1512. sprintf: function (str) {
  1513. var args = arguments, flag = true, i = 1;
  1514. str = str.replace(/%s/g, function () {
  1515. var arg = args[i++];
  1516. if (typeof arg === 'undefined') {
  1517. flag = false;
  1518. return '';
  1519. }
  1520. return arg == null ? '' : arg;
  1521. });
  1522. return flag ? str : '';
  1523. },
  1524. // 日期格式化 时间戳 -> yyyy-MM-dd HH-mm-ss
  1525. dateFormat: function(date, format) {
  1526. var that = this;
  1527. if (that.isEmpty(date)) return "";
  1528. if (!date) return;
  1529. if (!format) format = "yyyy-MM-dd";
  1530. switch (typeof date) {
  1531. case "string":
  1532. date = new Date(date.replace(/-/, "/"));
  1533. break;
  1534. case "number":
  1535. date = new Date(date);
  1536. break;
  1537. }
  1538. if (!date instanceof Date) return;
  1539. var dict = {
  1540. "yyyy": date.getFullYear(),
  1541. "M": date.getMonth() + 1,
  1542. "d": date.getDate(),
  1543. "H": date.getHours(),
  1544. "m": date.getMinutes(),
  1545. "s": date.getSeconds(),
  1546. "MM": ("" + (date.getMonth() + 101)).substr(1),
  1547. "dd": ("" + (date.getDate() + 100)).substr(1),
  1548. "HH": ("" + (date.getHours() + 100)).substr(1),
  1549. "mm": ("" + (date.getMinutes() + 100)).substr(1),
  1550. "ss": ("" + (date.getSeconds() + 100)).substr(1)
  1551. };
  1552. return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g,
  1553. function() {
  1554. return dict[arguments[0]];
  1555. });
  1556. },
  1557. // 获取节点数据,支持多层级访问
  1558. getItemField: function (item, field) {
  1559. var value = item;
  1560. if (typeof field !== 'string' || item.hasOwnProperty(field)) {
  1561. return item[field];
  1562. }
  1563. var props = field.split('.');
  1564. for (var p in props) {
  1565. value = value && value[props[p]];
  1566. }
  1567. return value;
  1568. },
  1569. // 指定随机数返回
  1570. random: function (min, max) {
  1571. return Math.floor((Math.random() * max) + min);
  1572. },
  1573. // 判断字符串是否是以start开头
  1574. startWith: function(value, start) {
  1575. var reg = new RegExp("^" + start);
  1576. return reg.test(value)
  1577. },
  1578. // 判断字符串是否是以end结尾
  1579. endWith: function(value, end) {
  1580. var reg = new RegExp(end + "$");
  1581. return reg.test(value)
  1582. },
  1583. // 数组去重
  1584. uniqueFn: function(array) {
  1585. var result = [];
  1586. var hashObj = {};
  1587. for (var i = 0; i < array.length; i++) {
  1588. if (!hashObj[array[i]]) {
  1589. hashObj[array[i]] = true;
  1590. result.push(array[i]);
  1591. }
  1592. }
  1593. return result;
  1594. },
  1595. // 数组中的所有元素放入一个字符串
  1596. join: function(array, separator) {
  1597. if ($.common.isEmpty(array)) {
  1598. return null;
  1599. }
  1600. return array.join(separator);
  1601. },
  1602. // 获取form下所有的字段并转换为json对象
  1603. formToJSON: function(formId) {
  1604. var json = {};
  1605. $.each($("#" + formId).serializeArray(), function(i, field) {
  1606. if(json[field.name]) {
  1607. json[field.name] += ("," + field.value);
  1608. } else {
  1609. json[field.name] = field.value;
  1610. }
  1611. });
  1612. return json;
  1613. },
  1614. // 数据字典转下拉框
  1615. dictToSelect: function(datas, value, name) {
  1616. var actions = [];
  1617. actions.push($.common.sprintf("<select class='form-control' name='%s'>", name));
  1618. $.each(datas, function(index, dict) {
  1619. actions.push($.common.sprintf("<option value='%s'", dict.dictValue));
  1620. if (dict.dictValue == ('' + value)) {
  1621. actions.push(' selected');
  1622. }
  1623. actions.push($.common.sprintf(">%s</option>", dict.dictLabel));
  1624. });
  1625. actions.push('</select>');
  1626. return actions.join('');
  1627. },
  1628. // 获取obj对象长度
  1629. getLength: function(obj) {
  1630. var count = 0;  
  1631. for (var i in obj) {
  1632. if (obj.hasOwnProperty(i)) {
  1633. count++;
  1634. }  
  1635. }
  1636. return count;
  1637. },
  1638. // 判断移动端
  1639. isMobile: function () {
  1640. return navigator.userAgent.match(/(Android|iPhone|SymbianOS|Windows Phone|iPad|iPod)/i);
  1641. },
  1642. // 数字正则表达式,只能为0-9数字
  1643. numValid : function(text){
  1644. var patten = new RegExp(/^[0-9]+$/);
  1645. return patten.test(text);
  1646. },
  1647. // 英文正则表达式,只能为a-z和A-Z字母
  1648. enValid : function(text){
  1649. var patten = new RegExp(/^[a-zA-Z]+$/);
  1650. return patten.test(text);
  1651. },
  1652. // 英文、数字正则表达式,必须包含(字母,数字)
  1653. enNumValid : function(text){
  1654. var patten = new RegExp(/^(?=.*[a-zA-Z]+)(?=.*[0-9]+)[a-zA-Z0-9]+$/);
  1655. return patten.test(text);
  1656. },
  1657. // 英文、数字、特殊字符正则表达式,必须包含(字母,数字,特殊字符!@#$%^&*()-=_+)
  1658. charValid : function(text){
  1659. var patten = new RegExp(/^(?=.*[A-Za-z])(?=.*\d)(?=.*[~!@#\$%\^&\*\(\)\-=_\+])[A-Za-z\d~!@#\$%\^&\*\(\)\-=_\+]{6,}$/);
  1660. return patten.test(text);
  1661. },
  1662. }
  1663. });
  1664. })(jQuery);
  1665. /** 表格类型 */
  1666. table_type = {
  1667. bootstrapTable: 0,
  1668. bootstrapTreeTable: 1
  1669. };
  1670. /** 消息状态码 */
  1671. web_status = {
  1672. SUCCESS: 0,
  1673. FAIL: 500,
  1674. WARNING: 301
  1675. };
  1676. /** 弹窗状态码 */
  1677. modal_status = {
  1678. SUCCESS: "success",
  1679. FAIL: "error",
  1680. WARNING: "warning"
  1681. };