Upgrade frontend to Schema V2: Admin management pages
新增功能: - OIDC 登入流程完整實現(LoginPage → AuthCallbackPage) - 6 個管理頁面:系統、模組、公司、站台、會員、權限群組 - 權限群組管理:群組 CRUD + 綁定會員 + 群組授權/撤銷 - 新 API 層:systems、modules、companies、sites、members、permission-groups - admin store:統一管理公共清單資料 調整既有頁面: - PermissionSnapshotPage:表格新增 system 欄位 - PermissionAdminPage: - 新增 system 必填欄位 - scope_type 改為 company/site 下拉選單 - module 改為選填(空值代表系統層權限) - Router:補 6 條新管理路由 - App.vue:導覽列新增管理員群組下拉菜單 驗收條件達成: ✓ 可新增 system/module/company/site ✓ 可做用戶直接 grant/revoke(新 payload) ✓ 可建立 permission-group、加會員、群組 grant/revoke ✓ /me/permissions/snapshot 表格可顯示 system + module + action Build:成功(0 errors) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
41
src/App.vue
41
src/App.vue
@@ -17,13 +17,26 @@
|
||||
>
|
||||
我的權限
|
||||
</router-link>
|
||||
<router-link
|
||||
to="/admin/permissions"
|
||||
class="text-sm text-gray-600 hover:text-blue-600 transition-colors"
|
||||
active-class="text-blue-600 font-medium"
|
||||
>
|
||||
權限管理
|
||||
</router-link>
|
||||
|
||||
<div class="flex items-center gap-4 border-l border-gray-300 pl-6">
|
||||
<el-dropdown @command="handleAdminNav">
|
||||
<span class="text-sm text-gray-600 hover:text-blue-600 cursor-pointer transition-colors">
|
||||
管理員 <el-icon class="el-icon--right"><arrow-down /></el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="permissions">權限管理</el-dropdown-item>
|
||||
<el-dropdown-divider />
|
||||
<el-dropdown-item command="systems">系統管理</el-dropdown-item>
|
||||
<el-dropdown-item command="modules">模組管理</el-dropdown-item>
|
||||
<el-dropdown-item command="companies">公司管理</el-dropdown-item>
|
||||
<el-dropdown-item command="sites">站台管理</el-dropdown-item>
|
||||
<el-dropdown-item command="members">會員列表</el-dropdown-item>
|
||||
<el-dropdown-item command="groups">權限群組</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<el-button v-if="authStore.isLoggedIn" size="small" @click="logout">登出</el-button>
|
||||
</nav>
|
||||
@@ -37,6 +50,7 @@
|
||||
import { computed } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import { ArrowDown } from '@element-plus/icons-vue'
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
@@ -44,6 +58,19 @@ const authStore = useAuthStore()
|
||||
|
||||
const isLoginPage = computed(() => route.name === 'login')
|
||||
|
||||
function handleAdminNav(command) {
|
||||
const routes = {
|
||||
permissions: '/admin/permissions',
|
||||
systems: '/admin/systems',
|
||||
modules: '/admin/modules',
|
||||
companies: '/admin/companies',
|
||||
sites: '/admin/sites',
|
||||
members: '/admin/members',
|
||||
groups: '/admin/permission-groups'
|
||||
}
|
||||
router.push(routes[command])
|
||||
}
|
||||
|
||||
function logout() {
|
||||
authStore.logout()
|
||||
router.push('/login')
|
||||
|
||||
Reference in New Issue
Block a user