This commit is contained in:
jxxghp
2024-04-12 21:31:24 +08:00
parent 4ea65727a1
commit 2401f38e9f
+5 -9
View File
@@ -128,6 +128,7 @@ watch(
async () => { async () => {
await fetchData({ page: currentPage.value, itemsPerPage: itemsPerPage.value }) await fetchData({ page: currentPage.value, itemsPerPage: itemsPerPage.value })
}) })
// 切换每页条数 // 切换每页条数
watch( watch(
() => itemsPerPage.value, () => itemsPerPage.value,
@@ -362,7 +363,7 @@ fixArrayAt()
</script> </script>
<template> <template>
<VCard class="pb-5"> <VCard>
<VCardItem> <VCardItem>
<VCardTitle> <VCardTitle>
<VRow> <VRow>
@@ -375,7 +376,7 @@ fixArrayAt()
v-model="searchFolder" v-model="searchFolder"
class="text-disabled mr-3 d-none d-md-block" class="text-disabled mr-3 d-none d-md-block"
density="compact" density="compact"
label="搜索目录" label="目录筛选"
prepend-inner-icon="mdi-folder-search" prepend-inner-icon="mdi-folder-search"
variant="solo-filled" variant="solo-filled"
single-line single-line
@@ -564,7 +565,7 @@ fixArrayAt()
</template> </template>
</VDataTableVirtual> </VDataTableVirtual>
<div class="flex items-center justify-end"> <div class="flex items-center justify-end">
<div class="!w-[90px] ml-[8px]"> <div class="w-auto">
<VSelect <VSelect
v-model="itemsPerPage" v-model="itemsPerPage"
:items="pageRange" :items="pageRange"
@@ -574,7 +575,7 @@ fixArrayAt()
size="small" size="small"
/> />
</div> </div>
<span class="page-text px-[16px]">{{pageTip.begin}}-{{pageTip.end}} / {{totalItems}}</span> <div class="w-auto text-sm">{{pageTip.begin}}-{{pageTip.end}} / {{totalItems}}</div>
<VPagination <VPagination
v-model="currentPage" v-model="currentPage"
show-first-last-page show-first-last-page
@@ -664,9 +665,4 @@ fixArrayAt()
.data-table-div { .data-table-div {
block-size: calc(100vh - 15.5rem); block-size: calc(100vh - 15.5rem);
} }
.page-text {
color: rgba(58, 53, 65, 60%);
font-size: 14px;
}
</style> </style>