From 61fba98d89d9629247561f1001b216214d574da2 Mon Sep 17 00:00:00 2001
From: insistence <3055204202@qq.com>
Date: Fri, 29 Aug 2025 14:47:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?=E7=89=88=E6=9D=83=E4=BF=A1=E6=81=AF=E5=8F=8A=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layout/components/AppMain.vue         |  6 ++++
 .../src/layout/components/Copyright/index.vue | 31 +++++++++++++++++++
 .../src/layout/components/Settings/index.vue  | 10 +++++-
 .../src/layout/components/TagsView/index.vue  |  4 +--
 ruoyi-fastapi-frontend/src/settings.js        | 12 ++++++-
 .../src/store/modules/settings.js             |  4 ++-
 ruoyi-fastapi-frontend/src/views/login.vue    |  2 +-
 7 files changed, 63 insertions(+), 6 deletions(-)
 create mode 100644 ruoyi-fastapi-frontend/src/layout/components/Copyright/index.vue

diff --git a/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue b/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
index 21f3039..0bb8b7e 100644
--- a/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
+++ b/ruoyi-fastapi-frontend/src/layout/components/AppMain.vue
@@ -8,10 +8,12 @@
       </transition>
     </router-view>
     <iframe-toggle />
+    <copyright />
   </section>
 </template>
 
 <script setup>
+import copyright from "./Copyright/index"
 import iframeToggle from "./IframeToggle/index"
 import useTagsViewStore from '@/store/modules/tagsView'
 
@@ -42,6 +44,10 @@ function addIframe() {
   overflow: hidden;
 }
 
+.app-main:has(.copyright) {
+  padding-bottom: 36px;
+}
+
 .fixed-header + .app-main {
   padding-top: 50px;
 }
diff --git a/ruoyi-fastapi-frontend/src/layout/components/Copyright/index.vue b/ruoyi-fastapi-frontend/src/layout/components/Copyright/index.vue
new file mode 100644
index 0000000..ed589de
--- /dev/null
+++ b/ruoyi-fastapi-frontend/src/layout/components/Copyright/index.vue
@@ -0,0 +1,31 @@
+<template>
+  <footer v-if="visible" class="copyright">
+    <span>{{ content }}</span>
+  </footer>
+</template>
+
+<script setup>
+import useSettingsStore from '@/store/modules/settings'
+
+const settingsStore = useSettingsStore()
+
+const visible = computed(() => settingsStore.footerVisible)
+const content = computed(() => settingsStore.footerContent)
+</script>
+
+<style scoped>
+.copyright {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 36px;
+  padding: 10px 20px;
+  text-align: right;
+  background-color: #f8f8f8;
+  color: #666;
+  font-size: 14px;
+  border-top: 1px solid #e7e7e7;
+  z-index: 999;
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-fastapi-frontend/src/layout/components/Settings/index.vue b/ruoyi-fastapi-frontend/src/layout/components/Settings/index.vue
index 6a56d86..71cd89e 100644
--- a/ruoyi-fastapi-frontend/src/layout/components/Settings/index.vue
+++ b/ruoyi-fastapi-frontend/src/layout/components/Settings/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-drawer v-model="showSettings" :withHeader="false" direction="rtl" size="300px">
+  <el-drawer v-model="showSettings" :withHeader="false" :lock-scroll="false" direction="rtl" size="300px">
     <div class="setting-drawer-title">
       <h3 class="drawer-title">主题风格设置</h3>
     </div>
@@ -77,6 +77,13 @@
       </span>
     </div>
 
+    <div class="drawer-item">
+      <span>底部版权</span>
+      <span class="comp-style">
+        <el-switch v-model="settingsStore.footerVisible" class="drawer-switch" />
+      </span>
+    </div>
+
     <el-divider />
 
     <el-button type="primary" plain icon="DocumentAdd" @click="saveSetting">保存配置</el-button>
@@ -131,6 +138,7 @@ function saveSetting() {
     "fixedHeader": storeSettings.value.fixedHeader,
     "sidebarLogo": storeSettings.value.sidebarLogo,
     "dynamicTitle": storeSettings.value.dynamicTitle,
+    "footerVisible": storeSettings.value.footerVisible,
     "sideTheme": storeSettings.value.sideTheme,
     "theme": storeSettings.value.theme
   };
diff --git a/ruoyi-fastapi-frontend/src/layout/components/TagsView/index.vue b/ruoyi-fastapi-frontend/src/layout/components/TagsView/index.vue
index 7f4bea9..7405c86 100644
--- a/ruoyi-fastapi-frontend/src/layout/components/TagsView/index.vue
+++ b/ruoyi-fastapi-frontend/src/layout/components/TagsView/index.vue
@@ -12,7 +12,7 @@
         @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
         @contextmenu.prevent="openMenu(tag, $event)"
       >
-        <svg-icon v-if="tagsIcon && tag.meta && tag.meta.icon && tag.meta.icon !== '#'" :icon-class="tag.meta.icon"/>
+        <svg-icon v-if="tagsIcon && tag.meta && tag.meta.icon && tag.meta.icon !== '#'" :icon-class="tag.meta.icon" />
         {{ tag.title }}
         <span v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)">
           <close class="el-icon-close" style="width: 1em; height: 1em;vertical-align: middle;" />
@@ -291,7 +291,7 @@ function handleScroll() {
   .tags-view-item.active.has-icon::before {
     content: none !important;
   }
-  
+
   .contextmenu {
     margin: 0;
     background: var(--el-bg-color-overlay, #fff);
diff --git a/ruoyi-fastapi-frontend/src/settings.js b/ruoyi-fastapi-frontend/src/settings.js
index b6e5941..d63af71 100644
--- a/ruoyi-fastapi-frontend/src/settings.js
+++ b/ruoyi-fastapi-frontend/src/settings.js
@@ -42,5 +42,15 @@ export default {
   /**
    * 是否显示动态标题
    */
-  dynamicTitle: false
+  dynamicTitle: false,
+
+  /**
+   * 是否显示底部版权
+   */
+  footerVisible: false,
+
+  /**
+   * 底部版权文本内容
+   */
+  footerContent: 'Copyright © 2024-2025 insistence.tech All Rights Reserved.'
 }
diff --git a/ruoyi-fastapi-frontend/src/store/modules/settings.js b/ruoyi-fastapi-frontend/src/store/modules/settings.js
index 77ab9f4..2913564 100644
--- a/ruoyi-fastapi-frontend/src/store/modules/settings.js
+++ b/ruoyi-fastapi-frontend/src/store/modules/settings.js
@@ -5,7 +5,7 @@ import { useDynamicTitle } from '@/utils/dynamicTitle'
 const isDark = useDark()
 const toggleDark = useToggle(isDark)
 
-const { sideTheme, showSettings, topNav, tagsView, tagsIcon, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
+const { sideTheme, showSettings, topNav, tagsView, tagsIcon, fixedHeader, sidebarLogo, dynamicTitle, footerVisible, footerContent } = defaultSettings
 
 const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
 
@@ -23,6 +23,8 @@ const useSettingsStore = defineStore(
       fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
       sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
       dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
+      footerVisible: storageSetting.footerVisible === undefined ? footerVisible : storageSetting.footerVisible,
+      footerContent: footerContent,
       isDark: isDark.value
     }),
     actions: {
diff --git a/ruoyi-fastapi-frontend/src/views/login.vue b/ruoyi-fastapi-frontend/src/views/login.vue
index 178071a..00ae0b5 100644
--- a/ruoyi-fastapi-frontend/src/views/login.vue
+++ b/ruoyi-fastapi-frontend/src/views/login.vue
@@ -59,7 +59,7 @@
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2024 insistence.tech All Rights Reserved.</span>
+      <span>Copyright © 2024-2025 insistence.tech All Rights Reserved.</span>
     </div>
   </div>
 </template>