github
/
RuoYi
mirror of https://gitee.com/y_project/RuoYi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

新增表格浮动提示方法

pull/69/head
RuoYi 2019-01-25 17:48:17 +08:00
parent 6b74dcb95f
commit 894090c39f
2 changed files with 49 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js
View File

@ -40,32 +40,33 @@
escape: _escape, // 转义HTML字符串 escape: _escape, // 转义HTML字符串
showFooter: _showFooter, // 是否显示表尾 showFooter: _showFooter, // 是否显示表尾
iconSize: 'outline', // 图标大小：undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮 iconSize: 'outline', // 图标大小：undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮
toolbar: '#toolbar', // 指定工作栏 toolbar: '#toolbar', // 指定工作栏
sidePagination: "server", // 启用服务端分页 sidePagination: "server", // 启用服务端分页
search: $.common.visible(options.search), // 是否显示搜索框功能 search: $.common.visible(options.search), // 是否显示搜索框功能
showSearch: $.common.visible(options.showSearch), // 是否显示检索信息 showSearch: $.common.visible(options.showSearch), // 是否显示检索信息
showRefresh: $.common.visible(options.showRefresh), // 是否显示刷新按钮 showRefresh: $.common.visible(options.showRefresh), // 是否显示刷新按钮
showColumns: $.common.visible(options.showColumns), // 是否显示隐藏某列下拉框 showColumns: $.common.visible(options.showColumns), // 是否显示隐藏某列下拉框
showToggle: $.common.visible(options.showToggle), // 是否显示详细视图和列表视图的切换按钮 showToggle: $.common.visible(options.showToggle), // 是否显示详细视图和列表视图的切换按钮
showExport: $.common.visible(options.showExport), // 是否支持导出文件 showExport: $.common.visible(options.showExport), // 是否支持导出文件
fixedColumns: _fixedColumns, // 是否启用冻结列（左侧） fixedColumns: _fixedColumns, // 是否启用冻结列（左侧）
fixedNumber: _fixedNumber, // 列冻结的个数（左侧） fixedNumber: _fixedNumber, // 列冻结的个数（左侧）
rightFixedColumns: _rightFixedColumns, // 是否启用冻结列（右侧） rightFixedColumns: _rightFixedColumns, // 是否启用冻结列（右侧）
rightFixedNumber: _rightFixedNumber, // 列冻结的个数（右侧） rightFixedNumber: _rightFixedNumber, // 列冻结的个数（右侧）
queryParams: $.table._params, // 传递参数（*） queryParams: $.table._params, // 传递参数（*）
columns: options.columns, // 显示列信息（*） columns: options.columns, // 显示列信息（*）
responseHandler: $.table.responseHandler // 回调函数 responseHandler: $.table.responseHandler, // 回调函数
onLoadSuccess: $.table.onLoadSuccess, // 回调函数
}); });
}, },
// 查询条件 // 查询条件
queryParams: function(params) { queryParams: function(params) {
return { return {
// 传递参数查询参数 // 传递参数查询参数
pageSize: params.limit, pageSize: params.limit,
pageNum: params.offset / params.limit + 1, pageNum: params.offset / params.limit + 1,
searchValue: params.search, searchValue: params.search,
orderByColumn: params.sort, orderByColumn: params.sort,
isAsc: params.order isAsc: params.order
}; };
}, },
// 请求获取数据后处理回调函数 // 请求获取数据后处理回调函数
@ -73,10 +74,14 @@
if (res.code == 0) { if (res.code == 0) {
return { rows: res.rows, total: res.total }; return { rows: res.rows, total: res.total };
} else { } else {
$.modal.alertWarning(res.msg); $.modal.alertWarning(res.msg);
return { rows: [], total: 0 }; return { rows: [], total: 0 };
} }
}, },
// 当所有数据被加载时触发
onLoadSuccess: function(data) {
$("[data-toggle='tooltip']").tooltip();
},
// 序列号生成 // 序列号生成
serialNumber: function (index) { serialNumber: function (index) {
var table = $('#bootstrap-table').bootstrapTable('getOptions'); var table = $('#bootstrap-table').bootstrapTable('getOptions');
@ -84,20 +89,31 @@
var pageNumber = table.pageNumber; var pageNumber = table.pageNumber;
return pageSize * (pageNumber - 1) + index + 1; return pageSize * (pageNumber - 1) + index + 1;
}, },
// 超出指定长度浮动提示
tooltip: function (value, length) {
var _length = $.common.isEmpty(length) ? 12 : length;
var _text = "";
if (value.length > _length) {
_text = value.substr(0, _length);
} else {
_text = value;
}
return '<a href="#" class="tooltip-show" data-toggle="tooltip" title="' + value + '">' + _text +'</a>';
},
// 搜索-默认第一个form // 搜索-默认第一个form
search: function(formId) { search: function(formId) {
var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId; var currentId = $.common.isEmpty(formId) ? $('form').attr('id') : formId;
var params = $("#bootstrap-table").bootstrapTable('getOptions'); var params = $("#bootstrap-table").bootstrapTable('getOptions');
params.queryParams = function(params) { params.queryParams = function(params) {
var search = {}; var search = {};
$.each($("#" + currentId).serializeArray(), function(i, field) { $.each($("#" + currentId).serializeArray(), function(i, field) {
search[field.name] = field.value; search[field.name] = field.value;
}); });
search.pageSize = params.limit; search.pageSize = params.limit;
search.pageNum = params.offset / params.limit + 1; search.pageNum = params.offset / params.limit + 1;
search.searchValue = params.search; search.searchValue = params.search;
search.orderByColumn = params.sort; search.orderByColumn = params.sort;
search.isAsc = params.order; search.isAsc = params.order;
return search; return search;
} }
$("#bootstrap-table").bootstrapTable('refresh', params); $("#bootstrap-table").bootstrapTable('refresh', params);

8
ruoyi-admin/src/main/resources/templates/system/config/config.html
View File

@ -102,6 +102,14 @@
return $.table.selectDictLabel(datas, value); return $.table.selectDictLabel(datas, value);
} }
}, },
{
field: 'remark',
title: '备注',
align: 'center',
formatter: function(value, row, index) {
return $.table.tooltip(value);
}
},
{ {
field: 'createTime', field: 'createTime',
title: '创建时间' title: '创建时间'