From 8f46003c1b83255018e2693bd0241569e8c72f5b Mon Sep 17 00:00:00 2001
From: Caps <452713115@qq.com>
Date: Fri, 17 Apr 2020 13:56:29 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=92=E8=89=B2=E7=AE=A1=E7=90=86=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home.vue                   | 26 ++++++++++++++-------
 src/pages/shop/IncreaseConfigure.vue | 33 +++++++++++++++++++-------
 src/pages/shop/IncreaseData.vue      | 35 ++++++++++++++++------------
 src/pages/shop/IncreaseManager.vue   | 33 +++++++++++++++++++-------
 src/pages/shop/NoPermission.vue      | 15 ++++++++++++
 src/router/index.js                  |  6 +++++
 6 files changed, 107 insertions(+), 41 deletions(-)
 create mode 100644 src/pages/shop/NoPermission.vue

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index b3c0cf9..c168225 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -69,7 +69,7 @@
                 threePermissionList: [],
             }
         },
-        mounted(){
+        mounted() {
             let that = this;
             this.bus.$on('callBack', function () {
                 that.callBack();
@@ -97,6 +97,15 @@
         },
         methods: {
             onSelectLister(val) {
+                let i;
+                this.onePermissionList.forEach(function (data) {
+                    data.subMenuList.forEach(function (dta) {
+                        if(dta.id === val){
+                            i = dta;
+                        }
+                    })
+                });
+                sessionStorage.setItem("threeLevel",JSON.stringify(i.subMenuList));
                 for (let i = 0; i < this.onePermissionList.length; i++) {
                     let item = this.onePermissionList[i];
                     for (let k = 0; k < item.subMenuList.length; k++) {
@@ -210,7 +219,7 @@
                                 return data.pid === one.id
                             });
                             one.subMenuList = two;
-                        })
+                        });
                         //展开第一个菜单
                         that.menuInit();
                     }
@@ -221,24 +230,25 @@
                 let that = this;
                 that.selectedItemName = that.onePermissionList[0].subMenuList[0].id;
                 that.openName = [that.onePermissionList[0].id];
-                this.$nextTick(()=>{
+                this.$nextTick(() => {
                     this.$refs.menu.updateOpened();
                     this.$refs.menu.updateActiveName();
-                })
+                });
                 this.selectedMenu = this.onePermissionList[0].name;
                 this.selectedSubMenu = this.onePermissionList[0].subMenuList[0].name;
-                this.$router.push({path:that.onePermissionList[0].subMenuList[0].resource});
+                sessionStorage.setItem("threeLevel",JSON.stringify(this.onePermissionList[0].subMenuList[0].subMenuList));
+                this.$router.push({path: that.onePermissionList[0].subMenuList[0].resource});
             },
             //账户管理页面回调方法
-            callBack(){
+            callBack() {
                 let that = this;
                 this.selectedMenu = "设置管理";
                 this.selectedSubMenu = "账户管理";
                 this.selectedItemName = this.onePermissionList[0].subMenuList[0].id;
-                this.$nextTick(()=>{
+                this.$nextTick(() => {
                     that.$refs.menu.updateActiveName();
                 })
-            }
+            },
         },
 
     }
diff --git a/src/pages/shop/IncreaseConfigure.vue b/src/pages/shop/IncreaseConfigure.vue
index 9c5255a..7f599ee 100644
--- a/src/pages/shop/IncreaseConfigure.vue
+++ b/src/pages/shop/IncreaseConfigure.vue
@@ -1,13 +1,9 @@
 <template>
     <div>
-        <Menu mode="horizontal" active-name="1">
-            <MenuItem name="1" to="/shop/increase/configure/welcome">
-                <Icon type="ios-paper" />
-                欢迎语设置
-            </MenuItem>
-            <MenuItem name="2" to="/shop/increase/configure/group">
-                <Icon type="ios-people" />
-                群发消息
+        <Menu mode="horizontal" :active-name="selectedItemName">
+            <MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in threeLevel"
+                      :key="cItem.id">
+                {{cItem.name}}
             </MenuItem>
         </Menu>
         <div>
@@ -18,7 +14,26 @@
 
 <script>
     export default {
-        name: "IncreaseConfigure"
+        name: "IncreaseConfigure",
+        data() {
+            return {
+                threeLevel: null,
+                selectedItemName: null,
+            }
+        },
+        mounted() {
+            this.threeLevel = JSON.parse(sessionStorage.getItem("threeLevel"));
+            this.menuInit();
+        },
+        methods:{
+            menuInit(){
+                let that = this;
+                that.selectedItemName = [that.threeLevel[0].id];
+                this.$nextTick(() => {
+                    this.$refs.menu.updateActiveName();
+                });
+            }
+        }
     }
 </script>
 
diff --git a/src/pages/shop/IncreaseData.vue b/src/pages/shop/IncreaseData.vue
index 2a4a4be..4f2a657 100644
--- a/src/pages/shop/IncreaseData.vue
+++ b/src/pages/shop/IncreaseData.vue
@@ -1,19 +1,10 @@
 <template>
     <div>
-        <Menu mode="horizontal" active-name="1">
-            <MenuItem name="1" to="/shop/increase/data/region">
-                <Icon type="ios-paper" />
-                零售公司
+        <Menu mode="horizontal"  :active-name="selectedItemName">
+            <MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in threeLevel"
+                      :key="cItem.id">
+                {{cItem.name}}
             </MenuItem>
-            <MenuItem name="2" to="/shop/increase/data/store">
-                <Icon type="ios-people" />
-                门店
-            </MenuItem>
-            <MenuItem name="4" to="/shop/increase/data/staff">
-                <Icon type="ios-construct" />
-                导购
-            </MenuItem>
-
         </Menu>
         <div>
             <router-view/>
@@ -24,9 +15,23 @@
 <script>
     export default {
         name: "IncreaseData",
+        data() {
+            return {
+                threeLevel: null,
+                selectedItemName: null,
+            }
+        },
+        mounted() {
+            this.threeLevel = JSON.parse(sessionStorage.getItem("threeLevel"));
+            this.menuInit();
+        },
         methods:{
-            exportData () {
-
+            menuInit(){
+                let that = this;
+                that.selectedItemName = [that.threeLevel[0].id];
+                this.$nextTick(() => {
+                    this.$refs.menu.updateActiveName();
+                });
             }
         }
     }
diff --git a/src/pages/shop/IncreaseManager.vue b/src/pages/shop/IncreaseManager.vue
index f28cb13..11a9275 100644
--- a/src/pages/shop/IncreaseManager.vue
+++ b/src/pages/shop/IncreaseManager.vue
@@ -1,13 +1,9 @@
 <template>
     <div>
-        <Menu mode="horizontal" active-name="1">
-            <MenuItem name="1" to="/shop/increase/manager/store">
-                <Icon type="ios-paper" />
-                门店号管理
-            </MenuItem>
-            <MenuItem name="2" to="/shop/increase/manager/staff">
-                <Icon type="ios-people" />
-                推广人员管理
+        <Menu mode="horizontal" :active-name="selectedItemName"  v-model="this.threeLevel[0].id">
+            <MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in threeLevel"
+                      :key="cItem.id">
+                {{cItem.name}}
             </MenuItem>
         </Menu>
         <div>
@@ -18,7 +14,26 @@
 
 <script>
     export default {
-        name: "ShopIncrease"
+        name: "ShopIncrease",
+        data() {
+            return {
+                threeLevel: null,
+                selectedItemName: [],
+            }
+        },
+        mounted() {
+            this.threeLevel = JSON.parse(sessionStorage.getItem("threeLevel"));
+            this.menuInit();
+        },
+        methods:{
+            menuInit(){
+                let that = this;
+                that.selectedItemName = [that.threeLevel[0].id];
+                this.$nextTick(() => {
+                    this.$refs.menu.updateActiveName();
+                });
+            }
+        }
     }
 </script>
 
diff --git a/src/pages/shop/NoPermission.vue b/src/pages/shop/NoPermission.vue
new file mode 100644
index 0000000..a78fe8b
--- /dev/null
+++ b/src/pages/shop/NoPermission.vue
@@ -0,0 +1,15 @@
+<template>
+    <div>
+        <span>没有此页面的权限</span>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "NoPermission",
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index c8aa838..7402ebe 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -22,6 +22,7 @@ import IncreaseConfigure from '@/pages/shop/IncreaseConfigure';
 import IncreaseGroupSendConfigure from '@/pages/shop/IncreaseGroupSendConfigure';
 import IncreaseWelcomeConfigure from '@/pages/shop/IncreaseWelcomeConfigure';
 import IncreaseGroupSendConfigureAdd from '@/pages/shop/IncreaseGroupSendConfigureAdd';
+import NoPermission from '@/pages/shop/NoPermission';
 
 
 Vue.use(Router);
@@ -161,6 +162,11 @@ const router = new Router({
           path: '/customer/data/detail',
           name: 'CustomerDetail',
           component: CustomerDetail,
+        },
+        {
+          path: '/no/permission',
+          name: 'NoPermission',
+          component: NoPermission,
         }
       ]
     }