From a2d3f987c04a2e5176a8686f1032f7f5bfee4af2 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期二, 30 十一月 2021 11:15:17 +0800 Subject: [PATCH] 优化代码 --- ruoyi-ui/src/layout/components/Settings/index.vue | 47 ++++++++++++++++++++++++++--------------------- 1 files changed, 26 insertions(+), 21 deletions(-) diff --git a/ruoyi-ui/src/layout/components/Settings/index.vue b/ruoyi-ui/src/layout/components/Settings/index.vue index eba8139..bd2f553 100644 --- a/ruoyi-ui/src/layout/components/Settings/index.vue +++ b/ruoyi-ui/src/layout/components/Settings/index.vue @@ -62,6 +62,11 @@ <el-switch v-model="sidebarLogo" class="drawer-switch" /> </div> + <div class="drawer-item"> + <span>动态标题</span> + <el-switch v-model="dynamicTitle" class="drawer-switch" /> + </div> + <el-divider/> <el-button size="small" type="primary" plain icon="el-icon-document-add" @click="saveSetting">保存配置</el-button> @@ -77,13 +82,11 @@ components: { ThemePicker }, data() { return { + theme: this.$store.state.settings.theme, sideTheme: this.$store.state.settings.sideTheme }; }, computed: { - theme() { - return this.$store.state.settings.theme - }, fixedHeader: { get() { return this.$store.state.settings.fixedHeader @@ -131,6 +134,17 @@ }) } }, + dynamicTitle: { + get() { + return this.$store.state.settings.dynamicTitle + }, + set(val) { + this.$store.dispatch('settings/changeSetting', { + key: 'dynamicTitle', + value: val + }) + } + }, }, methods: { themeChange(val) { @@ -138,6 +152,7 @@ key: 'theme', value: val }) + this.theme = val; }, handleTheme(val) { this.$store.dispatch('settings/changeSetting', { @@ -147,34 +162,24 @@ this.sideTheme = val; }, saveSetting() { - const loading = this.$loading({ - lock: true, - fullscreen: false, - text: "正在保存到本地,请稍后...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0.7)" - }); - localStorage.setItem( + this.$modal.loading("正在保存到本地,请稍候..."); + this.$cache.local.set( "layout-setting", `{ "topNav":${this.topNav}, "tagsView":${this.tagsView}, "fixedHeader":${this.fixedHeader}, "sidebarLogo":${this.sidebarLogo}, - "sideTheme":"${this.sideTheme}" + "dynamicTitle":${this.dynamicTitle}, + "sideTheme":"${this.sideTheme}", + "theme":"${this.theme}" }` ); - setTimeout(loading.close(), 1000) + setTimeout(this.$modal.closeLoading(), 1000) }, resetSetting() { - this.$loading({ - lock: true, - fullscreen: false, - text: "正在清除设置缓存并刷新,请稍后...", - spinner: "el-icon-loading", - background: "rgba(0, 0, 0, 0.7)" - }); - localStorage.removeItem("layout-setting") + this.$modal.loading("正在清除设置缓存并刷新,请稍候..."); + this.$cache.local.remove("layout-setting") setTimeout("window.location.reload()", 1000) } } -- Gitblit v1.9.2