diff --git a/main/manager-web/src/views/ModelConfig.vue b/main/manager-web/src/views/ModelConfig.vue index 2f5a5dae..fea419a0 100644 --- a/main/manager-web/src/views/ModelConfig.vue +++ b/main/manager-web/src/views/ModelConfig.vue @@ -99,6 +99,16 @@
+ + + + + + @@ -141,6 +151,7 @@ export default { ttsDialogVisible: false, selectedTtsModelId: '', modelList: [], + pageSizeOptions: [5, 10, 20, 50, 100], currentPage: 1, pageSize: 5, total: 0, @@ -796,6 +807,7 @@ export default { /* 导航按钮样式 (首页、上一页、下一页) */ .pagination-btn:first-child, .pagination-btn:nth-child(2), + .pagination-btn:nth-child(3), .pagination-btn:nth-last-child(2) { min-width: 60px; height: 32px; @@ -819,7 +831,7 @@ export default { } /* 数字按钮样式 */ - .pagination-btn:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)) { + .pagination-btn:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-last-child(2)) { min-width: 28px; height: 32px; padding: 0; @@ -852,4 +864,24 @@ export default { margin-left: 10px; } } + +.page-size-select { + width: 100px; + margin-right: 8px; + + :deep(.el-input__inner) { + height: 32px; + line-height: 32px; + border-radius: 4px; + border: 1px solid #e4e7ed; + background: #dee7ff; + color: #606266; + font-size: 14px; + } + + :deep(.el-input__suffix) { + line-height: 32px; + } +} + diff --git a/main/manager-web/src/views/UserManagement.vue b/main/manager-web/src/views/UserManagement.vue index d43af456..28a0d906 100644 --- a/main/manager-web/src/views/UserManagement.vue +++ b/main/manager-web/src/views/UserManagement.vue @@ -16,7 +16,7 @@
+ :header-cell-class-name="headerCellClassName" :max-height="tableMaxHeight"> @@ -50,6 +50,16 @@ 删除
+ + + + + + @@ -87,9 +97,11 @@ export default { currentPassword: "", searchPhone: "", userList: [], + pageSizeOptions: [5, 10, 20, 50, 100], currentPage: 1, pageSize: 5, total: 0, + tableMaxHeight: 410, isAllSelected: false }; }, @@ -117,6 +129,12 @@ export default { }, }, methods: { + handlePageSizeChange(val) { + this.pageSize = val; + this.currentPage = 1; + this.fetchUsers(); + }, + fetchUsers() { Api.admin.getUserList( { @@ -348,10 +366,13 @@ export default { .main-wrapper { margin: 5px 22px; border-radius: 15px; - min-height: 600px; + min-height: calc(100vh - 350px); + height: auto; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); position: relative; background: rgba(237, 242, 255, 0.5); + display: flex; + flex-direction: column; } .operation-bar { @@ -470,8 +491,13 @@ export default { gap: 8px; margin-top: 15px; + .el-select { + margin-right: 8px; + } + .pagination-btn:first-child, .pagination-btn:nth-child(2), + .pagination-btn:nth-child(3), .pagination-btn:nth-last-child(2) { min-width: 60px; height: 32px; @@ -494,7 +520,7 @@ export default { } } - .pagination-btn:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)) { + .pagination-btn:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-last-child(2)) { min-width: 28px; height: 32px; padding: 0; @@ -607,4 +633,24 @@ export default { } } } + +.page-size-select { + width: 100px; + margin-right: 8px; + + :deep(.el-input__inner) { + height: 32px; + line-height: 32px; + border-radius: 4px; + border: 1px solid #e4e7ed; + background: #dee7ff; + color: #606266; + font-size: 14px; + } + + :deep(.el-input__suffix) { + line-height: 32px; + } +} +