feat(auth): 后台登录、角色权限与会话访问策略

管理员与客服分角色登录，权限由后端判定；前端补齐登录、人员与组织管理页面。

frontend/src/composables/useRoles.ts

@@ -0,0 +1,147 @@
+/*
+Copyright 2024-2026 ReplyPier
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { ref } from 'vue'
+import type { Role } from '@/types/user'
+import { listRoles, createRole, updateRole, deleteRole } from '@/services/roles'
+import { toast } from 'vue-sonner'
+
+export function useRoles() {
+  const roles = ref<Role[]>([])
+  const loading = ref(false)
+  const error = ref('')
+  const showCreateModal = ref(false)
+  const showEditModal = ref(false)
+  const showDeleteModal = ref(false)
+  const selectedRole = ref<Role | null>(null)
+  const deleteError = ref('')
+
+  const openCreateModal = () => {
+    selectedRole.value = null
+    showCreateModal.value = true
+  }
+
+  const fetchRoles = async () => {
+    try {
+      loading.value = true
+      roles.value = await listRoles()
+    } catch (err) {
+      console.error('Failed to load roles:', err)
+      error.value = '加载角色失败'
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleCreateRole = async (roleData: Partial<Role>) => {
+    try {
+      console.log('Creating role:', roleData)
+      loading.value = true
+      const newRole = await createRole(roleData)
+      roles.value.unshift(newRole)
+      showCreateModal.value = false
+      toast.success('角色已创建', {
+        duration: 4000,
+        closeButton: true
+      })
+    } catch (err) {
+      console.error('Error creating role:', err)
+      toast.error('创建角色失败', {
+        duration: 4000,
+        closeButton: true
+      })
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleEditRole = (role: Role) => {
+    console.log('Editing role:', role)
+    selectedRole.value = role
+    showEditModal.value = true
+  }
+
+  const handleUpdateRole = async (roleData: Partial<Role>) => {
+    if (!selectedRole.value) return
+
+    try {
+      loading.value = true
+      const updatedRole = await updateRole(selectedRole.value.id, roleData)
+      const index = roles.value.findIndex(r => r.id === updatedRole.id)
+      if (index !== -1) {
+        roles.value[index] = updatedRole
+      }
+      showEditModal.value = false
+      toast.success('角色已更新', {
+        duration: 4000,
+        closeButton: true
+      })
+    } catch (err) {
+      console.error('Error updating role:', err)
+      toast.error('更新角色失败', {
+        duration: 4000,
+        closeButton: true
+      })
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const handleDeleteRole = (role: Role) => {
+    selectedRole.value = role
+    showDeleteModal.value = true
+    deleteError.value = ''
+  }
+
+  const confirmDeleteRole = async () => {
+    if (!selectedRole.value) return
+
+    try {
+      loading.value = true
+      deleteError.value = ''
+      await deleteRole(selectedRole.value.id)
+      roles.value = roles.value.filter(r => r.id !== selectedRole.value?.id)
+      showDeleteModal.value = false
+      toast.success('角色已删除', {
+        duration: 4000,
+        closeButton: true
+      })
+    } catch (err: any) {
+      console.error('Error deleting role:', err)
+      deleteError.value = err.response?.data?.detail || '删除角色失败'
+    } finally {
+      loading.value = false
+    }
+  }
+
+  return {
+    roles,
+    loading,
+    error,
+    deleteError,
+    showCreateModal,
+    showEditModal,
+    showDeleteModal,
+    selectedRole,
+    fetchRoles,
+    openCreateModal,
+    handleCreateRole,
+    handleEditRole,
+    handleUpdateRole,
+    handleDeleteRole,
+    confirmDeleteRole
+  }
+}