<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-12-14 17:10:00
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-01-22 11:32:56
|
* @FilePath: \jczz_web\src\page\index\sidebar\index.vue
|
* @Description:
|
*
|
* Copyright (c) 2024 by shuishen, All Rights Reserved.
|
-->
|
<template>
|
<div class="avue-sidebar">
|
<logo></logo>
|
<el-scrollbar style="height:100%">
|
<div v-if="validatenull(menu)" class="avue-sidebar--tip">{{ $t('menuTip') }}
|
</div>
|
<el-menu unique-opened :default-active="nowTagValue" mode="vertical" :show-timeout="200"
|
:collapse="keyCollapse">
|
<sidebar-item :menu="menu" :screen="screen" first :props="website.menu.props"
|
:collapse="keyCollapse"></sidebar-item>
|
</el-menu>
|
</el-scrollbar>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex"
|
import logo from "../logo"
|
import sidebarItem from "./sidebarItem"
|
|
export default {
|
name: "sidebar",
|
components: { sidebarItem, logo },
|
inject: ["index"],
|
data () {
|
return {}
|
},
|
created () {
|
// this.index.openMenu()
|
},
|
computed: {
|
...mapGetters(["website", "menu", "tag", "keyCollapse", "screen", "menuId"]),
|
nowTagValue: function () {
|
return this.$router.$avueRouter.getValue(this.$route)
|
}
|
},
|
methods: {}
|
}
|
</script>
|
<style lang="scss" scoped></style>
|
