lanyuanxiaoyao/digtal-market
1
0
Fork 0
Code Activity

feat: 增加分页工具栏和标签

Browse Source
This commit is contained in:
兰缘小妖
2024-11-04 18:48:40 +08:00
parent b8c253d522
commit 30b75693c1
2 changed files with 67 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/kotlin/com/lanyuanxiaoyao/digtal/market/controller/OverviewController.kt
View File

@@ -31,14 +31,15 @@ class OverviewController {
"items" to result.content.map {
val iframe = (sites.firstOrNull { site -> site.code == it.code }?.properties?.get("iframe")?: "false").toBoolean()
mapOf(
"code" to code,
"code" to it.code,
"title" to it.title,
"subtitle" to it.subtitle,
"author" to it.author,
"description" to it.description,
"url" to it.url,
"createTime" to it.createTime,
"iframe" to iframe
"iframe" to iframe,
"category" to it.category,
)
},
"total" to result.totalElements,

92
src/main/resources/static/component/overview-tab.js
View File

@@ -1,3 +1,31 @@
function pagination() {
return {
type: 'pagination',
layout: 'total,perPage,pager',
model: 'normal',
maxButtons: 10,
showPageInput: false,
perPageAvailable: [10, 15, 20],
activePage: '${page|default:1}',
total: '${total|default:0}',
className: 'text-right',
onEvent: {
change: {
actions: [
{
actionType: 'reload',
componentId: 'news_list',
args: {
page: '${event.data.page}',
count: '${event.data.perPage}',
}
}
]
}
}
}
}
function overviewTab() {
return {
title: '总览',
@@ -14,6 +42,18 @@ function overviewTab() {
}
},
body: [
{
type: 'action',
icon: 'fa fa-refresh',
label: '刷新',
className: 'mb-2',
actionType: 'reload',
target: 'news_list',
},
{
...pagination(),
className: 'float-right',
},
{
type: 'list',
listItem: {
@@ -92,38 +132,34 @@ function overviewTab() {
tpl: '${description}',
},
{
type: 'tpl',
className: 'text-sm font-medium mt-1 text-dark',
tpl: '${DATETOSTR(DATE(createTime), \'YYYY-MM-DD HH:mm\')} ${author}',
type: 'wrapper',
size: 'none',
className: 'mt-2',
body: [
{
type: 'tag',
label: '${DATETOSTR(DATE(createTime), \'YYYY-MM-DD HH:mm\')}',
displayMode: 'rounded',
color: '#4096ff',
},
{
type: 'tag',
label: '${category}',
displayMode: 'rounded',
color: '#2fa15d',
},
{
type: 'tag',
label: '${author}',
displayMode: 'rounded',
color: '#ff8888',
},
]
},
]
},
},
{
type: 'pagination',
layout: 'total,perPage,pager',
model: 'normal',
maxButtons: 10,
showPageInput: false,
perPageAvailable: [10, 15, 20],
activePage: '${page|default:1}',
total: '${total|default:0}',
className: 'text-right',
onEvent: {
change: {
actions: [
{
actionType: 'reload',
componentId: 'news_list',
args: {
page: '${event.data.page}',
count: '${event.data.perPage}',
}
}
]
}
}
}
pagination(),
]
}
}