1391 lines
80 KiB
JavaScript
1391 lines
80 KiB
JavaScript
define(['jquery', 'bootstrap', 'moment', 'bootstrap-table', 'bootstrap-table-lang', 'bootstrap-table-export', 'bootstrap-table-template', 'bootstrap-table-jumpto', 'bootstrap-table-fixed-columns','tableexport'], function ($, undefined, Moment) {
|
|
var Table = {
|
|
list: {},
|
|
// Bootstrap-table 基础配置
|
|
defaults: {
|
|
url: '',
|
|
sidePagination: 'server',
|
|
method: 'post', //请求方法
|
|
toolbar: ".toolbar", //工具栏
|
|
search: false, //是否启用快速搜索
|
|
cache: false,
|
|
commonSearch: false, //是否启用通用搜索
|
|
searchFormVisible: false, //是否始终显示搜索表单
|
|
titleForm: '', //为空则不显示标题，不定义默认显示：普通搜索
|
|
idTable: 'commonTable',
|
|
showExport: true,
|
|
exportDataType: "auto",
|
|
totalField: "count",
|
|
dataField: 'data',
|
|
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)列
|
|
},
|
|
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',
|
|
},
|
|
pageSize: Config.pagesize || localStorage.getItem("pagesize") || 10,
|
|
pageList: [10, 15, 20, 25, 50, 'All'],
|
|
pagination: true,
|
|
clickToSelect: true, //是否启用点击选中
|
|
dblClickToEdit: true, //是否启用双击编辑
|
|
singleSelect: false, //是否启用单选
|
|
showRefresh: true,
|
|
showJumpto: true,
|
|
locale: 'zh-cn',
|
|
showToggle: true,
|
|
showColumns: true,
|
|
pk: 'id',
|
|
sortName: 'id',
|
|
sortOrder: 'desc',
|
|
paginationFirstText: __("◀"),
|
|
paginationPreText: __("←"),
|
|
paginationNextText: __("→"),
|
|
paginationLastText: __("►"),
|
|
cardView: false, //卡片视图
|
|
showFullscreen:true,
|
|
iosCardView: true, //ios卡片视图
|
|
checkOnInit: true, //是否在初始化时判断
|
|
escape: true, //是否对内容进行转义
|
|
fixDropdownPosition: true, //是否修复下拉的定位
|
|
dragCheckboxMultiselect: false, //拖拽时复选框是否多选模式
|
|
selectedIds: [],
|
|
selectedData: [],
|
|
extend: {
|
|
index_url: '',
|
|
add_url: '',
|
|
edit_url: '',
|
|
del_url: '',
|
|
import_url: '',
|
|
multi_url: '',
|
|
dragsort_url: 'ajax/weigh',
|
|
},
|
|
// 排序方式
|
|
queryParams: function (params) {
|
|
params.limit = params.limit || 10;
|
|
params.offset = params.offset || 0;
|
|
var temp = {
|
|
limit: params.limit, // 每页数据量
|
|
offset: params.offset, // sql语句起始索引
|
|
page: (params.offset / params.limit) + 1,
|
|
sort: params.sort, // 排序的列名
|
|
sortOrder: params.order, // 排序方式'asc' 'desc'
|
|
filter: window.filterData
|
|
};
|
|
return temp;
|
|
},
|
|
},
|
|
// 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: 'mdi mdi-pencil',
|
|
title: __('编辑'),
|
|
extend: 'data-toggle="tooltip" data-container="body" data-offset="r" data-area="80%,100%" data-anim="5" data-shade="0.3" data-move="false"',
|
|
classname: 'btn btn-xs btn-success btn-editone'
|
|
},
|
|
del: {
|
|
name: 'del',
|
|
icon: 'mdi mdi-window-close',
|
|
title: __('删除'),
|
|
extend: 'data-toggle="tooltip" data-container="body"',
|
|
classname: 'btn btn-xs btn-danger btn-delone'
|
|
},
|
|
dragsort: {
|
|
name: 'dragsort',
|
|
icon: 'mdi mdi-drag',
|
|
title: __('拖动排序'),
|
|
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;
|
|
};
|
|
var _defaults = $.extend(true, $.fn.bootstrapTable.defaults, Table.defaults, defaults);
|
|
var extend = _defaults.extend;
|
|
extend.index_url = extend.index_url ? Fast.api.fixurl(extend.index_url) : extend.index_url;
|
|
extend.add_url = extend.add_url ? Fast.api.fixurl(extend.add_url) : extend.add_url;
|
|
extend.edit_url = extend.edit_url ? Fast.api.fixurl(extend.edit_url) : extend.edit_url;
|
|
extend.del_url = extend.del_url ? Fast.api.fixurl(extend.del_url) : extend.del_url;
|
|
extend.import_url = extend.import_url ? Fast.api.fixurl(extend.import_url) : extend.import_url;
|
|
extend.multi_url = extend.multi_url ? Fast.api.fixurl(extend.multi_url) : extend.multi_url;
|
|
extend.dragsort_url = extend.dragsort_url ? Fast.api.fixurl(extend.dragsort_url) : extend.dragsort_url;
|
|
|
|
// 写入bootstrap-table默认配置
|
|
$.extend(true, $.fn.bootstrapTable.defaults, extend);
|
|
// 写入bootstrap-table column配置
|
|
$.extend($.fn.bootstrapTable.columnDefaults, Table.columnDefaults, columnDefaults);
|
|
// 写入bootstrap-table locale配置
|
|
$.extend($.fn.bootstrapTable.locales[Table.defaults.locale], {
|
|
formatCommonSearch: function () {
|
|
return __('搜索');
|
|
},
|
|
formatCommonSubmitButton: function () {
|
|
return __('提交');
|
|
},
|
|
formatCommonResetButton: function () {
|
|
return __('重置');
|
|
},
|
|
formatCommonCloseButton: function () {
|
|
return __('关闭');
|
|
},
|
|
formatCommonChoose: function () {
|
|
return __('选择');
|
|
},
|
|
formatJumpto: function () {
|
|
return __('跳转');
|
|
}
|
|
}, 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;
|
|
}
|
|
function setMark(form){
|
|
var name = form.find('[name=name]').val();
|
|
var has =false;
|
|
$('#filter_'+name.replace(/\//ig,"_")).removeClass('hasData');
|
|
if(form.find('.input').val()){
|
|
$('#filter_'+name.replace(/\//ig,"_")).addClass('hasData');
|
|
return true;
|
|
}
|
|
}
|
|
$(document).on('click', '.filter_container .mask', function () {
|
|
$(this).parent().hide();
|
|
}).on('submit', 'form.filter_form', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
var form = $(this);
|
|
var a = URL.parse(location.origin + location.pathname + '?' + $(e.target).serialize());
|
|
var symbol = a.searchParams.get('symbol');
|
|
var value1 = a.searchParams.get('value1');
|
|
var value2 = a.searchParams.get('value2');
|
|
var name = form.find('[name=name]').val();
|
|
var value1 = form.find('[name=value1]').val();
|
|
//console.log(name,value1);
|
|
if(name){
|
|
filterData[name] = {
|
|
symbol: symbol,
|
|
value1: value1,
|
|
value2: value2
|
|
};
|
|
}
|
|
$(this).parent().hide();
|
|
//$('#table').bootstrapTable('refresh');
|
|
$('#table').bootstrapTable('selectPage', 1);
|
|
setMark($(this));
|
|
return false;
|
|
}).on('click', 'form.filter_form .reset', function (e) {
|
|
var form = $(this).parents('form');
|
|
$(this).parents('form').find('.input').val("");
|
|
var name = form.find('[name=name]').val();
|
|
delete filterData[name];
|
|
//$('#table').bootstrapTable('refresh');
|
|
$('#table').bootstrapTable('selectPage', 1);
|
|
setMark(form);
|
|
return false;
|
|
}).on('change', '.filter_container select', function () {
|
|
if ($(this).val() == 'range') {
|
|
$(this).parents('.filter_container').find('.range_show').show();
|
|
} else {
|
|
$(this).parents('.filter_container').find('.range_show').hide();
|
|
}
|
|
}).on('click', '.btn_filter', function () {
|
|
var filter_btn =$(this);
|
|
var id = 'popover_' + filter_btn.attr('id');
|
|
var filter_container = $('#' + id);
|
|
if (!filter_btn.attr('init')) {
|
|
if (filter_container.length == 0) {
|
|
var filterType = filter_btn.data('filter');
|
|
//console.log(filterType)
|
|
var name = filter_btn.attr('data-field');
|
|
var options = [];
|
|
var inputHtml = '';
|
|
if(filterType == 'number'){
|
|
var input = [
|
|
' <div class="form-group">',
|
|
' <label class="input-group">值</label>',
|
|
' <input type="number" name="value1" class="form-control input" ' + filterType + ' placeholder="筛选值" />',
|
|
' <span class="range_show" style="display:none;">',
|
|
' <span>至</span>',
|
|
' <input type="number" name="value2" class="form-control input" ' + filterType + ' placeholder="筛选值" />',
|
|
' </span>',
|
|
' </div>',
|
|
];
|
|
}else if(filterType == 'date'){
|
|
var input = [
|
|
' <div class="form-group position-relative">',
|
|
' <label class="input-group">值</label>',
|
|
' <input type="text" name="value1" class="form-control js-datepicker input" autocomplete="off" data-format="' + filterType + '" ' + filterType + ' autocomplete="off" placeholder="筛选值" />',
|
|
' <span class="range_show" style="display:none;">',
|
|
' <span>至</span>',
|
|
' <input type="text" name="value2" class="form-control js-datepicker input" autocomplete="off" data-format="' + filterType + '" ' + filterType + ' autocomplete="off" placeholder="筛选值" />',
|
|
' </span>',
|
|
' </div>',
|
|
];
|
|
}else if(filterType == 'datetime'){
|
|
var input = [
|
|
' <div class="form-group position-relative">',
|
|
' <label class="input-group">值</label>',
|
|
' <input type="text" name="value1" class="form-control js-datetimepicker input" autocomplete="off" data-format="' + filterType + '" ' + filterType + ' placeholder="筛选值" />',
|
|
' <span class="range_show" style="display:none;">',
|
|
' <span>至</span>',
|
|
' <input type="text" name="value2" class="form-control js-datetimepicker input" autocomplete="off" data-format="' + filterType + '" ' + filterType + ' placeholder="筛选值" />',
|
|
' </span>',
|
|
' </div>',
|
|
];
|
|
}else{
|
|
var input = [
|
|
' <div class="form-group">',
|
|
' <label class="input-group">值</label>',
|
|
' <input type="text" name="value1" class="form-control input" ' + filterType + ' placeholder="筛选值" />',
|
|
' <span class="range_show" style="display:none;">',
|
|
' <span>至</span>',
|
|
' <input type="text" name="value2" class="form-control input" ' + filterType + ' placeholder="筛选值" />',
|
|
' </span>',
|
|
' </div>',
|
|
];
|
|
}
|
|
if (filterType == 'string') {
|
|
options = [
|
|
'<option value="like">模糊匹配</option>',
|
|
'<option value="=">完全匹配</option>',
|
|
'<option value="<>">不等于</option>',
|
|
'<option value="not like">模糊排除</option>',
|
|
'<option value="in">在列表中</option>',
|
|
'<option value="not in">不在列表中</option>',
|
|
'<option value="null">等于空</option>',
|
|
'<option value="not null">不等于空</option>'
|
|
];
|
|
} else if (filterType == 'number' || filterType == 'date' || filterType == 'time' || filterType == 'datetime') {
|
|
options = [
|
|
'<option value="=">=</option>',
|
|
'<option value=">">></option>',
|
|
'<option value=">=">>=</option>',
|
|
'<option value="<"><</option>',
|
|
'<option value="<="><=</option>',
|
|
'<option value="range">区间</option>',
|
|
'<option value="<>">不等于</option>',
|
|
'<option value="not like">模糊排除</option>',
|
|
'<option value="in">在列表中</option>',
|
|
'<option value="not in">不在列表中</option>',
|
|
'<option value="null">等于空</option>',
|
|
'<option value="not null">不等于空</option>'
|
|
];
|
|
} else if (filterType == 'select') {
|
|
options = [
|
|
'<option value="=">=</option>'
|
|
];
|
|
var input_options = [];
|
|
//console.log($(this).data('filter-option'))
|
|
var nationOptions = window[$(this).data('filter-option')];
|
|
input_options.push('<option value="">无</option>');
|
|
if(nationOptions instanceof Array){
|
|
for (var index = 0; index < nationOptions.length; index++) {
|
|
input_options.push('<option value="' + nationOptions[index].value + '">' + nationOptions[index].label + '</option>');
|
|
}
|
|
}else{
|
|
for(var value in nationOptions){
|
|
input_options.push('<option value="' + value + '">' + nationOptions[value] + '</option>');
|
|
}
|
|
}
|
|
input = [
|
|
' <div class="form-group">',
|
|
' <label class="input-group">值</label>',
|
|
' <select name="value1" class="form-control form-select input">',
|
|
input_options.join(''),
|
|
' </select >',
|
|
' </div>',
|
|
];
|
|
}
|
|
|
|
$('body').append([
|
|
'<div id="' + id + '" class="filter_container">',
|
|
' <div class="mask"></div>',
|
|
' <form class="filter_form card form-horizontal" novalidate>',
|
|
' <input type="hidden" name="name" value="' + name +'" />',
|
|
' <div class="form-group">',
|
|
' <label class="input-group">符号</label>',
|
|
' <select name="symbol" class="form-control form-select">',
|
|
options.join(''),
|
|
' </select >',
|
|
' </div>',
|
|
input.join(''),
|
|
' <div class="form-group">',
|
|
' <button class="btn btn-success" type="submit">确定</button>',
|
|
' <button class="btn btn-info reset" type="button">重置</button>',
|
|
' </div>',
|
|
" </form>",
|
|
"</div>"
|
|
].join(''));
|
|
filter_container = $('#' + id);
|
|
filter_container.find('.js-datepicker,.js-datetimepicker').each(function (index,element) {
|
|
var ele = $(this);
|
|
var options = {
|
|
locale: 'zh-CN', // 默认简体中文
|
|
collapse:false,
|
|
sideBySide:true,
|
|
format: ele.hasClass('js-datetimepicker') ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD',
|
|
};
|
|
|
|
if (ele.prop("tagName") != 'INPUT') {
|
|
options.inputs = [ele.find('input:first'), ele.find('input:last')];
|
|
}
|
|
|
|
ele.datetimepicker(options);
|
|
})
|
|
}
|
|
filter_btn.attr('init', 1);
|
|
}
|
|
|
|
filter_container.show();
|
|
filter_container.find('form').css({
|
|
left: $(this).offset().left-155,
|
|
top: $(this).offset().top + $(this).height()+10
|
|
});
|
|
});
|
|
},
|
|
submitFilterForm:function(){
|
|
|
|
},
|
|
// 绑定事件
|
|
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 = $('<a href="javascript:" class="btn btn-warning-light btn-selected-tips hide" data-animation="false" data-toggle="tooltip" data-title="' + __("点击取消全选") + '"><i class="fa fa-info-circle"></i> ' + __("多选模式: %s ", "<b>0</b>") + '</a>').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;
|
|
}
|
|
Fast.api.error(__('数据格式错误'));
|
|
});
|
|
//当加载数据成功时
|
|
table.on('load-success.bs.table', function (e, res) {
|
|
if (typeof res.data === 'undefined' && typeof res.code != 'undefined') {
|
|
Fast.api.error(res.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 = $("<div />");
|
|
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';
|
|
}
|
|
$(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('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") || __('添加'), $(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") || __('编辑');
|
|
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);
|
|
console.log(data)
|
|
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(__('确定清空回收站吗?'), 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 = Fast.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(
|
|
__('确定删除选中的 %s 条数据吗?', ids.length),
|
|
{icon: 3, title: __('警告'), offset: 0, shadeClose: true, btn: [__('确定'), __('取消')]},
|
|
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") || __('编辑'), $(this).data() || {});
|
|
});
|
|
table.on("click", "[data-id].btn-del", function (e) {
|
|
e.preventDefault();
|
|
var id = $(this).data("id");
|
|
var that = this;
|
|
Layer.confirm(
|
|
__('确定删除这条数据吗?'),
|
|
{icon: 3, title: __('警告'), shadeClose: true, btn: [__('确定'), __('取消')]},
|
|
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) {
|
|
$(this).append("<div class='autocontent-caret'><i class='fa fa-chevron-down'></div>");
|
|
}
|
|
} else {
|
|
$(".autocontent-caret", this).remove();
|
|
}
|
|
});
|
|
table.on("click mouseenter", ".autocontent-caret", function (e) {
|
|
var hover = $(this).prev().hasClass("autocontent-hover");
|
|
if (!hover && e.type === 'mouseenter') {
|
|
return;
|
|
}
|
|
var text = $(this).prev().text();
|
|
var tdrect = $(this).parent().get(0).getBoundingClientRect();
|
|
var index = Layer.open({id: 'autocontent', skin: 'layui-layer-fast layui-layer-autocontent', title: false, content: text, btn: false, anim: false, shade: 0, isOutAnim: false, area: 'auto', maxWidth: 450, maxHeight: 350, offset: [tdrect.y, tdrect.x]});
|
|
|
|
if (hover) {
|
|
$(document).one("mouseleave", "#layui-layer" + index, function () {
|
|
Layer.close(index);
|
|
});
|
|
}
|
|
var mousedown = function (e) {
|
|
if ($(e.target).closest(".layui-layer").length === 0) {
|
|
Layer.close(index);
|
|
$(document).off("mousedown", mousedown);
|
|
}
|
|
};
|
|
$(document).off("mousedown", mousedown).on("mousedown", mousedown);
|
|
});
|
|
|
|
//修复dropdown定位溢出的情况
|
|
if (options.fixDropdownPosition) {
|
|
var tableBody = table.closest(".fixed-table-body");
|
|
table.on('show.bs.dropdown fa.event.refreshdropdown', ".btn-group", function (e) {
|
|
var dropdownMenu = $(".dropdown-menu", this);
|
|
var btnGroup = $(this);
|
|
var isPullRight = dropdownMenu.hasClass("pull-right") || dropdownMenu.hasClass("dropdown-menu-right");
|
|
var left, top, position;
|
|
if (true || dropdownMenu.outerHeight() + btnGroup.outerHeight() > tableBody.outerHeight() - 41) {
|
|
position = 'fixed';
|
|
top = btnGroup.offset().top - $(window).scrollTop() + btnGroup.outerHeight();
|
|
if ((top + dropdownMenu.outerHeight()) > $(window).height()) {
|
|
top = btnGroup.offset().top - dropdownMenu.outerHeight() - 5;
|
|
}
|
|
left = isPullRight ? btnGroup.offset().left + btnGroup.outerWidth() - dropdownMenu.outerWidth() : btnGroup.offset().left;
|
|
}
|
|
if (left || top) {
|
|
dropdownMenu.css({
|
|
position: position, left: left, top: top, right: 'inherit'
|
|
});
|
|
}
|
|
});
|
|
var checkdropdown = function () {
|
|
if ($(".btn-group.open", table).length > 0 && $(".btn-group.open .dropdown-menu", table).css("position") == 'fixed') {
|
|
$(".btn-group.open", table).trigger("fa.event.refreshdropdown");
|
|
}
|
|
};
|
|
$(window).on("scroll", function () {
|
|
checkdropdown();
|
|
});
|
|
tableBody.on("scroll", function () {
|
|
checkdropdown();
|
|
});
|
|
}
|
|
|
|
var id = table.attr("id");
|
|
Table.list[id] = table;
|
|
return table;
|
|
},
|
|
// 批量操作请求
|
|
multi: function (action, ids, table, element) {
|
|
var options = table.bootstrapTable('getOptions');
|
|
var data = element ? $(element).data() : {};
|
|
ids = ($.isArray(ids) ? ids.join(",") : ids);
|
|
var url = typeof data.url !== "undefined" ? data.url : (action == "del" ? options.extend.del_url : options.extend.multi_url);
|
|
var params = typeof data.params !== "undefined" ? (typeof data.params == 'object' ? $.param(data.params) : data.params) : '';
|
|
options = {url: url, data: {action: action, ids: ids, params: params}};
|
|
Fast.api.ajax(options, function (data, ret) {
|
|
table.trigger("uncheckbox");
|
|
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;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 单元格元素事件
|
|
events: {
|
|
operate: {
|
|
'click .btn-editone': function (e, value, row, index) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
var table = $(this).closest('table');
|
|
if(table.length == 0){
|
|
table = $(this.$el);
|
|
}
|
|
var options = table.bootstrapTable('getOptions');
|
|
var ids = row[options.pk];
|
|
row = $.extend({}, row ? row : {}, {ids: ids});
|
|
var url = options.extend.edit_url;
|
|
Fast.api.open(Table.api.replaceurl(url, row, table), $(this).data("original-title") || $(this).attr("title") || __('编辑'), $(e.currentTarget).data() || {});
|
|
},
|
|
'click .btn-delone': function (e, value, row, index) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
var that = e.target;
|
|
var top = $(that).offset().top - $(window).scrollTop();
|
|
var left = $(that).offset().left - $(window).scrollLeft() - 260;
|
|
if (top + 154 > $(window).height()) {
|
|
top = top - 154;
|
|
}
|
|
if ($(window).width() < 480) {
|
|
top = left = undefined;
|
|
}
|
|
Layer.confirm(
|
|
__('确定删除这一条数据吗?'),
|
|
{icon: 3, title: __('警告'), offset: [top, left], shadeClose: true, btn: [__('确定'), __('取消')]},
|
|
function (index) {
|
|
var table = $(that).closest('table');
|
|
if(table.length == 0){
|
|
table = $(this.$el);
|
|
}
|
|
var options = table.bootstrapTable('getOptions');
|
|
Table.api.multi("del", row[options.pk], table, that);
|
|
Layer.close(index);
|
|
}
|
|
);
|
|
}
|
|
},//单元格图片预览
|
|
image: {
|
|
'click .img-center': function (e, value, row, index) {
|
|
var data = [];
|
|
value = value === null ? '' : value.toString();
|
|
var arr = value != '' ? value.split(",") : [];
|
|
debugger;
|
|
var url;
|
|
$.each(arr, function (index, value) {
|
|
url = Fast.api.cdnurl(value);
|
|
data.push({
|
|
src: url,
|
|
thumb: url.match(/^(\/|data:image\\)/) ? url : url + Config.upload_thumbstyle
|
|
});
|
|
});
|
|
Layer.photos({
|
|
photos: {
|
|
"start": 0,
|
|
"data": data
|
|
},
|
|
anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
|
|
});
|
|
},
|
|
}
|
|
},
|
|
// 单元格数据格式化
|
|
formatter: {
|
|
icon: function (value, row, index) {
|
|
value = value === null ? '' : value.toString();
|
|
value = value.indexOf(" ") > -1 ? value : "fa fa-" + value;
|
|
//渲染fontawesome图标
|
|
return '<i class="' + value + '"></i> ' + value;
|
|
},
|
|
image: function (value, row, index) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
value = value ? value : '/assets/img/blank.gif';
|
|
var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center previewitem';
|
|
var url = Fast.api.cdnurl(value, true);
|
|
url = url.match(/^(\/|data:image\\)/) ? url : url + Config.upload_thumbstyle;
|
|
return '<a href="javascript:"><img class="' + classname + '" src="' + url + '" /></a>';
|
|
},
|
|
images: function (value, row, index) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center previewitem';
|
|
var arr = value != '' ? value.split(',') : [];
|
|
var html = [];
|
|
var url;
|
|
$.each(arr, function (i, value) {
|
|
value = value ? value : '/assets/img/blank.gif';
|
|
url = Fast.api.cdnurl(value, true);
|
|
url = url.match(/^(\/|data:image\\)/) ? url : url + Config.upload_thumbstyle;
|
|
html.push('<a href="javascript:"><img class="' + classname + '" src="' + url + '" /></a>');
|
|
});
|
|
return html.join(' ');
|
|
},
|
|
file: function (value, row, index) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
value = Fast.api.cdnurl(value, true);
|
|
var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center';
|
|
var suffix = /[\.]?([a-zA-Z0-9]+)$/.exec(value);
|
|
suffix = suffix ? suffix[1] : 'file';
|
|
var url = Fast.api.fixurl("ajax/icon?suffix=" + suffix);
|
|
return '<a href="' + value + '" target="_blank"><img src="' + url + '" class="' + classname + '"></a>';
|
|
},
|
|
files: function (value, row, index) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center';
|
|
var arr = value != '' ? value.split(',') : [];
|
|
var html = [];
|
|
var suffix, url;
|
|
$.each(arr, function (i, value) {
|
|
value = Fast.api.cdnurl(value, true);
|
|
suffix = /[\.]?([a-zA-Z0-9]+)$/.exec(value);
|
|
suffix = suffix ? suffix[1] : 'file';
|
|
url = Fast.api.fixurl("ajax/icon?suffix=" + suffix);
|
|
html.push('<a href="' + value + '" target="_blank"><img src="' + url + '" class="' + classname + '"></a>');
|
|
});
|
|
return html.join(' ');
|
|
},
|
|
content: function (value, row, index) {
|
|
var width = this.width != undefined ? (this.width.toString().match(/^\d+$/) ? this.width + "px" : this.width) : "250px";
|
|
var hover = this.hover != undefined && this.hover ? "autocontent-hover" : "";
|
|
return "<div class='autocontent-item " + hover + "' style='white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:" + width + ";'>" + value + "</div>";
|
|
},
|
|
status: function (value, row, index) {
|
|
var custom = {normal: 'success', hidden: 'gray', deleted: 'danger', locked: 'info',normal: 'success', "-2": 'pink', "-1": 'danger', "0": 'dark', "1": 'primary', "2": 'success'};
|
|
if (typeof this.custom !== 'undefined') {
|
|
custom = $.extend(custom, this.custom);
|
|
}
|
|
this.custom = custom;
|
|
this.icon = 'badge badge-dot-xl badge-dot bg-'+custom[value];
|
|
// for (let i = 0; i < this.searchList.length; i++) {
|
|
// if(value===this.searchList[i].value){
|
|
// return '<span><span class="badge badge-dot-xl badge-dot bg-'+custom[value]+'"></span>'+this.searchList[i].label+'</span>';
|
|
// }
|
|
// }
|
|
return Table.api.formatter.normal.call(this, value, row, index);
|
|
},
|
|
switch: function (value, row, index) {
|
|
var custom = {normal: 'success', hidden: 'gray', deleted: 'danger', locked: 'info'};
|
|
if (typeof this.custom !== 'undefined') {
|
|
custom = $.extend(custom, this.custom);
|
|
}
|
|
var table = this.table;
|
|
var options = table ? table.bootstrapTable('getOptions') : {};
|
|
var pk = options.pk || "id";
|
|
var yes = typeof this.yes !== 'undefined' ? this.yes : 1;
|
|
var no = typeof this.no !== 'undefined' ? this.no : 0;
|
|
var url = typeof this.url !== 'undefined' ? this.url : '';
|
|
var confirm = '';
|
|
var disable = false;
|
|
if (typeof this.confirm !== "undefined") {
|
|
confirm = typeof this.confirm === "function" ? this.confirm.call(this, value, row, index) : this.confirm;
|
|
}
|
|
if (typeof this.disable !== "undefined") {
|
|
disable = typeof this.disable === "function" ? this.disable.call(this, value, row, index) : this.disable;
|
|
}
|
|
return '<label data-toggle="tooltip" title="' + __('点击切换') + '" class="lyear-switch switch-success switch-light btn-change ' + (disable ? 'btn disabled no-padding' : '') + '" data-index="' + index + '" data-id="'
|
|
+ row[pk] + '" ' + (url ? "data-url='" + url + "'" : "") + (confirm ? "data-confirm='" + confirm + "'" : "") + ' data-params="' + this.field + "=" + (value == yes ? no : yes) + '"><input type="checkbox" '+(value ? 'checked' : '')+'><span></span></label>';
|
|
},
|
|
normal: function (value, row, index) {
|
|
var colorArr = ["primary", "success", "danger", "warning", "info", "gray", "red", "yellow", "aqua", "blue", "navy", "teal", "olive", "lime", "fuchsia", "purple", "maroon"];
|
|
var custom = {};
|
|
if (typeof this.custom !== 'undefined') {
|
|
custom = $.extend(custom, this.custom);
|
|
}
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
var keys = typeof this.searchList === 'object' ? Object.keys(this.searchList) : [];
|
|
var index = keys.indexOf(value);
|
|
var color = value && typeof custom[value] !== 'undefined' ? custom[value] : null;
|
|
var display = index > -1 ? (typeof this.searchList[value] == 'object' ? this.searchList[value].label : this.searchList[value]) : null;
|
|
var icon = typeof this.icon !== 'undefined' ? this.icon : null;
|
|
if (!color) {
|
|
color = index > -1 && typeof colorArr[index] !== 'undefined' ? colorArr[index] : 'primary';
|
|
}
|
|
if (!display) {
|
|
display = __(value.charAt(0).toUpperCase() + value.slice(1));
|
|
}
|
|
var html = '<span class="text-' + color + '">' + (icon ? '<i class="' + icon + '"></i> ' : '') + display + '</span>';
|
|
if (this.operate != false) {
|
|
html = '<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('点击搜索 %s', display) + '" data-field="' + this.field + '" data-value="' + value + '">' + html + '</a>';
|
|
}
|
|
return html;
|
|
},
|
|
toggle: function (value, row, index) {
|
|
var table = this.table;
|
|
var options = table ? table.bootstrapTable('getOptions') : {};
|
|
var pk = options.pk || "id";
|
|
var color = typeof this.color !== 'undefined' ? this.color : 'success';
|
|
var yes = typeof this.yes !== 'undefined' ? this.yes : 1;
|
|
var no = typeof this.no !== 'undefined' ? this.no : 0;
|
|
var url = typeof this.url !== 'undefined' ? this.url : '';
|
|
var confirm = '';
|
|
var disable = false;
|
|
if (typeof this.confirm !== "undefined") {
|
|
confirm = typeof this.confirm === "function" ? this.confirm.call(this, value, row, index) : this.confirm;
|
|
}
|
|
if (typeof this.disable !== "undefined") {
|
|
disable = typeof this.disable === "function" ? this.disable.call(this, value, row, index) : this.disable;
|
|
}
|
|
return "<a href='javascript:;' data-toggle='tooltip' title='" + __('点击切换') + "' class='btn-change " + (disable ? 'btn disabled no-padding' : '') + "' data-index='" + index + "' data-id='"
|
|
+ row[pk] + "' " + (url ? "data-url='" + url + "'" : "") + (confirm ? "data-confirm='" + confirm + "'" : "") + " data-params='" + this.field + "=" + (value == yes ? no : yes) + "'><i class='fa fa-toggle-on text-success text-" + color + " " + (value == yes ? '' : 'fa-flip-horizontal text-gray') + " fa-2x'></i></a>";
|
|
},
|
|
url: function (value, row, index) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
return '<div class="input-group input-group-sm" style="width:250px;margin:0 auto;"><input type="text" class="form-control input-sm" value="' + value + '"><span class="input-group-btn input-group-sm"><a href="' + value + '" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-link"></i></a></span></div>';
|
|
},
|
|
search: function (value, row, index) {
|
|
var field = this.field;
|
|
if (typeof this.customField !== 'undefined' && typeof row[this.customField] !== 'undefined') {
|
|
value = row[this.customField];
|
|
field = this.customField;
|
|
}
|
|
return '<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('点击搜索 %s', value) + '" data-field="' + field + '" data-value="' + value + '">' + value + '</a>';
|
|
},
|
|
addtabs: function (value, row, index) {
|
|
var url = Table.api.replaceurl(this.url || '', row, this.table);
|
|
var title = this.atitle ? this.atitle : __("搜索 %s", value);
|
|
return '<a href="' + Fast.api.fixurl(url) + '" class="addtabsit" data-value="' + value + '" title="' + title + '">' + value + '</a>';
|
|
},
|
|
dialog: function (value, row, index) {
|
|
var url = Table.api.replaceurl(this.url || '', row, this.table);
|
|
var title = this.atitle ? this.atitle : __("查看 %s", value);
|
|
return '<a href="' + Fast.api.fixurl(url) + '" class="dialogit" data-value="' + value + '" title="' + title + '">' + value + '</a>';
|
|
},
|
|
flag: function (value, row, index) {
|
|
var that = this;
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
var colorArr = {index: 'success', hot: 'warning', recommend: 'danger', 'new': 'info'};
|
|
//如果字段列有定义custom
|
|
if (typeof this.custom !== 'undefined') {
|
|
colorArr = $.extend(colorArr, this.custom);
|
|
}
|
|
var field = this.field;
|
|
if (typeof this.customField !== 'undefined' && typeof row[this.customField] !== 'undefined') {
|
|
value = row[this.customField];
|
|
field = this.customField;
|
|
}
|
|
if (typeof that.searchList === 'object' && typeof that.custom === 'undefined') {
|
|
var i = 0;
|
|
var searchValues = Object.values(colorArr);
|
|
$.each(that.searchList, function (key, val) {
|
|
if (typeof colorArr[key] == 'undefined') {
|
|
colorArr[key] = searchValues[i];
|
|
i = typeof searchValues[i + 1] === 'undefined' ? 0 : i + 1;
|
|
}
|
|
});
|
|
}
|
|
|
|
//渲染Flag
|
|
var html = [];
|
|
var arr = value != '' ? value.split(',') : [];
|
|
var color, display, label;
|
|
$.each(arr, function (i, value) {
|
|
value = value == null || value.length === 0 ? '' : value.toString();
|
|
if (value == '')
|
|
return true;
|
|
color = value && typeof colorArr[value] !== 'undefined' ? colorArr[value] : 'primary';
|
|
display = typeof that.searchList !== 'undefined' && typeof that.searchList[value] !== 'undefined' ? that.searchList[value] : __(value.charAt(0).toUpperCase() + value.slice(1));
|
|
label = '<span class="label label-' + color + '">' + display + '</span>';
|
|
if (that.operate) {
|
|
html.push('<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('点击搜索 %s', display) + '" data-field="' + field + '" data-value="' + value + '">' + label + '</a>');
|
|
} else {
|
|
html.push(label);
|
|
}
|
|
});
|
|
return html.join(' ');
|
|
},
|
|
label: function (value, row, index) {
|
|
return Table.api.formatter.flag.call(this, value, row, index);
|
|
},
|
|
datetime: function (value, row, index) {
|
|
var datetimeFormat = typeof this.datetimeFormat === 'undefined' ? 'YYYY-MM-DD HH:mm:ss' : this.datetimeFormat;
|
|
if (isNaN(value)) {
|
|
return value ? Moment(value).format(datetimeFormat) : __('None');
|
|
} else {
|
|
return value ? Moment(parseInt(value) * 1000).format(datetimeFormat) : __('None');
|
|
}
|
|
},
|
|
operate: function (value, row, index) {
|
|
var table = this.table;
|
|
// 操作配置
|
|
var options = table ? table.bootstrapTable('getOptions') : {};
|
|
// 默认按钮组
|
|
var buttons = $.extend([], this.buttons || []);
|
|
// 所有按钮名称
|
|
var names = [];
|
|
buttons.forEach(function (item) {
|
|
names.push(item.name);
|
|
});
|
|
if (options.extend.dragsort_url !== '' && names.indexOf('dragsort') === -1) {
|
|
buttons.push(Table.button.dragsort);
|
|
}
|
|
if (options.extend.edit_url !== '' && names.indexOf('edit') === -1) {
|
|
Table.button.edit.url = options.extend.edit_url;
|
|
buttons.push(Table.button.edit);
|
|
}
|
|
if (options.extend.del_url !== '' && names.indexOf('del') === -1) {
|
|
buttons.push(Table.button.del);
|
|
}
|
|
return Table.api.buttonlink(this, buttons, value, row, index, 'operate');
|
|
}
|
|
,
|
|
buttons: function (value, row, index) {
|
|
// 默认按钮组
|
|
var buttons = $.extend([], this.buttons || []);
|
|
return Table.api.buttonlink(this, buttons, value, row, index, 'buttons');
|
|
},
|
|
number:function(number) {
|
|
if (number === '') {
|
|
return 0
|
|
} else {
|
|
number=parseFloat(number).toFixed(4)+'';
|
|
if (number.toString().includes('.')) {
|
|
// parseFloat会自动去掉0 Number()也可以
|
|
return parseFloat(number)
|
|
} else {
|
|
return number
|
|
}
|
|
|
|
}
|
|
},
|
|
address:function(v,d){
|
|
if(!v){return '-';}
|
|
if(v.toString().substring(0,2) == '0x'|| d.network == 'BEP-20'){
|
|
return '<a href="https://bscscan.com/address/'+v+'#tokentxns" target="_blank" data-address="'+v+'">'+v+'</a>';
|
|
}else{
|
|
return '<a href="https://tronscan.org/#/address/'+v+'/transfers" target="_blank" data-address="'+v+'">'+v+'</a>';
|
|
}
|
|
},
|
|
txid:function(v,d){
|
|
if(!v){return '-';}
|
|
if(v.toString().substring(0,2) == '0x'|| d.network == 'BEP-20'){
|
|
return '<a href="https://bscscan.com/tx/'+v+'" target="_blank" data-address="'+v+'">'+v+'</a>';
|
|
}else{
|
|
return '<a href="https://tronscan.org/#/transaction/'+v+'" target="_blank" data-address="'+v+'">'+v+'</a>';
|
|
}
|
|
},
|
|
},
|
|
buttonlink: function (column, buttons, value, row, index, type) {
|
|
var table = column.table;
|
|
column.clickToSelect = false;
|
|
type = typeof type === 'undefined' ? 'buttons' : type;
|
|
var options = table ? table.bootstrapTable('getOptions') : {};
|
|
var html = [];
|
|
var hidden, visible, disable, url, classname, icon, text, title, refresh, confirm, extend,
|
|
dropdown, link;
|
|
var fieldIndex = column.fieldIndex;
|
|
var dropdowns = {};
|
|
|
|
$.each(buttons, function (i, j) {
|
|
if (type === 'operate') {
|
|
if (j.name === 'dragsort' && typeof row[Table.config.dragsortfield] === 'undefined') {
|
|
return true;
|
|
}
|
|
if (['add', 'edit', 'del', 'multi', 'dragsort'].indexOf(j.name) > -1 && !options.extend[j.name + "_url"]) {
|
|
return true;
|
|
}
|
|
}
|
|
var attr = table.data(type + "-" + j.name);
|
|
if (typeof attr === 'undefined' || attr) {
|
|
hidden = typeof j.hidden === 'function' ? j.hidden.call(table, row, j) : (typeof j.hidden !== 'undefined' ? j.hidden : false);
|
|
if (hidden) {
|
|
return true;
|
|
}
|
|
visible = typeof j.visible === 'function' ? j.visible.call(table, row, j) : (typeof j.visible !== 'undefined' ? j.visible : true);
|
|
if (!visible) {
|
|
return true;
|
|
}
|
|
dropdown = j.dropdown ? j.dropdown : '';
|
|
url = j.url ? j.url : '';
|
|
url = typeof url === 'function' ? url.call(table, row, j) : (url ? Fast.api.fixurl(Table.api.replaceurl(url, row, table)) : 'javascript:;');
|
|
classname = j.classname ? j.classname : (dropdown ? 'btn-' + name + 'one' : 'btn-primary btn-' + name + 'one');
|
|
icon = j.icon ? j.icon : '';
|
|
text = typeof j.text === 'function' ? j.text.call(table, row, j) : j.text ? j.text : '';
|
|
title = typeof j.title === 'function' ? j.title.call(table, row, j) : j.title ? j.title : text;
|
|
refresh = j.refresh ? 'data-refresh="' + j.refresh + '"' : '';
|
|
confirm = typeof j.confirm === 'function' ? j.confirm.call(table, row, j) : (typeof j.confirm !== 'undefined' ? j.confirm : false);
|
|
confirm = confirm ? 'data-confirm="' + confirm + '"' : '';
|
|
extend = typeof j.extend === 'function' ? j.extend.call(table, row, j) : (typeof j.extend !== 'undefined' ? j.extend : '');
|
|
disable = typeof j.disable === 'function' ? j.disable.call(table, row, j) : (typeof j.disable !== 'undefined' ? j.disable : false);
|
|
if (disable) {
|
|
classname = classname + ' disabled';
|
|
}
|
|
link = '<a href="' + url + '" class="' + classname + '" ' + (confirm ? confirm + ' ' : '') + (refresh ? refresh + ' ' : '') + extend + ' title="' + title + '" data-table-id="' + (table ? table.attr("id") : '') + '" data-field-index="' + fieldIndex + '" data-row-index="' + index + '" data-button-index="' + i + '"><i class="' + icon + '"></i>' + (text ? ' ' + text : '') + '</a>';
|
|
if (dropdown) {
|
|
if (typeof dropdowns[dropdown] == 'undefined') {
|
|
dropdowns[dropdown] = [];
|
|
}
|
|
dropdowns[dropdown].push(link);
|
|
} else {
|
|
html.push(link);
|
|
}
|
|
}
|
|
});
|
|
if (!$.isEmptyObject(dropdowns)) {
|
|
var dropdownHtml = [];
|
|
$.each(dropdowns, function (i, j) {
|
|
dropdownHtml.push('<div class="btn-group"><button type="button" class="btn btn-primary dropdown-toggle btn-xs" data-toggle="dropdown">' + i + '</button><button type="button" class="btn btn-primary dropdown-toggle btn-xs" data-toggle="dropdown"><span class="caret"></span></button><ul class="dropdown-menu dropdown-menu-right"><li>' + j.join('</li><li>') + '</li></ul></div>');
|
|
});
|
|
html.unshift(dropdownHtml);
|
|
}
|
|
return html.join(' ');
|
|
},
|
|
//替换URL中的数据
|
|
replaceurl: function (url, row, table) {
|
|
var options = table ? table.bootstrapTable('getOptions') : null;
|
|
var ids = options ? row[options.pk] : 0;
|
|
row.ids = ids ? ids : (typeof row.ids !== 'undefined' ? row.ids : 0);
|
|
url = url == null || url.length === 0 ? '' : url.toString();
|
|
//自动添加ids参数
|
|
url = !url.match(/(?=([?&]ids=)|(\/ids\/)|(\{ids}))/i) ?
|
|
url + (url.match(/(\?|&)+/) ? "&ids=" : "?ids=") + '{ids}' : url;
|
|
url = url.replace(/\{(.*?)\}/gi, function (matched) {
|
|
matched = matched.substring(1, matched.length - 1);
|
|
if (matched.indexOf(".") !== -1) {
|
|
var temp = row;
|
|
var arr = matched.split(/\./);
|
|
for (var i = 0; i < arr.length; i++) {
|
|
if (typeof temp[arr[i]] !== 'undefined') {
|
|
temp = temp[arr[i]];
|
|
}
|
|
}
|
|
return typeof temp === 'object' ? '' : temp;
|
|
}
|
|
return row[matched];
|
|
});
|
|
return url;
|
|
},
|
|
// 获取选中的条目ID集合
|
|
selectedids: function (table, current) {
|
|
var options = table.bootstrapTable('getOptions');
|
|
//如果有设置翻页记忆模式
|
|
if (!current && options.maintainSelected) {
|
|
return options.selectedIds;
|
|
}
|
|
return $.map(table.bootstrapTable('getSelections'), function (row) {
|
|
return row[options.pk];
|
|
});
|
|
},
|
|
//获取选中的数据
|
|
selecteddata: function (table, current) {
|
|
var options = table.bootstrapTable('getOptions');
|
|
//如果有设置翻页记忆模式
|
|
if (!current && options.maintainSelected) {
|
|
return options.selectedData;
|
|
}
|
|
return table.bootstrapTable('getSelections');
|
|
},
|
|
// 切换复选框状态
|
|
toggleattr: function (table) {
|
|
$("input[type='checkbox']", table).trigger('click');
|
|
},
|
|
// 根据行索引获取行数据
|
|
getrowdata: function (table, index) {
|
|
index = parseInt(index);
|
|
var data = table.bootstrapTable('getData');
|
|
return typeof data[index] !== 'undefined' ? data[index] : null;
|
|
},
|
|
// 根据行索引获取行数据
|
|
getrowbyindex: function (table, index) {
|
|
return Table.api.getrowdata(table, index);
|
|
},
|
|
// 根据主键ID获取行数据
|
|
getrowbyid: function (table, id) {
|
|
var row = {};
|
|
var options = table.bootstrapTable("getOptions");
|
|
$.each(Table.api.selecteddata(table), function (i, j) {
|
|
if (j[options.pk] == id) {
|
|
row = j;
|
|
return false;
|
|
}
|
|
});
|
|
return row;
|
|
}
|
|
},
|
|
};
|
|
return Table;
|
|
});
|