[update] -会员系统单点登录 做菜单、头部信息的隐藏

src/components/layouts/TabLayout.vue

@@ -4,6 +4,7 @@
     <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect"/>
     <!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
     <a-tabs
+      v-show="showMenu"
       @contextmenu.native="e => onContextmenu(e)"
       v-if="multipage"
       :active-key="activePage"
@@ -39,6 +40,7 @@
   const indexKey = '/dashboard/analysis'
   import Vue from 'vue'
   import { CACHE_INCLUDED_ROUTES } from '@/store/mutation-types'
+  import {mapState} from 'vuex'
 
   export default {
     name: 'TabLayout',
@@ -77,6 +79,13 @@
         } else {
           return this.$store.state.app.multipage
         }
+      },
+      ...mapState({
+        // 系统名称 目的是监听是否是会员系统，会员系统隐藏菜单
+        system: state => state.user.system
+      }),
+      showMenu() {
+        return this.system !== 'member'
       }
     },
     created() {

src/components/page/GlobalLayout.vue

@@ -1,6 +1,5 @@
 <template>
   <a-layout class="layout" :class="[device]">
-
     <template v-if="layoutMode === 'sidemenu'">
       <a-drawer
         v-if="device === 'mobile'"
@@ -22,7 +21,7 @@
       </a-drawer>
 
       <side-menu
-        v-show="device === 'desktop'"
+        v-show="device === 'desktop' && showMenu"
         mode="inline"
         :menus="menus"
         @menuSelect="myMenuSelect"
@@ -33,6 +32,7 @@
     <!-- 下次优化这些代码 -->
     <template v-else>
       <a-drawer
+        v-show="showMenu"
         v-if="device === 'mobile'"
         :wrapClassName="'drawer-sider ' + navTheme"
         placement="left"
@@ -62,6 +62,7 @@
         :collapsed="collapsed"
         :device="device"
         @toggle="toggle"
+        v-show="showMenu"
       />
 
       <!-- layout content -->
@@ -119,8 +120,13 @@ export default {
       // 主路由
       mainRouters: state => state.permission.addRouters,
       // 后台菜单
-      permissionMenuList: state => state.user.permissionList
-    })
+      permissionMenuList: state => state.user.permissionList,
+      // 系统名称 目的是监听是否是会员系统，会员系统隐藏菜单
+      system: state => state.user.system
+    }),
+    showMenu() {
+      return this.system !== 'member'
+    }
   },
   watch: {
     sidebarOpened(val) {

src/permission.js

@@ -15,6 +15,10 @@ router.beforeEach((to, from, next) => {
   if (to.query.token) {
     Vue.ls.set(ACCESS_TOKEN, to.query.token, 7 * 24 * 60 * 60 * 1000)
     store.commit('SET_TOKEN', to.query.token)
+    // 判断是否是会员系统iframe嵌入的，如果是 不先做左侧菜单和 头部标签
+    if(to.query.system === 'member') {
+      store.commit('SET_SYSTEM', to.query.system)
+    }
   }
 
   NProgress.start() // start progress bar

src/store/modules/user.js

@@ -7,6 +7,8 @@ import { getAction } from '@/api/manage'
 
 const user = {
   state: {
+    // 使用系统的名称，只有在会员系统嵌入来款系统的时候使用 传值为 member
+    system: '',
     token: '',
     username: '',
     realname: '',
@@ -18,6 +20,9 @@ const user = {
   },
 
   mutations: {
+    SET_SYSTEM: (state, system) => {
+      state.system = system
+    },
     SET_TOKEN: (state, token) => {
       state.token = token
     },
@@ -205,4 +210,4 @@ const user = {
   }
 }
 
-export default user
+export default user

src/utils/hasPermission.js

@@ -4,7 +4,7 @@ const hasPermission = {
     install (Vue, options) {
           Vue.directive('has', {
             inserted: (el, binding, vnode)=>{
-              // console.log('binding=====',binding.value)
+              // console.log('binding=====',binding)
               if(binding.arg){
                 binding.value = binding.arg
                 // console.log(  binding.value ,'  binding.value =================')