define(['jquery', 'bootstrap', 'moment', 'moment/locale/zh-cn', 'bootstrap-table', 'bootstrap-table-lang', 'bootstrap-table-export', 'bootstrap-table-commonsearch', 'bootstrap-table-template', 'bootstrap-table-jumpto', 'bootstrap-table-fixed-columns'], function ($, undefined, Moment) { var Table = { list: {}, // Bootstrap-table 基础配置 defaults: { url: '', sidePagination: 'server', method: 'get', //请求方法 toolbar: ".toolbar", //工具栏 search: true, //是否启用快速搜索 cache: false, commonSearch: true, //是否启用通用搜索 searchFormVisible: false, //是否始终显示搜索表单 titleForm: '', //为空则不显示标题,不定义默认显示:普通搜索 idTable: 'commonTable', showExport: true, exportDataType: "auto", //支持auto,selected,all 当设定为auto时自动时有选中则导出选中,没有选中则导出全部 exportTypes: ['json', 'xml', 'csv', 'txt', 'doc', 'excel'], exportOptions: { fileName: 'export_' + Moment().format("YYYY-MM-DD"), preventInjection: false, mso: { onMsoNumberFormat: function (cell, row, col) { return !isNaN($(cell).text()) ? '\\@' : ''; }, }, ignoreColumn: [0, 'operate'] //默认不导出第一列(checkbox)与操作(operate)列 }, pageSize: Config.pagesize || localStorage.getItem("pagesize") || 10, pageList: [10, 15, 20, 25, 50, 'All'], pagination: true, clickToSelect: true, //是否启用点击选中 dblClickToEdit: true, //是否启用双击编辑 singleSelect: false, //是否启用单选 showRefresh: false, showJumpto: true, locale: Config.language === 'zh-cn' ? 'zh-CN' : 'en-US', showToggle: true, showColumns: true, pk: 'id', sortName: 'id', sortOrder: 'desc', paginationFirstText: __("First"), paginationPreText: __("Previous"), paginationNextText: __("Next"), paginationLastText: __("Last"), cardView: false, //卡片视图 iosCardView: true, //ios卡片视图 checkOnInit: true, //是否在初始化时判断 escape: true, //是否对内容进行转义 fixDropdownPosition: true, //是否修复下拉的定位 dragCheckboxMultiselect: true, //拖拽时复选框是否多选模式 selectedIds: [], selectedData: [], extend: { index_url: '', add_url: '', edit_url: '', del_url: '', import_url: '', multi_url: '', dragsort_url: 'ajax/weigh', } }, // Bootstrap-table 列配置 columnDefaults: { align: 'center', valign: 'middle', }, config: { checkboxtd: 'tbody>tr>td.bs-checkbox', toolbar: '.toolbar', refreshbtn: '.btn-refresh', addbtn: '.btn-add', editbtn: '.btn-edit', delbtn: '.btn-del', importbtn: '.btn-import', multibtn: '.btn-multi', disabledbtn: '.btn-disabled', editonebtn: '.btn-editone', restoreonebtn: '.btn-restoreone', destroyonebtn: '.btn-destroyone', restoreallbtn: '.btn-restoreall', destroyallbtn: '.btn-destroyall', dragsortfield: 'weigh', }, button: { edit: { name: 'edit', icon: 'fa fa-pencil', title: __('Edit'), extend: 'data-toggle="tooltip" data-container="body"', classname: 'btn btn-xs btn-success btn-editone' }, del: { name: 'del', icon: 'fa fa-trash', title: __('Del'), extend: 'data-toggle="tooltip" data-container="body"', classname: 'btn btn-xs btn-danger btn-delone' }, dragsort: { name: 'dragsort', icon: 'fa fa-arrows', title: __('Drag to sort'), extend: 'data-toggle="tooltip"', classname: 'btn btn-xs btn-primary btn-dragsort' } }, api: { init: function (defaults, columnDefaults, locales) { defaults = defaults ? defaults : {}; columnDefaults = columnDefaults ? columnDefaults : {}; locales = locales ? locales : {}; $.fn.bootstrapTable.Constructor.prototype.getSelectItem = function () { return this.$selectItem; }; var _onPageListChange = $.fn.bootstrapTable.Constructor.prototype.onPageListChange; $.fn.bootstrapTable.Constructor.prototype.onPageListChange = function () { _onPageListChange.apply(this, Array.prototype.slice.apply(arguments)); localStorage.setItem('pagesize', this.options.pageSize); return false; }; // 写入bootstrap-table默认配置 $.extend(true, $.fn.bootstrapTable.defaults, Table.defaults, defaults); // 写入bootstrap-table column配置 $.extend($.fn.bootstrapTable.columnDefaults, Table.columnDefaults, columnDefaults); // 写入bootstrap-table locale配置 $.extend($.fn.bootstrapTable.locales[Table.defaults.locale], { formatCommonSearch: function () { return __('Common search'); }, formatCommonSubmitButton: function () { return __('Submit'); }, formatCommonResetButton: function () { return __('Reset'); }, formatCommonCloseButton: function () { return __('Close'); }, formatCommonChoose: function () { return __('Choose'); }, formatJumpto: function () { return __('Go'); } }, locales); // 如果是iOS设备则判断是否启用卡片视图 if ($.fn.bootstrapTable.defaults.iosCardView && navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { Table.defaults.cardView = true; $.fn.bootstrapTable.defaults.cardView = true; } if (typeof defaults.exportTypes != 'undefined') { $.fn.bootstrapTable.defaults.exportTypes = defaults.exportTypes; } }, // 绑定事件 bindevent: function (table) { //Bootstrap-table的父元素,包含table,toolbar,pagnation var parenttable = table.closest('.bootstrap-table'); //Bootstrap-table配置 var options = table.bootstrapTable('getOptions'); //Bootstrap操作区 var toolbar = $(options.toolbar, parenttable); //跨页提示按钮 var tipsBtn = $(".btn-selected-tips", parenttable); if (tipsBtn.length === 0) { tipsBtn = $('
"); dragdiv.css({position: 'absolute', width: 0, height: 0, border: "1px dashed blue", background: "#0029ff", left: e.pageX + "px", top: e.pageY + "px", opacity: .1}); dragdiv.appendTo(document.body); $(document.body).css({'MozUserSelect': 'none', 'webkitUserSelect': 'none'}).attr('unselectable', 'on'); $(document).on("mousemove", mousemove).on("mouseup", mouseup).on("selectstart", selectstart); if (options.dragCheckboxMultiselect) { $(Table.config.checkboxtd, table).removeClass("overlaped"); } } }); } }); var exportDataType = options.exportDataType; // 处理选中筛选框后按钮的状态统一变更 table.on('check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table post-body.bs.table', function (e) { var allIds = []; $.each(table.bootstrapTable("getData"), function (i, item) { allIds.push(typeof item[options.pk] != 'undefined' ? item[options.pk] : ''); }); var selectedIds = Table.api.selectedids(table, true), selectedData = Table.api.selecteddata(table, true); //开启分页checkbox分页记忆 if (options.maintainSelected) { options.selectedIds = options.selectedIds.filter(function (element, index, self) { return $.inArray(element, allIds) === -1; }).concat(selectedIds); options.selectedData = options.selectedData.filter(function (element, index, self) { return $.inArray(element[options.pk], allIds) === -1; }).concat(selectedData); if (options.selectedIds.length > selectedIds.length) { $("b", tipsBtn).text(options.selectedIds.length); tipsBtn.removeClass('hide'); } else { tipsBtn.addClass('hide'); } } else { options.selectedIds = selectedIds; options.selectedData = selectedData; } //如果导出类型为auto时则自动判断 if (exportDataType === 'auto') { options.exportDataType = selectedIds.length > 0 ? 'selected' : 'all'; if ($(".export .exporttips").length === 0) { $(".export .dropdown-menu").prepend("") } $(".export .exporttips").html("导出记录:" + (selectedIds.length > 0 ? "选中" : "全部")); } $(Table.config.disabledbtn, toolbar).toggleClass('disabled', !options.selectedIds.length); }); // 提交通用搜索时判断是否和Tabs筛选一致 table.on('common-search.bs.table', function (e, setting, query) { var tabs = $('.panel-heading [data-field]', table.closest(".panel-intro")); var field = tabs.data("field"); var value = $("li.active > a", tabs).data("value"); if (query.filter && typeof query.filter[field] !== 'undefined' && query.filter[field] != value) { $("li", tabs).removeClass("active"); $("li > a[data-value='" + query.filter[field] + "']", tabs).parent().addClass("active"); } }); // 绑定TAB事件 $('.panel-heading [data-field] a[data-toggle="tab"]', table.closest(".panel-intro")).on('shown.bs.tab', function (e) { var field = $(this).closest("[data-field]").data("field"); var value = $(this).data("value"); var object = $("[name='" + field + "']", table.closest(".bootstrap-table").find(".commonsearch-table")); if (object.prop('tagName') === "SELECT") { $("option[value='" + value + "']", object).prop("selected", true); } else { object.val(value); } table.trigger("uncheckbox"); table.bootstrapTable('getOptions').totalRows = 0; table.bootstrapTable('refresh', {pageNumber: 1}); return false; }); // 修复重置事件 $("form", table.closest(".bootstrap-table").find(".commonsearch-table")).on('reset', function () { setTimeout(function () { // $('.panel-heading [data-field] li.active a[data-toggle="tab"]').trigger('shown.bs.tab'); }, 0); $('.panel-heading [data-field] li', table.closest(".panel-intro")).removeClass('active'); $('.panel-heading [data-field] li:first', table.closest(".panel-intro")).addClass('active'); }); // 刷新按钮事件 toolbar.on('click', Table.config.refreshbtn, function () { table.bootstrapTable('refresh'); }); // 添加按钮事件 toolbar.on('click', Table.config.addbtn, function () { var ids = Table.api.selectedids(table); var url = options.extend.add_url; if (url.indexOf("{ids}") !== -1) { url = Table.api.replaceurl(url, {ids: ids.length > 0 ? ids.join(",") : 0}, table); } Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Add'), $(this).data() || {}); }); // 导入按钮事件 if ($(Table.config.importbtn, toolbar).length > 0) { require(['upload'], function (Upload) { Upload.api.upload($(Table.config.importbtn, toolbar), function (data, ret) { Fast.api.ajax({ url: options.extend.import_url, data: {file: data.url}, }, function (data, ret) { table.trigger("uncheckbox"); table.bootstrapTable('refresh'); }); }); }); } // 批量编辑按钮事件 toolbar.on('click', Table.config.editbtn, function () { var that = this; var ids = Table.api.selectedids(table); if (ids.length > 10) { return; } var title = $(that).data('title') || $(that).attr("title") || __('Edit'); var data = $(that).data() || {}; delete data.title; //循环弹出多个编辑框 $.each(Table.api.selecteddata(table), function (index, row) { var url = options.extend.edit_url; row = $.extend({}, row ? row : {}, {ids: row[options.pk]}); url = Table.api.replaceurl(url, row, table); Fast.api.open(url, typeof title === 'function' ? title.call(table, row) : title, data); }); }); //清空回收站 $(document).on('click', Table.config.destroyallbtn, function () { var that = this; Layer.confirm(__('Are you sure you want to truncate?'), function () { var url = $(that).data("url") ? $(that).data("url") : $(that).attr("href"); Fast.api.ajax(url, function () { Layer.closeAll(); table.trigger("uncheckbox"); table.bootstrapTable('refresh'); }, function () { Layer.closeAll(); }); }); return false; }); //全部还原 $(document).on('click', Table.config.restoreallbtn, function () { var that = this; var url = $(that).data("url") ? $(that).data("url") : $(that).attr("href"); Fast.api.ajax(url, function () { Layer.closeAll(); table.trigger("uncheckbox"); table.bootstrapTable('refresh'); }, function () { Layer.closeAll(); }); return false; }); //销毁或删除 $(document).on('click', Table.config.restoreonebtn + ',' + Table.config.destroyonebtn, function () { var that = this; var url = $(that).data("url") ? $(that).data("url") : $(that).attr("href"); var row = Table.api.getrowbyindex(table, $(that).data("row-index")); Fast.api.ajax({ url: url, data: {ids: row[options.pk]} }, function () { table.trigger("uncheckbox"); table.bootstrapTable('refresh'); }); return false; }); // 批量操作按钮事件 toolbar.on('click', Table.config.multibtn, function () { var ids = Table.api.selectedids(table); Table.api.multi($(this).data("action"), ids, table, this); }); // 批量删除按钮事件 toolbar.on('click', Table.config.delbtn, function () { var that = this; var ids = Table.api.selectedids(table); Layer.confirm( __('Are you sure you want to delete the %s selected item?', ids.length), {icon: 3, title: __('Warning'), offset: 0, shadeClose: true, btn: [__('OK'), __('Cancel')]}, function (index) { Table.api.multi("del", ids, table, that); Layer.close(index); } ); }); // 拖拽排序 require(['dragsort'], function () { //绑定拖动排序 $("tbody", table).dragsort({ itemSelector: 'tr:visible', dragSelector: "a.btn-dragsort", dragEnd: function (a, b) { var element = $("a.btn-dragsort", this); var data = table.bootstrapTable('getData'); var current = data[parseInt($(this).data("index"))]; var options = table.bootstrapTable('getOptions'); //改变的值和改变的ID集合 var ids = $.map($("tbody tr:visible", table), function (tr) { return data[parseInt($(tr).data("index"))][options.pk]; }); var changeid = current[options.pk]; var pid = typeof current.pid != 'undefined' ? current.pid : ''; var params = { url: table.bootstrapTable('getOptions').extend.dragsort_url, data: { ids: ids.join(','), changeid: changeid, pid: pid, field: Table.config.dragsortfield, orderway: options.sortOrder, table: options.extend.table, pk: options.pk } }; Fast.api.ajax(params, function (data, ret) { var success = $(element).data("success") || $.noop; if (typeof success === 'function') { if (false === success.call(element, data, ret)) { return false; } } table.bootstrapTable('refresh'); }, function (data, ret) { var error = $(element).data("error") || $.noop; if (typeof error === 'function') { if (false === error.call(element, data, ret)) { return false; } } table.bootstrapTable('refresh'); }); }, placeHolderTemplate: "" }); }); table.on("click", "input[data-id][name='checkbox']", function (e) { var ids = $(this).data("id"); table.bootstrapTable($(this).prop("checked") ? 'checkBy' : 'uncheckBy', {field: options.pk, values: [ids]}); }); table.on("click", "[data-id].btn-change", function (e) { e.preventDefault(); var changer = $.proxy(function () { Table.api.multi($(this).data("action") ? $(this).data("action") : '', [$(this).data("id")], table, this); }, this); if (typeof $(this).data("confirm") !== 'undefined') { Layer.confirm($(this).data("confirm"), function (index) { changer(); Layer.close(index); }); } else { changer(); } }); table.on("click", "[data-id].btn-edit", function (e) { e.preventDefault(); var ids = $(this).data("id"); var row = Table.api.getrowbyid(table, ids); row.ids = ids; var url = Table.api.replaceurl(options.extend.edit_url, row, table); Fast.api.open(url, $(this).data("original-title") || $(this).attr("title") || __('Edit'), $(this).data() || {}); }); table.on("click", "[data-id].btn-del", function (e) { e.preventDefault(); var id = $(this).data("id"); var that = this; Layer.confirm( __('Are you sure you want to delete this item?'), {icon: 3, title: __('Warning'), shadeClose: true, btn: [__('OK'), __('Cancel')]}, function (index) { Table.api.multi("del", id, table, that); Layer.close(index); } ); }); table.on("mouseenter mouseleave", ".autocontent", function (e) { var target = $(".autocontent-item", this).get(0); if (!target) return; if (e.type === 'mouseenter') { if (target.scrollWidth > target.offsetWidth && $(".autocontent-caret", this).length === 0) { $(this).append(" ').appendTo(toolbar); } //点击提示按钮 tipsBtn.off("click").on("click", function (e) { table.trigger("uncheckbox"); table.bootstrapTable("refresh"); }); //当刷新表格时 table.on('uncheckbox', function (status, res, e) { options.selectedIds = []; options.selectedData = []; tipsBtn.tooltip('hide'); tipsBtn.addClass('hide'); }); //表格加载出错时 table.on('load-error.bs.table', function (status, res, e) { if (e.status === 0) { return; } Toastr.error(__('Unknown data format')); }); //当加载数据成功时 table.on('load-success.bs.table', function (e, data) { if (typeof data.rows === 'undefined' && typeof data.code != 'undefined') { Toastr.error(data.msg); } }); //当刷新表格时 table.on('refresh.bs.table', function (e, settings, data) { $(Table.config.refreshbtn, toolbar).find(".fa").addClass("fa-spin"); //移除指定浮动弹窗 $(".layui-layer-autocontent").remove(); }); //当执行搜索时 table.on('search.bs.table common-search.bs.table', function (e, settings, data) { table.trigger("uncheckbox"); }); if (options.dblClickToEdit) { //当双击单元格时 table.on('dbl-click-row.bs.table', function (e, row, element, field) { $(Table.config.editonebtn, element).trigger("click"); }); } //渲染内容前 table.on('pre-body.bs.table', function (e, data) { if (options.maintainSelected) { $.each(data, function (i, row) { row[options.stateField] = $.inArray(row[options.pk], options.selectedIds) > -1; }); } }); //当内容渲染完成后 table.on('post-body.bs.table', function (e, data) { $(Table.config.refreshbtn, toolbar).find(".fa").removeClass("fa-spin"); if ($(Table.config.checkboxtd + ":first", table).find("input[type='checkbox'][data-index]").length > 0) { //拖拽选择复选框 var posx, posy, dragdiv, drag = false, prepare = false; var mousemove = function (e) { if (drag) { var left = Math.min(e.pageX, posx); var top = Math.min(e.pageY, posy); var width = Math.abs(posx - e.pageX); var height = Math.abs(posy - e.pageY); dragdiv.css({left: left + "px", top: top + "px", width: width + "px", height: height + "px"}); var dragrect = {x: left, y: top, width: width, height: height}; $(Table.config.checkboxtd, table).each(function () { var checkbox = $("input:checkbox", this); var tdrect = this.getBoundingClientRect(); tdrect.x += document.documentElement.scrollLeft; tdrect.y += document.documentElement.scrollTop; var td_min_x = tdrect.x; var td_min_y = tdrect.y; var td_max_x = tdrect.x + tdrect.width; var td_max_y = tdrect.y + tdrect.height; var drag_min_x = dragrect.x; var drag_min_y = dragrect.y; var drag_max_x = dragrect.x + dragrect.width; var drag_max_y = dragrect.y + dragrect.height; var overlapped = td_min_x <= drag_max_x && td_max_x >= drag_min_x && td_min_y <= drag_max_y && td_max_y >= drag_min_y; if (overlapped) { if (!$(this).hasClass("overlaped")) { $(this).addClass("overlaped"); checkbox.trigger("click"); } } else { if ($(this).hasClass("overlaped")) { $(this).removeClass("overlaped"); checkbox.trigger("click"); } } }); } }; var selectstart = function () { return false; }; var mouseup = function () { if (drag) { $(document).off("mousemove", mousemove); $(document).off("selectstart", selectstart); dragdiv.remove(); } drag = false; prepare = false; $(document.body).css({'MozUserSelect': '', 'webkitUserSelect': ''}).attr('unselectable', 'off'); }; $(Table.config.checkboxtd, table).on("mousedown", function (e) { //禁止鼠标右键事件和文本框 if (e.button === 2 || $(e.target).is("input")) { return false; } posx = e.pageX; posy = e.pageY; prepare = true; }).on("mousemove", function (e) { if (prepare && !drag) { drag = true; dragdiv = $("