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:
53
src/pages/admin/MembersPage.vue
Normal file
53
src/pages/admin/MembersPage.vue
Normal file
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<h2 class="text-xl font-bold text-gray-800">會員列表</h2>
|
||||
<el-button :loading="loading" @click="load" :icon="Refresh" size="small">重新整理</el-button>
|
||||
</div>
|
||||
|
||||
<el-alert
|
||||
v-if="error"
|
||||
:title="errorMsg"
|
||||
type="error"
|
||||
show-icon
|
||||
:closable="false"
|
||||
class="mb-4"
|
||||
/>
|
||||
|
||||
<el-skeleton v-if="loading" :rows="4" animated />
|
||||
|
||||
<el-table v-else :data="members" stripe border class="w-full shadow-sm">
|
||||
<el-empty v-if="members.length === 0" slot="empty" description="目前無會員" />
|
||||
<el-table-column prop="authentik_sub" label="Authentik Sub" min-width="200" />
|
||||
<el-table-column prop="email" label="Email" min-width="200" />
|
||||
<el-table-column prop="display_name" label="顯示名稱" width="150" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { Refresh } from '@element-plus/icons-vue'
|
||||
import { getMembers } from '@/api/members'
|
||||
|
||||
const members = ref([])
|
||||
const loading = ref(false)
|
||||
const error = ref(false)
|
||||
const errorMsg = ref('')
|
||||
|
||||
async function load() {
|
||||
loading.value = true
|
||||
error.value = false
|
||||
try {
|
||||
const res = await getMembers()
|
||||
members.value = res.data || []
|
||||
} catch (err) {
|
||||
error.value = true
|
||||
errorMsg.value = '載入失敗,請稍後再試'
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(load)
|
||||
</script>
|
||||
Reference in New Issue
Block a user