feat(ECR-006): 落地运营后台 Phase A（admin API + admin-h5）

新增独立鉴权的 /api/v1/admin 与 Vue 控制台；会员授予与审计同事务，并补集成/单测。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-06 18:35:53 +08:00
parent 4a583c9480
commit 879bf70cb7
59 changed files with 2462 additions and 20 deletions
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { RouterLink, RouterView, useRouter } from 'vue-router'
+import { useAuthStore } from '@/stores/auth'
+
+const auth = useAuthStore()
+const router = useRouter()
+
+onMounted(() => {
+  void auth.hydrate()
+})
+
+async function onLogout() {
+  await auth.logout()
+  await router.push({ name: 'login' })
+}
+</script>
+
+<template>
+  <div class="shell">
+    <aside class="nav">
+      <div class="brand">愈心谷 · 运营</div>
+      <nav>
+        <RouterLink to="/">用户</RouterLink>
+        <RouterLink to="/orders">订单</RouterLink>
+        <RouterLink to="/audit">审计</RouterLink>
+      </nav>
+      <div class="foot">
+        <span class="muted">{{ auth.username || '管理员' }}</span>
+        <button class="btn ghost" type="button" @click="onLogout">退出</button>
+      </div>
+    </aside>
+    <main class="main">
+      <RouterView />
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.shell { display: grid; grid-template-columns: 220px 1fr; min-height: 100vh; }
+.nav {
+  padding: 1.25rem 1rem; border-right: 1px solid var(--line);
+  background: rgba(255, 253, 249, 0.85); display: flex; flex-direction: column; gap: 1.25rem;
+}
+.brand { font-weight: 700; letter-spacing: 0.02em; }
+nav { display: flex; flex-direction: column; gap: 0.35rem; }
+nav a { padding: 0.45rem 0.6rem; border-radius: 8px; color: var(--muted); }
+nav a.router-link-active { background: #f5ebe6; color: var(--accent); font-weight: 600; }
+.foot { margin-top: auto; display: flex; flex-direction: column; gap: 0.5rem; }
+.main { padding: 1.5rem 1.75rem; }
+@media (max-width: 800px) {
+  .shell { grid-template-columns: 1fr; }
+  .nav { border-right: 0; border-bottom: 1px solid var(--line); }
+}
+</style>