fix: cron组件中周回显bug

fuzui

2021-12-16 43d76e599091dc6b79b51f89c79514b50e33ea35

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

@@ -1,26 +1,26 @@
<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="settings.theme"

        :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>

@@ -30,28 +30,28 @@
import variables from "@/assets/styles/variables.scss";



export default {

  components: { SidebarItem, Logo },

  computed: {

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

    ...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>