初版代码提交

2026-05-17 15:55:06 +08:00
parent 6f90488760
commit 74425deb5d
70 changed files with 3647 additions and 0 deletions
@@ -0,0 +1,106 @@
+<template>
+  <div class="jog-layout">
+    <el-header class="header">
+      <div class="header-content">
+        <router-link to="/" class="logo">Jog</router-link>
+        <el-menu mode="horizontal" :ellipsis="false" class="nav-menu">
+          <el-menu-item index="home">
+            <router-link to="/">首页</router-link>
+          </el-menu-item>
+        </el-menu>
+        <div class="header-right">
+          <template v-if="userStore.isLoggedIn">
+            <el-dropdown>
+              <span class="user-info">
+                <el-avatar :size="28" :src="userStore.userInfo?.avatar" />
+                {{ userStore.userInfo?.nickname || '用户' }}
+              </span>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item @click="$router.push('/app/dashboard')">控制台</el-dropdown-item>
+                  <el-dropdown-item v-if="userStore.isAdmin" @click="$router.push('/admin')">管理后台</el-dropdown-item>
+                  <el-dropdown-item divided @click="handleLogout">退出登录</el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </template>
+          <template v-else>
+            <el-button type="primary" @click="$router.push('/login')">登录</el-button>
+            <el-button @click="$router.push('/register')">注册</el-button>
+          </template>
+        </div>
+      </div>
+    </el-header>
+    <el-main class="main">
+      <router-view />
+    </el-main>
+    <el-footer class="footer">Jog &copy; 2026</el-footer>
+  </div>
+</template>
+
+<script setup>
+import { useUserStore } from '@/stores/user'
+import { useRouter } from 'vue-router'
+
+const userStore = useUserStore()
+const router = useRouter()
+
+async function handleLogout() {
+  await userStore.logout()
+  router.push('/')
+}
+</script>
+
+<style scoped>
+.jog-layout {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.header {
+  border-bottom: 1px solid #e4e7ed;
+  background: #fff;
+}
+.header-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  height: 60px;
+  padding: 0 20px;
+}
+.logo {
+  font-size: 20px;
+  font-weight: bold;
+  color: #409eff;
+  text-decoration: none;
+  margin-right: 40px;
+}
+.nav-menu {
+  flex: 1;
+  border-bottom: none;
+}
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.main {
+  flex: 1;
+  max-width: 1200px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 20px;
+}
+.footer {
+  text-align: center;
+  color: #909399;
+  border-top: 1px solid #e4e7ed;
+}
+</style>