MiniDay/hamster-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 开发中...

Browse Source
This commit is contained in:
叁只仓鼠
2023-04-03 20:59:23 +08:00
parent e2bdd6a674
commit f2981ace22
52 changed files with 1576 additions and 847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
blog-frontend/src/components/HeaderComponent.vue
View File

@@ -1,72 +1,88 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { ref, onMounted } from "vue";
import { UserInfoResponseVORoleEnum, api, globalStore, siteSetting } from "@/api"
import router from '@/router';
import {
UserInfoResponseVORoleEnum,
api,
globalStore,
siteSetting,
} from "@/api";
import router from "@/router";
const menuIndex = ref<string>(document.location.pathname)
const menuIndex = ref<string>(document.location.pathname);
onMounted(() => {
// 获取站点标题
api.SettingController.getSettingContent(siteSetting.keys.site.title)
.then(response => {
let vo = response.data;
if (vo.code === 200) {
let title = vo.data ?? "网站标题"
siteSetting.title = title
document.title = title
}
})
})
// 获取站点标题
api.SettingController.getSettingContent(siteSetting.keys.site.title).then(
(response) => {
let vo = response.data;
if (vo.code === 200) {
let title = vo.content ?? "网站标题";
siteSetting.title = title;
document.title = title;
}
}
);
});
function onSelectMenu(index: string) {
switch (index) {
case '/logout': {
globalStore.currentUserInfo = undefined
globalStore.save()
router.push("/")
menuIndex.value = "/"
break;
}
default: {
router.push(index)
}
switch (index) {
case "/logout": {
globalStore.currentUserInfo = undefined;
globalStore.save();
router.push("/");
menuIndex.value = "/";
break;
}
default: {
router.push(index);
}
}
}
</script>
<template>
<el-menu :default-active="menuIndex" mode="horizontal" :ellipsis="false" @select="onSelectMenu">
<el-menu-item index="/">
{{ siteSetting.title }}
</el-menu-item>
<el-menu-item index="/tags">
标签
</el-menu-item>
<el-menu-item v-for="customMenu in siteSetting.navigation" :index="customMenu.text">
{{ customMenu.text }}
</el-menu-item>
<el-menu
:default-active="menuIndex"
mode="horizontal"
:ellipsis="false"
@select="onSelectMenu"
>
<el-menu-item index="/">
{{ siteSetting.title }}
</el-menu-item>
<el-menu-item index="/tags"> 标签 </el-menu-item>
<el-menu-item
v-for="customMenu in siteSetting.navigation"
:index="customMenu.text"
>
{{ customMenu.text }}
</el-menu-item>
<div class="flex-grow" />
<div class="flex-grow" />
<el-menu-item index="/login" v-if="!globalStore.currentUserInfo?.id">
登录
</el-menu-item>
<el-menu-item index="/register" v-if="!globalStore.currentUserInfo?.id">
注册
</el-menu-item>
<el-menu-item index="/manage" v-if="globalStore.currentUserInfo?.role === UserInfoResponseVORoleEnum.ADMIN">
管理面板
</el-menu-item>
<el-menu-item index="/logout" v-if="globalStore.currentUserInfo?.id">
注销
</el-menu-item>
</el-menu>
<el-menu-item index="/login" v-if="!globalStore.currentUserInfo?.id">
登录
</el-menu-item>
<el-menu-item index="/register" v-if="!globalStore.currentUserInfo?.id">
注册
</el-menu-item>
<el-menu-item
index="/manage"
v-if="
globalStore.currentUserInfo?.role === UserInfoResponseVORoleEnum.ADMIN
"
>
管理面板
</el-menu-item>
<el-menu-item index="/logout" v-if="globalStore.currentUserInfo?.id">
注销
</el-menu-item>
</el-menu>
</template>
<style scoped>
.flex-grow {
flex-grow: 1;
flex-grow: 1;
}
</style>
</style>