能源管控
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
zhitan-cloud
2025-01-13 9a34cc100384b0db98166e1a7e4f35dee44fb8ae 
 zhitan-vue/src/layout/components/Sidebar/index.vue


@@ -1,11 +1,14 @@


<template>


  <div :class="{ 'has-logo': showLogo }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">


  <div


    :class="{ 'has-logo': showLogo }"


    :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"


  >


    <logo v-if="showLogo" :collapse="isCollapse" />


    <el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">


      <el-menu


        :default-active="activeMenu"


        :collapse="isCollapse"


        :background-color="sideTheme === 'theme-dark' ? '#1A235D' : '#fff'"


        :background-color="sideTheme === 'theme-dark' ? '#232D70' : '#fff'"


        :text-color="sideTheme === 'theme-dark' ? '#fff' : '#000'"


        :unique-opened="true"


        :active-text-color="theme"


@@ -24,35 +27,31 @@


</template>




<script setup>


import Logo from './Logo'


import SidebarItem from './SidebarItem'


import variables from '@/assets/styles/variables.module.scss'


import useAppStore from '@/store/modules/app'


import useSettingsStore from '@/store/modules/settings'


import usePermissionStore from '@/store/modules/permission'


import Logo from "./Logo"


import SidebarItem from "./SidebarItem"


import variables from "@/assets/styles/variables.module.scss"


import useAppStore from "@/store/modules/app"


import useSettingsStore from "@/store/modules/settings"


import usePermissionStore from "@/store/modules/permission"




const route = useRoute();


const route = useRoute()


const appStore = useAppStore()


const settingsStore = useSettingsStore()


const permissionStore = usePermissionStore()




const sidebarRouters =  computed(() => permissionStore.sidebarRouters);


const showLogo = computed(() => settingsStore.sidebarLogo);


const sideTheme = computed(() => settingsStore.sideTheme);


const theme = computed(() => settingsStore.theme);


const isCollapse = computed(() => !appStore.sidebar.opened);


const sidebarRouters = computed(() => permissionStore.sidebarRouters)


const showLogo = computed(() => settingsStore.sidebarLogo)


const sideTheme = computed(() => settingsStore.sideTheme)


const theme = computed(() => settingsStore.theme)


const isCollapse = computed(() => !appStore.sidebar.opened)




const activeMenu = computed(() => {


  const { meta, path } = route;


  const { meta, path } = route


  // if set path, the sidebar will highlight the path you set


  if (meta.activeMenu) {


    return meta.activeMenu;


    return meta.activeMenu


  }


  return path;


  return path


})




</script>


<style lang="scss" scoped>






</style>


<style lang="scss" scoped></style>