diff --git a/snowy-admin-web/src/api/sys/roleApi.js b/snowy-admin-web/src/api/sys/roleApi.js
index e36f77e5..4acbdb8c 100644
--- a/snowy-admin-web/src/api/sys/roleApi.js
+++ b/snowy-admin-web/src/api/sys/roleApi.js
@@ -73,5 +73,9 @@ export default {
 	// 获取权限授权树
 	rolePermissionTreeSelector(data) {
 		return request('permissionTreeSelector', data, 'get')
+	},
+	// 获取汇总数据
+	roleSummary(data) {
+		return request('summary', data, 'get')
 	}
 }
diff --git a/snowy-admin-web/src/views/sys/role/index.vue b/snowy-admin-web/src/views/sys/role/index.vue
index 4255f197..43a0c6cb 100644
--- a/snowy-admin-web/src/views/sys/role/index.vue
+++ b/snowy-admin-web/src/views/sys/role/index.vue
@@ -45,6 +45,7 @@
 					bordered
 					:row-key="(record) => record.id"
 					:row-selection="options.rowSelection"
+					@resizeColumn="handleResizeColumn"
 				>
 					<template #operator class="table-operator">
 						<a-space>
@@ -87,6 +88,16 @@
 							</a-dropdown>
 						</template>
 					</template>
+					<template #summary>
+						<a-table-summary-row>
+							<a-table-summary-cell :index="0">汇 总</a-table-summary-cell>
+							<a-table-summary-cell :index="1"></a-table-summary-cell>
+							<a-table-summary-cell :index="2">
+								<a-typography-text type="danger">{{ summaryData.sortCode }}</a-typography-text>
+							</a-table-summary-cell>
+							<a-table-summary-cell :index="3"></a-table-summary-cell>
+						</a-table-summary-row>
+					</template>
 				</s-table>
 			</a-card>
 		</a-col>
@@ -114,7 +125,9 @@
 	const columns = [
 		{
 			title: '角色名称',
-			dataIndex: 'name'
+			dataIndex: 'name',
+			resizable: true,
+			width: 150
 		},
 		{
 			title: '分类',
@@ -165,10 +178,22 @@
 
 	// 表格查询 返回 Promise 对象
 	const loadDate = (parameter) => {
-		return roleApi.rolePage(Object.assign(parameter, searchFormState)).then((res) => {
+		let param = Object.assign(parameter, searchFormState)
+		summaryDataReq(param)
+		return roleApi.rolePage(param).then((res) => {
 			return res
 		})
 	}
+	// 计算汇总数据
+	const summaryData = {}
+	const summaryDataReq = (param) => {
+		summaryData.sortCode = ref(0)
+		roleApi.roleSummary(param).then((summary) => {
+			if(summary != null){
+				return summaryData.sortCode = summary.sortCode
+			}
+		})
+	}
 	// 加载左侧的树
 	orgApi.orgTree().then((res) => {
 		cardLoading.value = false
@@ -213,6 +238,10 @@
 		}
 		table.value.refresh(true)
 	}
+	// 可伸缩列
+	const handleResizeColumn = (w, col) => {
+		col.width = w;
+	}
 	// 删除
 	const removeOrg = (record) => {
 		let params = [
diff --git a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/controller/SysRoleController.java b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/controller/SysRoleController.java
index 7faca13a..a5ce9b9b 100644
--- a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/controller/SysRoleController.java
+++ b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/controller/SysRoleController.java
@@ -276,4 +276,17 @@ public class SysRoleController {
     public CommonResult<List<SysUser>> userSelector(SysRoleSelectorUserParam sysRoleSelectorUserParam) {
         return CommonResult.data(sysRoleService.userSelector(sysRoleSelectorUserParam));
     }
+
+    /**
+     * 获取用户选择器
+     *
+     * @author jax
+     * @date 2022/10/18 20:00
+     */
+    @ApiOperationSupport(order = 17)
+    @ApiOperation("获取页面统计数据")
+    @GetMapping("/sys/role/summary")
+    public CommonResult<SysRole> summary(SysRolePageParam sysRolePageParam) {
+        return CommonResult.data(sysRoleService.summary(sysRolePageParam));
+    }
 }
diff --git a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/SysRoleService.java b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/SysRoleService.java
index 59a5459b..2156068a 100644
--- a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/SysRoleService.java
+++ b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/SysRoleService.java
@@ -169,4 +169,12 @@ public interface SysRoleService extends IService<SysRole> {
      * @date 2022/8/22 13:39
      **/
     List<SysUser> userSelector(SysRoleSelectorUserParam sysRoleSelectorUserParam);
+
+    /**
+     * 获取页面统计数据
+     *
+     * @author jax
+     * @date 2022/8/22 13:39
+     **/
+    SysRole summary(SysRolePageParam sysRolePageParam);
 }
diff --git a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/impl/SysRoleServiceImpl.java b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/impl/SysRoleServiceImpl.java
index a04638d0..f0b0848f 100644
--- a/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/impl/SysRoleServiceImpl.java
+++ b/snowy-plugin/snowy-plugin-sys/src/main/java/vip/xiaonuo/sys/modular/role/service/impl/SysRoleServiceImpl.java
@@ -403,6 +403,14 @@ public class SysRoleServiceImpl extends ServiceImpl<SysRoleMapper, SysRole> impl
         return sysUserService.list(lambdaQueryWrapper);
     }
 
+    @Override
+    public SysRole summary(SysRolePageParam sysRolePageParam) {
+        // 实现自己业务逻辑计算 以下是伪代码
+        SysRole sysRole = new SysRole();
+        sysRole.setSortCode(2000);
+        return sysRole;
+    }
+
     /* ====以下为各种递归方法==== */
 
     public JSONObject getParentNode(List<Tree<String>> treeList, SysMenu sysMenu) {