From b822015daa6c004d6dfa9ec6b8ea4d972fb3d15d Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 7 Mar 2022 13:38:47 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=20=E9=9A=90=E8=97=8Fmenu=20?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8Aheader?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Home.vue        | 12 ++++++++++--
 src/permission.js                     |  2 +-
 src/router/index.js                   |  4 ++++
 src/store/index.js                    |  4 +++-
 src/store/modules/largeScreen.js      | 24 ++++++++++++++++++++++++
 src/views/largeScreen/largeScreen.vue | 21 +++++++++++++++++++++
 6 files changed, 63 insertions(+), 4 deletions(-)
 create mode 100644 src/store/modules/largeScreen.js
 create mode 100644 src/views/largeScreen/largeScreen.vue

diff --git a/src/components/layout/Home.vue b/src/components/layout/Home.vue
index c7ad5c6f..445560c8 100644
--- a/src/components/layout/Home.vue
+++ b/src/components/layout/Home.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="cn-home">
-    <left-menu @refresh="refresh"></left-menu>
+    <left-menu @refresh="refresh" v-show="showMenus"></left-menu>
     <main ref="body" class="cn-body">
-      <cn-header></cn-header>
+      <cn-header v-show="showHeader"></cn-header>
       <cn-container v-if="containerShow" ref="container"></cn-container>
     </main>
     <!-- 临时文本dom，用来计算文本长度 -->
@@ -21,6 +21,14 @@ export default {
     'cn-header': Header,
     'cn-container': Container
   },
+  computed: {
+    showHeader () {
+      return this.$store.getters.getShowMenu
+    },
+    showMenus () {
+      return this.$store.getters.getShowMenu
+    }
+  },
   data () {
     return {
       containerShow: true
diff --git a/src/permission.js b/src/permission.js
index 5f21039f..7155dbe9 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -7,7 +7,7 @@ import axios from 'axios'
 import { storageKey } from '@/utils/constants'
 import { loadI18n } from '@/i18n'
 
-const loginWhiteList = ['/login', '/'] // 免登陆白名单
+const loginWhiteList = ['/login', '/', '/largeScreen'] // 免登陆白名单
 const permissionWhiteList = [...loginWhiteList, '/entityDetail'] // 权限白名单
 
 router.beforeEach(async (to, from, next) => {
diff --git a/src/router/index.js b/src/router/index.js
index 16977cbc..3e9c5dec 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -49,6 +49,10 @@ const routes = [
       {
         path: '/chart',
         component: () => import('@/views/settings/Chart')
+      },
+      {
+        path: '/largeScreen',
+        component: () => import('@/views/largeScreen/largeScreen')
       }
     ]
   }
diff --git a/src/store/index.js b/src/store/index.js
index 45e4713f..0bf27ff9 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,11 +1,13 @@
 import { createStore } from 'vuex'
 import user from './modules/user'
 import panel from './modules/panel'
+import largeScreen from './modules/largeScreen'
 
 const store = createStore({
   modules: {
     user,
-    panel
+    panel,
+    largeScreen
   },
   state () {
     return {
diff --git a/src/store/modules/largeScreen.js b/src/store/modules/largeScreen.js
new file mode 100644
index 00000000..575c48b4
--- /dev/null
+++ b/src/store/modules/largeScreen.js
@@ -0,0 +1,24 @@
+import dayjs from 'dayjs'
+const largeScreen = {
+  state () {
+    return {
+      showMenu: true
+    }
+  },
+  mutations: {
+    setShowMenu (state, showMenu) {
+      state.showMenu = showMenu
+    }
+  },
+  getters: {
+    getShowMenu (state) {
+      return state.showMenu
+    }
+  },
+  actions: {
+    hideMenuHeader (state, res) {
+      state.commit('setShowMenu', false)
+    }
+  }
+}
+export default largeScreen
diff --git a/src/views/largeScreen/largeScreen.vue b/src/views/largeScreen/largeScreen.vue
new file mode 100644
index 00000000..c0236c5c
--- /dev/null
+++ b/src/views/largeScreen/largeScreen.vue
@@ -0,0 +1,21 @@
+<template>
+    largeScreen
+</template>
+
+<script>
+export default {
+  name: 'largeScreen',
+  created () {
+    this.init()
+  },
+  methods: {
+    init () {
+      this.$store.dispatch('hideMenuHeader')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>