From d68b036a3b3c67273b8effa3c9925ef3869a91ba Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 07 二月 2024 13:56:50 +0800
Subject: [PATCH] wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置
---
src/components/layout/components/appsidebar/index.vue | 51 +++++++++++++++++----------------------------------
1 files changed, 17 insertions(+), 34 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index 2721f3a..37d55a9 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -3,7 +3,7 @@
<div class="app-sidebar">
<div class="box">
<div class="logo-view">
- <el-image :src="require('@/assets/logo.png')"></el-image>
+ <!-- <el-image :src="require('@/assets/logo.png')"></el-image> -->
</div>
<el-menu
router
@@ -16,42 +16,16 @@
text-color="#bfcbd9"
active-text-color="#fff"
>
- <el-menu-item index="/overview">
- <template slot="title">
- <i class="el-icon-bank-card icon"></i>
- <span>姒傝堪</span>
- </template>
- <!-- <el-menu-item index="/supplierManage/supplier">渚涘簲鍟�</el-menu-item> -->
- </el-menu-item>
- <el-submenu index="2">
+
+ <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>浜у搧</span>
+ <span>{{ item.title }}</span>
</template>
- <el-menu-item index="/productManage/product">浜у搧</el-menu-item>
- <el-menu-item index="/purchaseManage/quality">浜у搧绫诲埆</el-menu-item>
- </el-submenu>
- <el-submenu index="3">
- <template slot="title">
- <i class="el-icon-setting icon"></i>
- <span>鎿嶄綔</span>
- </template>
- <el-menu-item index="/productManage/product">琛ヨ揣</el-menu-item>
- <el-menu-item index="/productManage/product">搴撳瓨璋冩暣</el-menu-item>
- <el-menu-item index="/productManage/product">璋冩嫧</el-menu-item>
- <el-menu-item index="/productManage/product">鎶ュ簾</el-menu-item>
- </el-submenu>
- <el-submenu index="4">
- <template slot="title">
- <i class="el-icon-box icon"></i>
- <span>浠撳簱绠＄悊</span>
- </template>
- <el-menu-item index="/productManage/product">浠撳簱</el-menu-item>
- <el-menu-item index="/productManage/product">浣嶇疆</el-menu-item>
- <el-menu-item index="/productManage/product">涓氬姟绫诲瀷</el-menu-item>
- <!-- <el-menu-item index="/productManage/product">涓婃灦瑙勫垯</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>
@@ -61,7 +35,9 @@
name: "AppSidebar",
props: {},
data() {
- return {}
+ return {
+ menus: this.$store.state.menus
+ }
},
watch: {},
created() {
@@ -73,7 +49,7 @@
// console.log(this.$route.name)
},
handleOpen(index) {
- console.log(index)
+ console.log(index, "menuIndex")
},
handleClose() {}
}
@@ -83,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