Added pagination to RoleManagement. Optimized get role list in GroupManagement and UserManagement.

Pinnacle/src/main/java/com/cfive/pinnacle/controller/permission/RoleController.java

@@ -1,6 +1,7 @@
 package com.cfive.pinnacle.controller.permission;
 
 import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
+import com.baomidou.mybatisplus.core.metadata.IPage;
 import com.cfive.pinnacle.entity.permission.Role;
 import com.cfive.pinnacle.entity.common.ResponseCode;
 import com.cfive.pinnacle.entity.common.ResponseResult;
@@ -39,9 +40,17 @@ public class RoleController {
 
     @Operation(summary = "获取所有角色")
     @GetMapping
-    @PreAuthorize("hasAnyAuthority('system:role:get', 'system:role:add', 'system:role:delete', 'system:role:modeify', 'system:group:add', 'system:group:modify', 'system:user:add', 'system:user:modify')")
-    public ResponseResult<List<Role>> getAllRole() {
-        List<Role> roles = roleService.getAllRole();
+    @PreAuthorize("hasAuthority('system:role:get')")
+    public ResponseResult<IPage<Role>> getAllRole(Long currentPage, Long pageSize) {
+        IPage<Role> roles = roleService.getAllRole(currentPage, pageSize);
+        return ResponseResult.databaseSelectSuccess(roles);
+    }
+
+    @Operation(summary = "获取角色列表")
+    @GetMapping("list")
+    @PreAuthorize("hasAnyAuthority('system:group:add', 'system:group:modify', 'system:user:add', 'system:user:modify')")
+    public ResponseResult<List<Role>> getRoleList() {
+        List<Role> roles = roleService.list();
         return ResponseResult.databaseSelectSuccess(roles);
     }
 

Pinnacle/src/main/java/com/cfive/pinnacle/mapper/permission/RoleMapper.java

@@ -1,6 +1,6 @@
 package com.cfive.pinnacle.mapper.permission;
-import java.util.List;
 
+import com.baomidou.mybatisplus.core.metadata.IPage;
 import com.cfive.pinnacle.entity.permission.Role;
 import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 import org.apache.ibatis.annotations.Mapper;
@@ -16,7 +16,7 @@ import org.apache.ibatis.annotations.Param;
  */
 @Mapper
 public interface RoleMapper extends BaseMapper<Role> {
-    List<Role> getAll();
+    IPage<Role> getAll(IPage<Role> roleIPage);
 
     Role getOneById(@Param("id") long id);
 }

Pinnacle/src/main/java/com/cfive/pinnacle/service/permission/IRoleService.java

@@ -1,10 +1,9 @@
 package com.cfive.pinnacle.service.permission;
 
+import com.baomidou.mybatisplus.core.metadata.IPage;
 import com.cfive.pinnacle.entity.permission.Role;
 import com.baomidou.mybatisplus.extension.service.IService;
 
-import java.util.List;
-
 /**
  * <p>
  * 角色 服务类
@@ -14,7 +13,7 @@ import java.util.List;
  * @since 2023-04-30
  */
 public interface IRoleService extends IService<Role> {
-    List<Role> getAllRole();
+    IPage<Role> getAllRole(Long currentPage, Long pageSize);
 
     Role getRole(long id);
 

Pinnacle/src/main/java/com/cfive/pinnacle/service/permission/impl/RoleServiceImpl.java

@@ -1,6 +1,8 @@
 package com.cfive.pinnacle.service.permission.impl;
 
 import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
+import com.baomidou.mybatisplus.core.metadata.IPage;
+import com.baomidou.mybatisplus.extension.plugins.pagination.PageDTO;
 import com.cfive.pinnacle.entity.permission.Power;
 import com.cfive.pinnacle.entity.permission.Role;
 import com.cfive.pinnacle.entity.permission.PowerRole;
@@ -42,8 +44,9 @@ public class RoleServiceImpl extends ServiceImpl<RoleMapper, Role> implements IR
     }
 
     @Override
-    public List<Role> getAllRole() {
-        return roleMapper.getAll();
+    public IPage<Role> getAllRole(Long currentPage, Long pageSize) {
+        IPage<Role> roleIPage = PageDTO.of(currentPage, pageSize);
+        return roleMapper.getAll(roleIPage);
     }
 
     @Override

ui/src/pages/power/GroupManagement.vue

@@ -155,7 +155,7 @@ export default {
         },
         getRoles() {
             this.dialogLoading = true
-            request.get('/role').then((res) => {
+            request.get('/role/list').then((res) => {
                 const response = res.data
                 if (response.code === DATABASE_SELECT_OK) {
                     this.roles = response.data

ui/src/pages/power/RoleManagement.vue

@@ -21,6 +21,19 @@
         @onDelete="handleDelete"
         custom-column-label_1="权限"
     />
+
+    <div class="pagination">
+        <el-pagination
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :page-sizes="[50, 100, 200, 500, 1000]"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="totalCount"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+        />
+    </div>
+
     <el-dialog
         :title="dialogTitle"
         :close-on-click-modal="false"
@@ -98,6 +111,9 @@ export default {
             dialogVisible: false,
             tableLoading: true,
             dialogLoading: true,
+            currentPage: 1,
+            pageSize: 50,
+            totalCount: 0,
             roleTable: [],
             powerTree: [],
             powerProps: {
@@ -126,10 +142,13 @@ export default {
     methods: {
         loadRoleTable() {
             this.tableLoading = true
-            request.get('/role').then((res) => {
+            request
+                .get('/role', { currentPage: this.currentPage, pageSize: this.pageSize })
+                .then((res) => {
                     const response = res.data
                     if (response.code === DATABASE_SELECT_OK) {
-                    const roles = response.data
+                        const roles = response.data.records
+                        this.totalCount = response.data.total
                         for (const role of roles) {
                             role.customColumn_1 = []
                             const menus = role.menus
@@ -330,6 +349,14 @@ export default {
         },
         handleCancel() {
             this.dialogVisible = false
+        },
+        handleSizeChange(pageSize) {
+            this.pageSize = pageSize
+            this.loadRoleTable()
+        },
+        handleCurrentChange(currentPage) {
+            this.currentPage = currentPage
+            this.loadRoleTable()
         }
     },
     mounted() {
@@ -338,4 +365,10 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.pagination {
+    display: flex;
+    margin-top: 10px;
+    justify-content: center;
+}
+</style>

ui/src/pages/power/UserManagement.vue

@@ -226,7 +226,7 @@ export default {
         },
         getRoles() {
             this.dialogLoading = true
-            request.get('/role').then((res) => {
+            request.get('/role/list').then((res) => {
                 const response = res.data
                 if (response.code === DATABASE_SELECT_OK) {
                     this.roles = response.data