RuoYi
2025-05-23 3293e2fb564fbc3cff4a9268b6595ff7f99b37b2
ruoyi-ui/src/layout/components/Settings/index.vue
@@ -1,5 +1,5 @@
<template>
  <el-drawer size="280px" :visible="visible" :with-header="false" :append-to-body="true" :show-close="false">
  <el-drawer size="280px" :visible="showSettings" :with-header="false" :append-to-body="true" :before-close="closeSetting">
    <div class="drawer-container">
      <div>
        <div class="setting-drawer-content">
@@ -38,7 +38,7 @@
        <el-divider/>
        <h3 class="drawer-title">系统布局配置</h3>
        <div class="drawer-item">
          <span>开启 TopNav</span>
          <el-switch v-model="topNav" class="drawer-switch" />
@@ -78,18 +78,15 @@
export default {
  components: { ThemePicker },
  expose: ['openSetting'],
  data() {
    return {
      theme: this.$store.state.settings.theme,
      sideTheme: this.$store.state.settings.sideTheme
    };
      sideTheme: this.$store.state.settings.sideTheme,
      showSettings: false
    }
  },
  computed: {
    visible: {
      get() {
        return this.$store.state.settings.showSettings
      }
    },
    fixedHeader: {
      get() {
        return this.$store.state.settings.fixedHeader
@@ -111,8 +108,8 @@
          value: val
        })
        if (!val) {
          this.$store.dispatch('app/toggleSideBarHide', false);
          this.$store.commit("SET_SIDEBAR_ROUTERS", this.$store.state.permission.defaultRoutes);
          this.$store.dispatch('app/toggleSideBarHide', false)
          this.$store.commit("SET_SIDEBAR_ROUTERS", this.$store.state.permission.defaultRoutes)
        }
      }
    },
@@ -147,6 +144,7 @@
          key: 'dynamicTitle',
          value: val
        })
        this.$store.dispatch('settings/setTitle', this.$store.state.settings.title)
      }
    },
  },
@@ -156,17 +154,23 @@
        key: 'theme',
        value: val
      })
      this.theme = val;
      this.theme = val
    },
    handleTheme(val) {
      this.$store.dispatch('settings/changeSetting', {
        key: 'sideTheme',
        value: val
      })
      this.sideTheme = val;
      this.sideTheme = val
    },
    openSetting() {
      this.showSettings = true
    },
    closeSetting(){
      this.showSettings = false
    },
    saveSetting() {
      this.$modal.loading("正在保存到本地,请稍候...");
      this.$modal.loading("正在保存到本地,请稍候...")
      this.$cache.local.set(
        "layout-setting",
        `{
@@ -178,11 +182,11 @@
            "sideTheme":"${this.sideTheme}",
            "theme":"${this.theme}"
          }`
      );
      )
      setTimeout(this.$modal.closeLoading(), 1000)
    },
    resetSetting() {
      this.$modal.loading("正在清除设置缓存并刷新,请稍候...");
      this.$modal.loading("正在清除设置缓存并刷新,请稍候...")
      this.$cache.local.remove("layout-setting")
      setTimeout("window.location.reload()", 1000)
    }