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 | 59 ++++++++++++++++-------------------------------------------
1 files changed, 16 insertions(+), 43 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index ea8aeef..37d55a9 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -16,52 +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="/productManage/productCategory">浜у搧绫诲埆</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="/operate/inventoryAdjustment">搴撳瓨璋冩暣</el-menu-item>
- <el-menu-item index="/operate/allot">搴撳瓨璋冩嫧</el-menu-item>
- <el-menu-item index="/operate/scrap">搴撳瓨鎶ュ簾</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="/warehouseManage/warehouse">浠撳簱</el-menu-item>
- <el-menu-item index="/warehouseManage/position">浣嶇疆</el-menu-item>
- <el-menu-item index="/warehouseManage/bussinessType">涓氬姟绫诲瀷</el-menu-item>
- <el-menu-item index="/warehouseManage/listingRules">涓婃灦瑙勫垯</el-menu-item>
- </el-submenu>
- <el-submenu index="5">
- <template slot="title">
- <i class="el-icon-box icon"></i>
- <span>鎶ヨ〃</span>
- </template>
- <el-menu-item index="/reportForm/inventoryReport">搴撳瓨鎶ヨ〃</el-menu-item>
- <el-menu-item index="/reportForm/locationReport">浣嶇疆鎶ヨ〃</el-menu-item>
- <!-- <el-menu-item index="/warehouseManage/bussinessType">鏌愭棩搴撳瓨</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>
@@ -71,7 +35,9 @@
name: "AppSidebar",
props: {},
data() {
- return {}
+ return {
+ menus: this.$store.state.menus
+ }
},
watch: {},
created() {
@@ -83,7 +49,7 @@
// console.log(this.$route.name)
},
handleOpen(index) {
- console.log(index)
+ console.log(index, "menuIndex")
},
handleClose() {}
}
@@ -93,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