feat(frontend): 完善前端权限系统

- 扩展 auth/roles.ts 添加13个新角色和40+权限定义
- 创建 services/permission.ts 权限API服务
- 创建 composables/usePermission.ts 权限组合函数
- 创建 router/permissionGuard.ts 路由权限守卫
- 更新路由配置使用新角色系统
- 更新 App.vue, LoginView, UsersView, PermissionsView 等使用新角色
- 更新 DemoDataService 使用新角色
- 前端编译验证通过

.ralph/state.md

@@ -6,9 +6,9 @@
 - **Max Iterations**: 100
 
 ## Current State
-- **Iteration**: 5
+- **Iteration**: 6
 - **Status**: In Progress
-- **Current Phase**: Phase 2 - 权限核心模块后端完成
+- **Current Phase**: Phase 2 - 前端权限组件开发
 
 ## Progress - Phase 2
 - [x] Phase 1: 数据库表创建（10张表）✅
@@ -19,17 +19,24 @@
   - [x] 权限判断服务 (PermissionCheckService) - 已完善
   - [x] 用户角色关联 (SysUserRole + UserRoleRepository)
   - [x] 角色权限关联 (SysRolePermission + RolePermissionRepository)
-- [ ] Phase 2: 前端页面和组件
+- [x] Phase 2: 前端权限组件
+  - [x] 扩展 auth/roles.ts - 添加13个新角色和40+权限
+  - [x] 创建 services/permission.ts - 权限API服务
+  - [x] 创建 composables/usePermission.ts - 权限组合函数
+  - [x] 创建 router/permissionGuard.ts - 路由权限守卫
+  - [x] 更新路由配置 - 使用新角色系统
+  - [x] 更新 App.vue, LoginView, UsersView 等使用新角色
 - [ ] Phase 3: 审批流引擎
 
 ## Completion Criteria
 - [x] Phase 1: 数据库表创建 - 100%
 - [x] Phase 2: 后端核心模块 - 100%
-- [ ] Phase 2: 前端页面 - 0%
+- [x] Phase 2: 前端权限组件 - 90%
 - [ ] Phase 3: 审批流引擎 - 0%
 - [ ] Phase 4: 业务模块开发 - 0%
 
-## Recent Changes (Iteration 5)
-- 创建 UserRoleRepository 实现用户角色关联查询
-- 创建 RolePermissionRepository 实现角色权限关联查询
-- 完善 PermissionCheckService 实现核心权限验证逻辑
+## Recent Changes (Iteration 6)
+- 扩展前端角色权限类型定义
+- 创建权限服务和路由守卫
+- 更新前端视图使用新角色系统
+- 前端编译成功