From 8f6b6056f828fd501429e5f148d38e5d5148be6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=89=E8=99=B9=E7=9D=BF?= <297504645@qq.com>
Date: Wed, 9 Aug 2023 09:08:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E8=B7=AF=E7=94=B1=E5=8F=8A?=
 =?UTF-8?q?=E6=89=80=E6=9C=89=E8=B7=AF=E7=94=B1=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/store/modules/permission.js           | 17 +++---
 PC/InterFace.Dash/src/views/menuAll/index.vue | 60 +++++++++++++++++++
 2 files changed, 67 insertions(+), 10 deletions(-)
 create mode 100644 PC/InterFace.Dash/src/views/menuAll/index.vue

diff --git a/PC/InterFace.Dash/src/store/modules/permission.js b/PC/InterFace.Dash/src/store/modules/permission.js
index d550b8a..1cbd7af 100644
--- a/PC/InterFace.Dash/src/store/modules/permission.js
+++ b/PC/InterFace.Dash/src/store/modules/permission.js
@@ -88,11 +88,13 @@ const mutations = {
  * @param data 后端返回的菜单数据
  */
 export function generaMenu(routes, data, first) {
+  // 不显示的菜单配置隐藏
+  let _noShowMenus = localStorage.getItem('menuHiddenConfig').split(',')
   data.forEach(item => {
     let _item = {
       path: '/'+item.name,
       component: loadView(item.name),
-      // hidden: item.status === 0, // 状态为0的隐藏
+      hidden: _noShowMenus.indexOf(item.name) >= 0, // 状态为0的隐藏
       name: item.name,
       // meta: item.meta
       meta: {
@@ -180,11 +182,6 @@ const actions = {
         }
         // 存储所有的表名
         commit('SET_TABLESNAME', _menuList)
-        // todo-new:接口获取 接口没有走配置文件
-        let _noShowMenus = null//不显示的菜单
-        _noShowMenus = localStorage.getItem('menuHiddenConfig').split(',')
-        // 去掉不显示的菜单后全部显示的菜单
-        let _showMenus = _noShowMenus && _noShowMenus.length > 0 ? _menuList.filter(item1 => !_noShowMenus.some(item2 => item2 === item1)) : _menuList
         // 数据模拟，todo-new:接口获取
         let _treeMenusAll = null//树形菜单
         // _treeMenusAll = [
@@ -237,13 +234,13 @@ const actions = {
         
         let _initTreeMenus = []
         if(_treeMenusAll && _treeMenusAll.length > 0){
-          _initTreeMenus = initTreeMenusHandle(_treeMenusAll,_showMenus,true)
+          _initTreeMenus = initTreeMenusHandle(_treeMenusAll,_menuList,true)
         }else{
           let _data = []
-          for(let i in _showMenus){
-            _data.push({name:_showMenus[i]})
+          for(let i in _menuList){
+            _data.push({name:_menuList[i]})
           }
-          _initTreeMenus = initTreeMenusHandle(_data,_showMenus,true)
+          _initTreeMenus = initTreeMenusHandle(_data,_menuList,true)
         }
         // 最后查重+层级查重后的菜单
         let _initEndMenus = generaMenu(asyncRoutes, _initTreeMenus,true)
diff --git a/PC/InterFace.Dash/src/views/menuAll/index.vue b/PC/InterFace.Dash/src/views/menuAll/index.vue
new file mode 100644
index 0000000..72f061e
--- /dev/null
+++ b/PC/InterFace.Dash/src/views/menuAll/index.vue
@@ -0,0 +1,60 @@
+<template>
+    <div class="dashboardPage">
+        <el-tree 
+            :data="navList" 
+            :props="defaultProps" 
+            @node-click="goPage"
+        ></el-tree>
+    </div>
+</template>
+    
+<script>
+import { mapGetters } from 'vuex'
+export default {
+    name: 'Dashboard',
+    data() {
+        return {
+            navList:[],
+            defaultProps: {
+                children: 'children',
+                label: 'title'
+            }
+        }
+    },
+    computed: {
+        ...mapGetters([
+            'permission_routes'
+        ])
+    },
+    mounted(){
+        this.initData(this.permission_routes)
+    },
+    methods:{
+        initData(data){
+            data.forEach(item => {
+                if(item.path !== '/' && item.meta) {
+                    let _item = {
+                        title:item.meta.title,
+                        name:item.name,
+                        path:item.path,
+                        children:item.children
+                    }
+                    this.navList.push(_item)
+                }
+                if(item.children){
+                    this.initData(item.children)
+                }
+            })
+        },
+        goPage(item){
+            this.$router.push({name: item.name}) 
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+.dashboardPage{
+    padding:30px 10px;
+    background: #fff;
+}
+</style>
\ No newline at end of file