From f1aa97dacb7367a0babc0ecd68ccd708ca4e854b Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 20 十二月 2023 16:03:59 +0800
Subject: [PATCH] 菜单数据存储进vuex中
---
src/components/layout/components/appsidebar/index.vue | 34 +++++++++++++---------------------
1 files changed, 13 insertions(+), 21 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index 8ffc890..4eacae5 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -2,6 +2,9 @@
<template>
<div class="app-sidebar">
<div class="box">
+ <div class="logo-view">
+ <el-image :src="require('@/assets/logo.png')"></el-image>
+ </div>
<el-menu
router
unique-opened
@@ -13,30 +16,14 @@
text-color="#bfcbd9"
active-text-color="#fff"
>
- <el-submenu index="1">
+ <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>渚涘簲鍟嗙鐞�</span>
+ <span>{{item.title}}</span>
</template>
- <el-menu-item index="/supplierManage/supplier">渚涘簲鍟�</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-submenu index="2">
- <template slot="title">
- <i class="el-icon-phone-outline icon"></i>
- <span>閲囪喘绠＄悊</span>
- </template>
- <el-menu-item index="/sales/salesOpportunity">閲囪喘璁㈠崟</el-menu-item>
- <el-menu-item index="/sales/quotation">閲囪喘璐ㄦ鍗�</el-menu-item>
- <el-menu-item index="/sales/masterOrder">閲囪喘鍏ュ簱鍗�</el-menu-item>
- <el-menu-item index="/sales/subOrder">閲囪喘閫�璐у崟</el-menu-item>
- </el-submenu>
- <el-submenu index="3">
- <template slot="title">
- <i class="el-icon-service icon"></i>
- <span>浜у搧绠＄悊</span>
- </template>
- <el-menu-item index="/productManage/product">浜у搧绠＄悊</el-menu-item>
- </el-submenu>
+
</el-menu>
</div>
</div>
@@ -47,13 +34,18 @@
name: "AppSidebar",
props: {},
data() {
- return {}
+ return {
+ }
},
watch: {},
created() {
this.initNavMenu()
+ this.getMenuTreeByRole()
},
methods: {
+ getMenuTreeByRole(){
+ this.menus=this.$store.state.menus.menus
+ },
// 鐩戝惉璺敱
initNavMenu() {
// console.log(this.$route.name)
--
Gitblit v1.8.0