mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-17 08:46:38 +08:00
61 lines
1.6 KiB
Vue
61 lines
1.6 KiB
Vue
<template>
|
|
<div class="admin-home" v-if="isLogin">
|
|
<admin-sidebar />
|
|
<div class="content-box" :class="{ 'content-collapse': sidebar.collapse }">
|
|
<admin-header />
|
|
<admin-tags />
|
|
<div
|
|
:class="'content ' + theme"
|
|
:style="{ height: contentHeight + 'px' }"
|
|
>
|
|
<router-view v-slot="{ Component }">
|
|
<transition name="move" mode="out-in">
|
|
<keep-alive :include="tags.nameList">
|
|
<component :is="Component"></component>
|
|
</keep-alive>
|
|
</transition>
|
|
</router-view>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import {useSidebarStore} from "@/store/sidebar";
|
|
import {useTagsStore} from "@/store/tags";
|
|
import AdminHeader from "@/components/admin/AdminHeader.vue";
|
|
import AdminSidebar from "@/components/admin/AdminSidebar.vue";
|
|
import AdminTags from "@/components/admin/AdminTags.vue";
|
|
import {useRouter} from "vue-router";
|
|
import {checkAdminSession} from "@/store/cache";
|
|
import {ref, watch} from "vue";
|
|
import {useSharedStore} from "@/store/sharedata";
|
|
|
|
const sidebar = useSidebarStore();
|
|
const tags = useTagsStore();
|
|
const isLogin = ref(false);
|
|
const contentHeight = window.innerHeight - 80;
|
|
const store = useSharedStore();
|
|
const theme = ref(store.theme);
|
|
|
|
// 获取会话信息
|
|
const router = useRouter();
|
|
checkAdminSession()
|
|
.then(() => {
|
|
isLogin.value = true;
|
|
})
|
|
.catch(() => {
|
|
router.replace("/admin/login");
|
|
});
|
|
|
|
watch(
|
|
() => store.theme,
|
|
(val) => {
|
|
theme.value = val;
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<style scoped lang="stylus">
|
|
@import '../../assets/css/main.styl';
|
|
</style>
|