| | |
| | | <template> |
| | | <div class="avue-sidebar" id="menuLeft"> |
| | | <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" |
| | | background-color="#fff" |
| | | > |
| | | <sidebar-item |
| | | :menu="menu" |
| | | :screen="screen" |
| | | first |
| | | :props="website.menu.props" |
| | | :collapse="keyCollapse" |
| | | ></sidebar-item> |
| | | </el-menu> |
| | | </el-scrollbar> |
| | | </div> |
| | | <div class="avue-sidebar" |
| | | id="menuLeft"> |
| | | <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" |
| | | background-color="#fff"> |
| | | <sidebar-item :menu="menu" |
| | | :screen="screen" |
| | | first |
| | | :props="website.menu.props" |
| | | :xkTotal="xkTotal" |
| | | :collapse="keyCollapse"></sidebar-item> |
| | | </el-menu> |
| | | </el-scrollbar> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import logo from "../logo"; |
| | | import sidebarItem from "./sidebarItem"; |
| | | import { |
| | | getList, |
| | | } from "@/api/licenseApproval/permit"; |
| | | |
| | | export default { |
| | | name: "sidebar", |
| | | components: { sidebarItem, logo }, |
| | | inject: ["index"], |
| | | data() { |
| | | return {}; |
| | | }, |
| | | created() { |
| | | this.index.openMenu(); |
| | | // var menuDom = document.getElementById("menuLeft"); |
| | | // menuDom. |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | | "website", |
| | | "menu", |
| | | "tag", |
| | | "keyCollapse", |
| | | "screen", |
| | | "menuId", |
| | | ]), |
| | | nowTagValue: function () { |
| | | return this.$router.$avueRouter.getValue(this.$route); |
| | | name: "sidebar", |
| | | components: { sidebarItem, logo }, |
| | | inject: ["index"], |
| | | data () { |
| | | return { |
| | | xkTotal: 0 |
| | | }; |
| | | }, |
| | | }, |
| | | methods: {}, |
| | | created () { |
| | | getList().then(res => { |
| | | this.xkTotal = res.data.data.total |
| | | }) |
| | | |
| | | this.index.openMenu(); |
| | | // var menuDom = document.getElementById("menuLeft"); |
| | | // menuDom. |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | | "website", |
| | | "menu", |
| | | "tag", |
| | | "keyCollapse", |
| | | "screen", |
| | | "menuId", |
| | | ]), |
| | | nowTagValue: function () { |
| | | return this.$router.$avueRouter.getValue(this.$route); |
| | | }, |
| | | }, |
| | | methods: {}, |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |