From 5ecb7958c96d3f0b6d47b79aff7eb306c2cf690f Mon Sep 17 00:00:00 2001 From: charles <981744753@qq.com> Date: 星期二, 06 八月 2024 11:16:58 +0800 Subject: [PATCH] gitlab上面的wms转移到公司git --- src/components/layout/components/appsidebar/index.vue | 29 +++++++++++------------------ 1 files changed, 11 insertions(+), 18 deletions(-) diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue index f45ebde..37d55a9 100644 --- a/src/components/layout/components/appsidebar/index.vue +++ b/src/components/layout/components/appsidebar/index.vue @@ -16,7 +16,8 @@ text-color="#bfcbd9" active-text-color="#fff" > - <el-submenu v-for="item in menus" :key="item.id" :index="item.id"> + + <el-submenu v-for="item in menus" :key="item.id" :index="item.id.toString()"> <template slot="title"> <i class="el-icon-s-grid icon"></i> <span>{{ item.title }}</span> @@ -24,40 +25,25 @@ <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item> </el-submenu> </el-menu> + <el-empty v-if="this.menus===null||this.menus===undefined||this.menus.length===0" :image-size="130" description="娌℃湁渚ф爮鑿滃崟"></el-empty> </div> </div> </template> <script> -import { getMenuTreeByRole } from "@/api/menus/index" -import { mapMutations } from "vuex" export default { name: "AppSidebar", props: {}, data() { return { - menus: [] + menus: this.$store.state.menus } }, watch: {}, created() { this.initNavMenu() - this.getMenuTreeByRole() - }, - computed: { - // ...mapState(['menus']), }, methods: { - ...mapMutations(["setMenus"]), - getMenuTreeByRole() { - getMenuTreeByRole().then((res) => { - res.data.list.map((item) => { - if (item.systemType === 3) { - this.menus = item.menus - } - }) - }) - }, // 鐩戝惉璺敱 initNavMenu() { // console.log(this.$route.name) @@ -73,4 +59,11 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> @import "./index.scss"; +::v-deep .el-empty{ + .el-empty__description{ + p{ + color: #dddd; + } + } +} </style> -- Gitblit v1.8.0