ByungCheol
5f849c552e
CI / build (push) Failing after 11m12s
- 대시보드(/admin/dashboard, 기본 랜딩): 요약 카드(총회원·금일 신규/탈퇴·DAU/WAU/MAU), 접속자 추이(일/주/월 토글), 티어별 회원수, 시군구 지역 분포 — 모두 체크인 기반 - 회원 상세(/admin/members/:id): 프로필 + 강아지/체크인/매칭/구독 이력, 목록에서 상세 버튼 - adminStats API 모듈, 좌측 메뉴에 대시보드 추가 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
71 lines
2.1 KiB
Vue
71 lines
2.1 KiB
Vue
<template>
|
|
<q-layout view="hHh Lpr lFf">
|
|
<!-- 헤더 -->
|
|
<q-header elevated class="bg-primary text-white">
|
|
<q-toolbar>
|
|
<q-btn flat dense round icon="menu" aria-label="메뉴" @click="drawer = !drawer" />
|
|
<q-toolbar-title class="text-weight-bold">
|
|
<q-icon name="pets" class="q-mr-sm" />산책갈개 관리자
|
|
</q-toolbar-title>
|
|
|
|
<q-chip dense color="white" text-color="primary" icon="admin_panel_settings">
|
|
{{ admin.member?.nickname ?? '관리자' }}
|
|
</q-chip>
|
|
<q-btn flat dense round icon="logout" aria-label="로그아웃" @click="onLogout" />
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<!-- 좌측 사이드 메뉴 -->
|
|
<q-drawer v-model="drawer" show-if-above bordered :width="240" class="bg-grey-1">
|
|
<q-list padding>
|
|
<q-item-label header class="text-grey-7">관리 메뉴</q-item-label>
|
|
|
|
<q-item
|
|
v-for="item in menu"
|
|
:key="item.name"
|
|
clickable
|
|
:to="{ name: item.name }"
|
|
active-class="text-primary bg-blue-1"
|
|
exact
|
|
>
|
|
<q-item-section avatar>
|
|
<q-icon :name="item.icon" />
|
|
</q-item-section>
|
|
<q-item-section>{{ item.label }}</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</q-drawer>
|
|
|
|
<!-- 바디 -->
|
|
<q-page-container>
|
|
<router-view />
|
|
</q-page-container>
|
|
|
|
<!-- 풋터 -->
|
|
<q-footer class="bg-white text-grey-6">
|
|
<div class="text-caption text-center q-py-sm">© 2026 산책갈개 · 관리자 콘솔</div>
|
|
</q-footer>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
import { useAdminAuthStore } from '@/stores/adminAuth'
|
|
|
|
const router = useRouter()
|
|
const admin = useAdminAuthStore()
|
|
|
|
const drawer = ref(true)
|
|
|
|
const menu = [
|
|
{ name: 'admin-dashboard', label: '대시보드', icon: 'dashboard' },
|
|
{ name: 'admin-members', label: '회원 관리', icon: 'group' },
|
|
]
|
|
|
|
async function onLogout() {
|
|
await admin.logout()
|
|
await router.replace({ name: 'admin-login' })
|
|
}
|
|
</script>
|