From 88e42f94b4974f2cd01db617bcd7c401953e2a11 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 27 三月 2024 15:17:32 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/SRM
---
src/components/layout/components/appsidebar/index.vue | 20 ++++++++++----------
1 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index 53edca9..0087b25 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -16,7 +16,7 @@
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-money icon"></i>
<span>{{item.title}}</span>
@@ -25,18 +25,17 @@
</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"
export default {
name: "AppSidebar",
props: {},
data() {
return {
- menus:[]
}
},
watch: {},
@@ -46,13 +45,7 @@
},
methods: {
getMenuTreeByRole(){
- getMenuTreeByRole().then((res)=>{
- res.data.list.map((item)=>{
- if(item.systemType===4){
- this.menus=item.menus
- }
- })
- })
+ this.menus=this.$store.state.menus.menus
},
// 鐩戝惉璺敱
initNavMenu() {
@@ -69,4 +62,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