From 302858f921bed077ab54dd31102f086bfe1add3c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 07 二月 2024 11:59:47 +0800
Subject: [PATCH] srm项目 系统参数设置的前端页面开发+增加相关路由+公共列表组件增加是否可以配置表头的逻辑
---
src/components/layout/components/appsidebar/index.vue | 42 +++++++++++++++++++++---------------------
1 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index afdf9be..0087b25 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,31 +16,16 @@
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="/purchaseManage/purchase">閲囪喘璁㈠崟</el-menu-item>
- <el-menu-item index="/purchaseManage/quality">閲囪喘璐ㄦ鍗�</el-menu-item>
- <el-menu-item index="/purchaseManage/warehouse">閲囪喘鍏ュ簱鍗�</el-menu-item>
- <el-menu-item index="/purchaseManage/returned">閲囪喘閫�璐у崟</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>
+ <el-empty v-if="this.menus===null||this.menus===undefined||this.menus.length===0" :image-size="130" description="娌℃湁渚ф爮鑿滃崟"></el-empty>
</div>
</div>
</template>
@@ -47,13 +35,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)
@@ -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