补充监查访视问题模块内容、翻页功能UI统一

This commit is contained in:
Cheng Zhou
2026-02-28 09:51:13 +08:00
parent db2d38edbc
commit af0c1b4b7d
16 changed files with 2372 additions and 84 deletions
+20 -11
View File
@@ -71,15 +71,18 @@
</template>
</el-table-column>
</el-table>
<el-pagination
background
layout="prev, pager, next, total"
:page-size="pageSize"
:total="total"
v-model:current-page="page"
@current-change="loadUsers"
class="pagination"
/>
<div class="pagination-wrap" v-if="total > 0">
<el-pagination
v-model:current-page="page"
v-model:page-size="pageSize"
:page-sizes="[5, 10, 20]"
:total="total"
layout="prev, pager, next, sizes, total"
small
@current-change="loadUsers"
@size-change="onPageSizeChange"
/>
</div>
</div>
</el-card>
<UserForm v-model:visible="formVisible" :user="editingUser" :admin-count="activeAdminCount" @saved="loadUsers" />
@@ -170,6 +173,12 @@ const loadUsers = async () => {
}
};
const onPageSizeChange = (size: number) => {
pageSize.value = size;
page.value = 1;
loadUsers();
};
const openCreate = () => {
editingUser.value = null;
formVisible.value = true;
@@ -309,8 +318,8 @@ onMounted(() => {
padding-bottom: 12px;
}
.pagination {
margin-top: 12px;
.pagination-wrap {
margin-top: 14px;
display: flex;
justify-content: flex-end;
}