| | |
| | | <template> |
| | | <div :class="{'has-logo':showLogo}"> |
| | | |
| | | <logo v-if="showLogo" :collapse="isCollapse" /> |
| | | <logo v-if="showLogo" :collapse="isCollapse"/> |
| | | <el-scrollbar wrap-class="scrollbar-wrapper" style="margin-top:56px;height: 85%"> |
| | | <el-menu |
| | | :default-active="activeMenu" |
| | |
| | | <!-- :item="route"--> |
| | | <!-- :base-path="route.path"--> |
| | | <!-- />--> |
| | | <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" /> |
| | | <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path"/> |
| | | |
| | | </el-menu> |
| | | </el-scrollbar> |
| | | <div style="position: absolute;bottom: 20px;left: 30px;"> |
| | | <div> |
| | | <el-button type="text">新凯迪制造V1.0.01</el-button> |
| | | <!-- <el-button type="text"><a href="http://www.ykxkd.com/" target="_blank">新凯迪制造V1.0.01</a></el-button>--> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | import {mapGetters} from 'vuex' |
| | | import Logo from './Logo' |
| | | import SidebarItem from './SidebarItem' |
| | | import variables from '@/styles/variables.scss' |
| | | import { LoginMenu } from '@/api/user' |
| | | import { removeCookie, setCookie } from '@/utils/auth' |
| | | import {LoginMenu} from '@/api/user' |
| | | import {removeCookie, setCookie} from '@/utils/auth' |
| | | |
| | | export default { |
| | | components: { SidebarItem, Logo }, |
| | | components: {SidebarItem, Logo}, |
| | | data() { |
| | | return { |
| | | routers: [] |
| | |
| | | }, |
| | | activeMenu() { |
| | | const route = this.$route |
| | | const { meta, path } = route |
| | | const {meta, path} = route |
| | | // if set path, the sidebar will highlight the path you set |
| | | removeCookie('ruleCode') |
| | | setCookie('ruleCode', meta.code)// 将编码规则code存到cookie里面 |
| | |
| | | color: white; |
| | | font-size: 18px; |
| | | } |
| | | .el-button--text:focus{ |
| | | |
| | | .el-button--text:focus { |
| | | color: white; |
| | | } |
| | | |
| | | #app .sidebar-container .el-submenu .el-menu-item { |
| | | background-color: transparent !important; |
| | | } |