From 4a2c1844243fbafeb76c802112563c7e515d31f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Fri, 20 May 2022 21:23:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=A0=E6=98=BE=E7=A4=BAfo?=
 =?UTF-8?q?oter=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Settings/index.vue | 22 +++++++++++++++++++---
 src/layout/index.vue                     |  3 ++-
 src/store/modules/settings.js            |  3 ++-
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index bb43604..88a9701 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -19,8 +19,8 @@
     </div>
     <div class="drawer-item">
       <el-radio-group v-model="mode" size="small">
-        <el-radio label="dark">{{$t('layout.darkMode')}}</el-radio>
-        <el-radio label="light">{{$t('layout.lightMode')}}</el-radio>
+        <el-radio label="dark">{{ $t('layout.darkMode') }}</el-radio>
+        <el-radio label="light">{{ $t('layout.lightMode') }}</el-radio>
         <el-radio label="cafe">cafe</el-radio>
         <!-- <el-radio label="contrast">contrast</el-radio> -->
       </el-radio-group>
@@ -53,7 +53,12 @@
         <el-switch v-model="tagsView" class="drawer-switch" />
       </span>
     </div>
-
+    <div class="drawer-item">
+      <span>显示底部栏</span>
+      <span class="comp-style">
+        <el-switch v-model="showFooter" class="drawer-switch" />
+      </span>
+    </div>
     <!-- <div class="drawer-item">
       <span>{{ $t('layout.fixed') }} Header</span>
       <span class="comp-style">
@@ -142,6 +147,16 @@ const fixedHeader = computed({
     })
   },
 })
+// 是否显示底部
+const showFooter = computed({
+  get: () => storeSettings.value.showFooter,
+  set: (val) => {
+    store.dispatch('settings/changeSetting', {
+      key: 'showFooter',
+      value: val,
+    })
+  },
+})
 /**是否需要侧边栏的logo */
 const sidebarLogo = computed({
   get: () => storeSettings.value.sidebarLogo,
@@ -225,6 +240,7 @@ function saveSetting() {
     dynamicTitle: storeSettings.value.dynamicTitle,
     sideTheme: storeSettings.value.sideTheme,
     theme: storeSettings.value.theme,
+    showFooter: storeSettings.value.showFooter,
   }
   localStorage.setItem('layout-setting', JSON.stringify(layoutSetting))
   setTimeout(proxy.$modal.closeLoading(), 500)
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 842fba3..65a670d 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -17,7 +17,7 @@
           </transition>
         </router-view>
       </el-main>
-      <el-footer>
+      <el-footer v-if="showFooter">
         <div v-html="defaultSettings.copyright"></div>
       </el-footer>
       <settings ref="settingRef" />
@@ -38,6 +38,7 @@ const sidebar = computed(() => store.state.app.sidebar)
 const device = computed(() => store.state.app.device)
 const needTagsView = computed(() => store.state.settings.tagsView)
 const fixedHeader = computed(() => store.state.settings.fixedHeader)
+const showFooter = computed(() => store.state.settings.showFooter)
 
 const route = useRoute()
 store.dispatch('tagsView/addCachedView', route)
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index 881458e..2fb8aaf 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -13,7 +13,8 @@ const state = {
   tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
   fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
   sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
-  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
+  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
+  showFooter: storageSetting.showFooter === undefined ? true : storageSetting.showFooter
 }
 const mutations = {
   CHANGE_SETTING: (state, { key, value }) => {