1

2026-07-24 12:42:51 +08:00
commit 67905dfa16
56 changed files with 7630 additions and 0 deletions
@@ -0,0 +1,103 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { DataAnalysis, OfficeBuilding, Operation, User } from '@element-plus/icons-vue'
+import { useAuthStore } from '../stores/auth'
+
+const route = useRoute()
+const router = useRouter()
+const auth = useAuthStore()
+const collapsed = ref(false)
+const mobileMenu = ref(false)
+
+const pageTitle = computed(() => {
+  const titles: Record<string, string> = {
+    dashboard: '教务总览',
+    'base-data': '基础数据',
+    users: '用户与权限',
+  }
+  return titles[String(route.name)] ?? '教务管理'
+})
+
+function signOut() {
+  auth.logout()
+  router.push('/login')
+}
+
+onMounted(() => auth.refresh().catch(() => undefined))
+</script>
+
+<template>
+  <div class="shell" :class="{ 'is-collapsed': collapsed }">
+    <aside class="sidebar" :class="{ 'is-mobile-open': mobileMenu }">
+      <div class="brand">
+        <div class="brand-mark" aria-hidden="true">
+          <span v-for="index in 9" :key="index" />
+        </div>
+        <div v-if="!collapsed">
+          <strong>明序教务</strong>
+          <small>ACADEMIC OFFICE</small>
+        </div>
+      </div>
+
+      <div v-if="!collapsed" class="term-stamp">
+        <span>当前工作区</span>
+        <b>校级教务管理</b>
+      </div>
+
+      <el-menu
+        router
+        :default-active="route.path"
+        :collapse="collapsed"
+        class="nav-menu"
+        @select="mobileMenu = false"
+      >
+        <el-menu-item index="/dashboard">
+          <el-icon><DataAnalysis /></el-icon>
+          <template #title>教务总览</template>
+        </el-menu-item>
+        <el-menu-item index="/base-data">
+          <el-icon><OfficeBuilding /></el-icon>
+          <template #title>基础数据</template>
+        </el-menu-item>
+        <el-menu-item v-if="auth.isSuperAdmin" index="/users">
+          <el-icon><User /></el-icon>
+          <template #title>用户与权限</template>
+        </el-menu-item>
+      </el-menu>
+
+      <div v-if="!collapsed" class="phase-note">
+        <span>第一阶段 · 基础底座</span>
+        <p>组织、权限和教学资源正在运行</p>
+      </div>
+    </aside>
+
+    <div v-if="mobileMenu" class="mobile-mask" @click="mobileMenu = false" />
+
+    <main class="main-area">
+      <header class="topbar">
+        <button class="menu-toggle desktop-only" type="button" @click="collapsed = !collapsed">
+          <el-icon><Operation /></el-icon>
+        </button>
+        <button class="menu-toggle mobile-only" type="button" @click="mobileMenu = true">
+          <el-icon><Operation /></el-icon>
+        </button>
+        <div class="page-heading">
+          <span>教务工作台</span>
+          <h1>{{ pageTitle }}</h1>
+        </div>
+        <div class="user-block">
+          <div class="avatar">{{ auth.user?.displayName?.slice(0, 1) ?? '管' }}</div>
+          <div class="user-copy">
+            <b>{{ auth.user?.displayName ?? '系统管理员' }}</b>
+            <span>{{ auth.user?.roles?.[0] ?? '教务人员' }}</span>
+          </div>
+          <el-button text @click="signOut">退出</el-button>
+        </div>
+      </header>
+      <section class="content">
+        <RouterView />
+      </section>
+    </main>
+  </div>
+</template>