优化Layer弹窗

优化表格Loading
优化个人日志搜索
优化附件列表
pull/341/head
Karson 2021-07-21 18:30:03 +08:00
parent 8925cbc9f7
commit 3d9805eea7
11 changed files with 75 additions and 22 deletions

View File

@ -16,6 +16,8 @@ use think\Validate;
class Profile extends Backend
{
protected $searchFields = 'id,title';
/**
* 查看
*/

View File

@ -28,7 +28,7 @@
"fastadmin-dragsort": "~1.0.0",
"fastadmin-addtabs": "~1.0.5",
"fastadmin-selectpage": "~1.0.6",
"fastadmin-layer": "~3.1.2",
"fastadmin-layer": "~3.5.1",
"bootstrap-slider": "*"
}
}

View File

@ -755,6 +755,9 @@ form.form-horizontal .control-label {
.dropdown-menu.text-left li {
text-align: left !important;
}
.bootstrap-table .fixed-table-loading {
padding: 10px 0;
}
.bootstrap-table .fixed-table-toolbar .dropdown-menu {
overflow: auto;
}
@ -875,14 +878,16 @@ table.table-nowrap thead > tr > th {
background: #2c3e50 !important;
color: #fff !important;
border-bottom: none;
height: 45px;
line-height: 45px;
}
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin {
top: 0px;
height: 42px;
height: 45px;
}
.layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a {
height: 42px;
line-height: 42px;
height: 45px;
line-height: 45px;
display: inline-block;
}
.layui-layer-fast.layui-layer-border {
@ -921,6 +926,18 @@ table.table-nowrap thead > tr > th {
height: auto;
text-align: inherit !important;
}
.layui-layer-fast .layui-layer-confirm {
position: absolute;
width: 1px;
height: 1px;
left: 0;
bottom: 0;
border: none;
background: transparent;
}
.layui-layer-fast .layui-layer-tab .layui-layer-title span.layui-this {
height: 46px;
}
.layui-layer-fast .layui-layer-setwin > a {
background: none !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -39,7 +39,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template'], function
},
{
field: 'id',
title: '<a href="javascript:;" class="btn btn-success btn-xs btn-toggle"><i class="fa fa-chevron-up"></i></a>',
title: '<a href="javascript:;" class="btn btn-success btn-xs btn-toggle" style="border-top:none;"><i class="fa fa-chevron-up"></i></a>',
operate: false,
formatter: Controller.api.formatter.subnode
},

View File

@ -41,7 +41,7 @@ define(['jquery', 'bootstrap', 'backend', 'form', 'table'], function ($, undefin
{field: 'imageheight', title: __('Imageheight'), sortable: true},
{field: 'imagetype', title: __('Imagetype'), sortable: true, formatter: Table.api.formatter.search, operate: 'like'},
{field: 'storage', title: __('Storage'), formatter: Table.api.formatter.search, operate: 'like'},
{field: 'mimetype', title: __('Mimetype'), formatter: Table.api.formatter.search},
{field: 'mimetype', title: __('Mimetype'), formatter: Controller.api.formatter.mimetype},
{
field: 'createtime',
title: __('Createtime'),
@ -142,7 +142,8 @@ define(['jquery', 'bootstrap', 'backend', 'form', 'table'], function ($, undefin
field: 'mimetype', title: __('Mimetype'), sortable: true, operate: 'LIKE %...%',
process: function (value, arg) {
return value.replace(/\*/g, '%');
}
},
formatter: Controller.api.formatter.mimetype
},
{field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime, datetimeFormat: 'YYYY-MM-DD', operate: 'RANGE', addclass: 'datetimerange', sortable: true},
{
@ -187,17 +188,22 @@ define(['jquery', 'bootstrap', 'backend', 'form', 'table'], function ($, undefin
},
formatter: {
thumb: function (value, row, index) {
var html = '';
if (row.mimetype.indexOf("image") > -1) {
return '<a href="' + row.fullurl + '" target="_blank"><img src="' + row.fullurl + row.thumb_style + '" alt="" style="max-height:60px;max-width:120px"></a>';
html = '<a href="' + row.fullurl + '" target="_blank"><img src="' + row.fullurl + row.thumb_style + '" alt="" style="max-height:60px;max-width:120px"></a>';
} else {
return '<a href="' + row.fullurl + '" target="_blank"><img src="' + Fast.api.fixurl("ajax/icon") + "?suffix=" + row.imagetype + '" alt="" style="max-height:90px;max-width:120px"></a>';
html = '<a href="' + row.fullurl + '" target="_blank"><img src="' + Fast.api.fixurl("ajax/icon") + "?suffix=" + row.imagetype + '" alt="" style="max-height:90px;max-width:120px"></a>';
}
return '<div style="width:120px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + html + '</div>';
},
url: function (value, row, index) {
return '<a href="' + row.fullurl + '" target="_blank" class="label bg-green">' + row.url + '</a>';
},
filename: function (value, row, index) {
return '<div style="width:180px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + Table.api.formatter.search.call(this, value, row, index) + '</div>';
return '<div style="width:150px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + Table.api.formatter.search.call(this, value, row, index) + '</div>';
},
mimetype: function (value, row, index) {
return '<div style="width:80px;margin:0 auto;text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;">' + Table.api.formatter.search.call(this, value, row, index) + '</div>';
},
}
}

View File

@ -26,8 +26,8 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'upload'], function (
[
{field: 'id', title: 'ID'},
{field: 'title', title: __('Title')},
{field: 'url', title: __('Url'), align: 'left', formatter: Table.api.formatter.url},
{field: 'ip', title: __('ip'), formatter:Table.api.formatter.search},
{field: 'url', title: __('Url'), formatter: Table.api.formatter.url},
{field: 'ip', title: __('IP')},
{field: 'createtime', title: __('Createtime'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
]
],

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -933,6 +933,10 @@ form.form-horizontal .control-label {
}
}
.bootstrap-table .fixed-table-loading {
padding: 10px 0;
}
.bootstrap-table .fixed-table-toolbar .dropdown-menu {
overflow: auto;
}
@ -1067,14 +1071,16 @@ table.table-nowrap {
background: #2c3e50 !important;
color: #fff !important;
border-bottom: none;
height: 45px;
line-height: 45px;
//只有当包含layui-layer-title标题时才显示按钮
~ .layui-layer-setwin {
top: 0px;
height: 42px;
height: 45px;
> a {
height: 42px;
line-height: 42px;
height: 45px;
line-height: 45px;
display: inline-block;
}
}
@ -1124,6 +1130,20 @@ table.table-nowrap {
text-align: inherit !important;
}
.layui-layer-confirm {
position: absolute;
width: 1px;
height: 1px;
left: 0;
bottom: 0;
border: none;
background: transparent;
}
.layui-layer-tab .layui-layer-title span.layui-this {
height:46px;
}
.layui-layer-setwin {
> a {
background: none !important;