fix: cron组件中周回显bug

fuzui

2021-12-16 43d76e599091dc6b79b51f89c79514b50e33ea35

 ruoyi-ui/src/layout/components/Sidebar/index.vue

@@ -1,54 +1,57 @@
<template>

  <div :class="{'has-logo':showLogo}">

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

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

      <el-menu

        :default-active="activeMenu"

        :collapse="isCollapse"

        :background-color="variables.menuBg"

        :text-color="variables.menuText"

        :unique-opened="true"

        :active-text-color="variables.menuActiveText"

        :collapse-transition="false"

        mode="vertical"

      >

        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />

      </el-menu>

    </el-scrollbar>

  </div>

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

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

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

            <el-menu

                :default-active="activeMenu"

                :collapse="isCollapse"

                :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"

                :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"

                :unique-opened="true"

                :active-text-color="settings.theme"

                :collapse-transition="false"

                mode="vertical"

            >

                <sidebar-item

                    v-for="(route, index) in sidebarRouters"

                    :key="route.path  + index"

                    :item="route"

                    :base-path="route.path"

                />

            </el-menu>

        </el-scrollbar>

    </div>

</template>



<script>

import { mapGetters } from 'vuex'

import Logo from './Logo'

import SidebarItem from './SidebarItem'

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

import { mapGetters, mapState } from "vuex";

import Logo from "./Logo";

import SidebarItem from "./SidebarItem";

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



export default {

  components: { SidebarItem, Logo },

  computed: {

    ...mapGetters([

      'permission_routes',

      'sidebar'

    ]),

    activeMenu() {

      const route = this.$route

      const { meta, path } = route

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

      if (meta.activeMenu) {

        return meta.activeMenu

      }

      return path

    },

    showLogo() {

      return this.$store.state.settings.sidebarLogo

    },

    variables() {

      return variables

    },

    isCollapse() {

      return !this.sidebar.opened

    components: { SidebarItem, Logo },

    computed: {

        ...mapState(["settings"]),

        ...mapGetters(["sidebarRouters", "sidebar"]),

        activeMenu() {

            const route = this.$route;

            const { meta, path } = route;

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

            if (meta.activeMenu) {

                return meta.activeMenu;

            }

            return path;

        },

        showLogo() {

            return this.$store.state.settings.sidebarLogo;

        },

        variables() {

            return variables;

        },

        isCollapse() {

            return !this.sidebar.opened;

        }

    }

  }

}

};

</script>