框架修改

src/router/index.js

@@ -20,17 +20,30 @@ import basic from "./basic" // 基础功能
 // import payment from "./payment" // 缴费管理
 // import smartMall from "./smartMall" // 智慧商城 
 // import operation from "./operation" // 运营管理
-// import set from "./set" // 设置
+import setting from "./setting" // 设置
 
 const router = [
     {
         path: "/",
-        name: "Layout",
+        name: "basic",
-        title: "外框",
+        title: "基础",
         component: Layout,
         redirect: '/Console',
         meta: {title: '首页'},
-        children: [...basic]
+        children: [
+            ...basic,
+        ]
+    },
+    {
+        path: "/setting",
+        name: "setting",
+        title: "设置",
+        component: Layout,
+        redirect: '/basicSet',
+        meta: {title: '设置'},
+        children: [
+            ...setting,
+        ]
     },
     {
         path: "/login",

src/router/set.js

@@ -1,9 +0,0 @@
-/*
- * @Author: your name
- * @Date: 2021-11-24 14:55:05
- * @LastEditTime: 2021-11-24 14:55:06
- * @LastEditors: Please set LastEditors
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: /LittleBeeSaas/src/router/set.js
- */
-export default []

src/router/setting.js

@@ -0,0 +1,11 @@
+export default [
+    {
+        path: '/basicSet',
+        name: "basicSet",
+        title: "基础设置",
+        hide: false,
+        icon: 'container',
+        component: resolve => require(['@/views/Set/basicSet'], resolve),
+        meta: {title: '基础设置'}
+    },
+]

src/views/Employee/index.vue

@@ -262,6 +262,7 @@ export default {
       pager.pageSize = pagination.pageSize;
       this.pagination = pager;
     },
+    onChange(){}
   },
 };
 </script>

src/views/Layout/index.vue

@@ -10,7 +10,7 @@
     <a-layout id="components-layout-demo-custom-trigger">
         <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
             <div class="logo"><img class="m1" src="../../assets/images/logo.png" /><span class="s1" v-if="!collapsed">小蜜蜂SaaS</span></div>
-            <yMenu :csd="collapsed"></yMenu>
+            <yMenu :csd="collapsed" :num='tagActive'></yMenu>
         </a-layout-sider>
         <a-layout>
             <a-layout-header style="background: #fff; padding: 0; height: 42px">
@@ -50,6 +50,12 @@ export default {
             },
             immediate: true,
         },
+        tagActive:{
+            handler(val) {
+                 sessionStorage.setItem('modal',this.menuTags[val].value)
+            },
+            immediate: true,
+        }
     },
     data() {
         return {
@@ -58,23 +64,23 @@ export default {
             menuTags: [
                 {
                     label: "基础功能",
-                    value: "a"
+                    value: "basic"
                 },
                 {
                     label: "缴费管理",
-                    value: "b"
+                    value: "payment"
                 },
                 {
                     label: "智慧商城",
-                    value: "c"
+                    value: "smartMall"
                 },
                 {
                     label: "运营管理",
-                    value: "d"
+                    value: "operation"
                 },
                 {
                     label: "设置",
-                    value: "e"
+                    value: "setting"
                 }
             ],
         };

src/views/Layout/yMenu/index.vue

@@ -56,7 +56,8 @@ export default {
             type: Boolean,
             default: false,
             indexPath: 0
-        }
+        },
+        num:Number,
     },
     watch: {
        csd: {
@@ -73,6 +74,13 @@ export default {
             },
             immediate: true,
         },
+        // 当num变化 重新渲染菜单
+        num:{
+            handler() {
+                this.initMenu()
+            },
+            immediate: true,
+        }
 
     },
      components: {
@@ -105,14 +113,19 @@ export default {
             this.$router.push(key)
         },
         initMenu() {
+            // console.log(this.$router);
+            // console.log(sessionStorage.getItem('modal'));
+            let modal=  sessionStorage.getItem('modal')
             let routes = this.$router.options.routes || [];
             let farr = routes.filter(ele => {
-                return ele.name === 'Layout'
+                return ele.name === modal
             });
             let arr = farr[0].children || [];
             let menus = [];
             this.routerToMenu(arr, menus);
             this.list = menus;
+            let path = farr[0].redirect
+            this.$router.push({path:path})
         },
         // 递归数据
         routerToMenu(arr = [], menus) {
@@ -141,7 +154,7 @@ export default {
                     this.routerToMenu(arr[i].children, obj.children)
                 }
             }
-            
+            // console.log(menus);
         }
         
     }

src/views/Login/index.vue

@@ -2,6 +2,7 @@
   <div class="bg">
     <div class="logo-box">
       <img src="@/assets/images/logo.png" alt="" />
+      <span class="title">智慧小区后台管理系统</span>
     </div>
     <div class="login-box">
       <a-row>
@@ -228,10 +229,14 @@ export default {
   line-height: 93px;
   margin-bottom: 93px;
   img {
-    width: 61px;
+    width: 51px;
-    height: 61px;
+    height: 51px;
     background: #ffffff;
     margin-left: 42px;
+    margin-bottom: 13px;
+  }
+  .title{
+    font-size:28px;color:#333333;font-weight:500;margin-left: 20px;line-height: 93px;
   }
 }
 .login-box {

src/views/Set/basicSet/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>1</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>