|
@@ -5,7 +5,7 @@
|
|
|
<div class="aside-box" :style="{ width: isCollapse ? '65px' : '210px' }">
|
|
|
<div class="logo flx-center">
|
|
|
<img class="logo-img" src="@/assets/images/logo.svg" alt="logo" />
|
|
|
- <span v-show="!isCollapse" class="logo-text">{{ title }}</span>
|
|
|
+ <span v-show="!isCollapse" class="logo-text">{{ title }} </span>
|
|
|
</div>
|
|
|
<el-scrollbar>
|
|
|
<el-menu
|
|
@@ -33,6 +33,7 @@
|
|
|
<script setup lang="ts" name="layoutVertical">
|
|
|
import { computed } from "vue";
|
|
|
import { useRoute } from "vue-router";
|
|
|
+import { useUserStore } from "@/stores/modules/user";
|
|
|
import { useAuthStore } from "@/stores/modules/auth";
|
|
|
import { useGlobalStore } from "@/stores/modules/global";
|
|
|
import Main from "@/layouts/components/Main/index.vue";
|
|
@@ -40,7 +41,10 @@ import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
|
|
|
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
|
|
|
import SubMenu from "@/layouts/components/Menu/SubMenu.vue";
|
|
|
|
|
|
-const title = import.meta.env.VITE_GLOB_APP_TITLE;
|
|
|
+// const title = import.meta.env.VITE_GLOB_APP_TITLE;
|
|
|
+
|
|
|
+const userStore = useUserStore();
|
|
|
+const title = computed(() => userStore.userInfo.name);
|
|
|
|
|
|
const route = useRoute();
|
|
|
const authStore = useAuthStore();
|
|
@@ -52,5 +56,5 @@ const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-@import "./index.scss";
|
|
|
+@import "./index";
|
|
|
</style>
|