From 4c71426795d126d0491f2e4105090273909e6d51 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期五, 19 四月 2024 15:16:38 +0800
Subject: [PATCH] 辅助数量限制值修改
---
src/components/layout/components/appsidebar/index.vue | 33 ++++++++++++---------------------
1 files changed, 12 insertions(+), 21 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index f14c975..37d55a9 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -17,55 +17,39 @@
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>
</template>
- <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item>
-
+ <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)
},
handleOpen(index) {
- console.log(index,"menuIndex")
+ console.log(index, "menuIndex")
},
handleClose() {}
}
@@ -75,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