From bdfd2f0787b0a39fb65793a7f57c95f5de09edf4 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子li <15040126243@163.com> Date: 星期一, 30 八月 2021 12:49:19 +0800 Subject: [PATCH] Merge branch 'master' of https://gitee.com/y_project/RuoYi-Vue into dev --- ruoyi-ui/src/layout/components/Settings/index.vue | 85 +++++++++++++++++++++++++++++++++++++++--- 1 files changed, 78 insertions(+), 7 deletions(-) diff --git a/ruoyi-ui/src/layout/components/Settings/index.vue b/ruoyi-ui/src/layout/components/Settings/index.vue index 9d42790..a96b73f 100644 --- a/ruoyi-ui/src/layout/components/Settings/index.vue +++ b/ruoyi-ui/src/layout/components/Settings/index.vue @@ -43,6 +43,11 @@ <h3 class="drawer-title">绯荤粺甯冨眬閰嶇疆</h3> <div class="drawer-item"> + <span>寮�鍚� TopNav</span> + <el-switch v-model="topNav" class="drawer-switch" /> + </div> + + <div class="drawer-item"> <span>寮�鍚� Tags-Views</span> <el-switch v-model="tagsView" class="drawer-switch" /> </div> @@ -57,6 +62,15 @@ <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> + <el-button size="small" plain icon="el-icon-refresh" @click="resetSetting">閲嶇疆閰嶇疆</el-button> </div> </div> </template> @@ -67,15 +81,12 @@ export default { components: { ThemePicker }, data() { - return {} + return { + theme: this.$store.state.settings.theme, + sideTheme: this.$store.state.settings.sideTheme + }; }, computed: { - theme() { - return this.$store.state.settings.theme - }, - sideTheme() { - return this.$store.state.settings.sideTheme - }, fixedHeader: { get() { return this.$store.state.settings.fixedHeader @@ -85,6 +96,20 @@ key: 'fixedHeader', value: val }) + } + }, + topNav: { + get() { + return this.$store.state.settings.topNav + }, + set(val) { + this.$store.dispatch('settings/changeSetting', { + key: 'topNav', + value: val + }) + if (!val) { + this.$store.commit("SET_SIDEBAR_ROUTERS", this.$store.state.permission.defaultRoutes); + } } }, tagsView: { @@ -109,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) { @@ -116,12 +152,47 @@ key: 'theme', value: val }) + this.theme = val; }, handleTheme(val) { this.$store.dispatch('settings/changeSetting', { key: 'sideTheme', value: val }) + this.sideTheme = val; + }, + saveSetting() { + const loading = this.$loading({ + lock: true, + fullscreen: false, + text: "姝e湪淇濆瓨鍒版湰鍦帮紝璇风◢鍚�...", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0.7)" + }); + localStorage.setItem( + "layout-setting", + `{ + "topNav":${this.topNav}, + "tagsView":${this.tagsView}, + "fixedHeader":${this.fixedHeader}, + "sidebarLogo":${this.sidebarLogo}, + "dynamicTitle":${this.dynamicTitle}, + "sideTheme":"${this.sideTheme}", + "theme":"${this.theme}" + }` + ); + setTimeout(loading.close(), 1000) + }, + resetSetting() { + this.$loading({ + lock: true, + fullscreen: false, + text: "姝e湪娓呴櫎璁剧疆缂撳瓨骞跺埛鏂帮紝璇风◢鍚�...", + spinner: "el-icon-loading", + background: "rgba(0, 0, 0, 0.7)" + }); + localStorage.removeItem("layout-setting") + setTimeout("window.location.reload()", 1000) } } } -- Gitblit v1.9.3