全局配置

src/views/HomeView.vue

@@ -5,6 +5,7 @@ import { useGlobalConfigStore } from '@/stores/GlobalConfigStore'
 import { useTabsViewStore } from '@/stores/TabsViewStore'
 import { GlobalLayoutMode } from '@/consts/GlobalConstants'
 import { computed } from 'vue'
+import GlobalSettings from '@/views/components/global/GlobalSettings.vue'
 const globalConfigStore = useGlobalConfigStore()
 const tabsViewStore = useTabsViewStore()
 const showLeftMenu = computed(() => {
@@ -43,6 +44,7 @@ const showLeftMenu = computed(() => {
           </transition>
         </router-view>
       </el-main>
+      <global-settings/>
     </el-container>
   </el-container>
 </template>

src/views/components/global/GlobalSettings.vue

@@ -0,0 +1,27 @@
+<script setup>
+import {useGlobalConfigStore} from '@/stores/GlobalConfigStore'
+const globalConfigStore = useGlobalConfigStore()
+
+</script>
+
+<template>
+  <el-drawer v-model="globalConfigStore.isShowSettings" direction="rtl">
+    <template #header>
+      <strong>{{ $t('common.label.settings') }}</strong>
+    </template>
+    <template #default>
+      <div>
+
+      </div>
+    </template>
+    <template #footer>
+      <div style="flex: auto">
+        <el-button type="primary" @click="globalConfigStore.changeShowSettings(false)">{{$t('common.label.close')}}</el-button>
+      </div>
+    </template>
+  </el-drawer>
+</template>
+
+<style scoped>
+
+</style>