From 5ecb7958c96d3f0b6d47b79aff7eb306c2cf690f Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期二, 06 八月 2024 11:16:58 +0800
Subject: [PATCH] gitlab上面的wms转移到公司git

---
 src/components/layout/components/appsidebar/index.vue |   29 +++++++++++------------------
 1 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index f45ebde..37d55a9 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -16,7 +16,8 @@
         text-color="#bfcbd9"
         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>
@@ -24,40 +25,25 @@
           <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)
@@ -73,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