From 5a315f6fe6835918f62d2ec76b31174fc8220e9a Mon Sep 17 00:00:00 2001
From: huzhushan <huzhushan@126.com>
Date: Fri, 23 Jul 2021 17:29:52 +0800
Subject: [PATCH] modify layout-settings storage type

---
 src/App.vue                             |  14 +--
 src/components/LayoutSettings/index.vue | 112 ------------------------
 2 files changed, 1 insertion(+), 125 deletions(-)
 delete mode 100644 src/components/LayoutSettings/index.vue

diff --git a/src/App.vue b/src/App.vue
index fde4d53..58957bb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,7 +24,7 @@
  * @version: 
  * @Date: 2021-04-20 11:06:21
  * @LastEditors: huzhushan@126.com
- * @LastEditTime: 2021-07-23 15:12:50
+ * @LastEditTime: 2021-07-23 17:26:35
  * @Author: huzhushan@126.com
  * @HomePage: https://huzhushan.gitee.io/vue3-element-admin
  * @Github: https://github.com/huzhushan/vue3-element-admin
@@ -33,19 +33,7 @@
 
 <template>
   <router-view />
-  <layout-settings />
 </template>
-<script>
-import { defineComponent } from 'vue'
-import LayoutSettings from '@/components/LayoutSettings/index.vue'
-
-export default defineComponent({
-  components: {
-    LayoutSettings,
-  },
-  setup() {},
-})
-</script>
 
 <style lang="scss">
 html,
diff --git a/src/components/LayoutSettings/index.vue b/src/components/LayoutSettings/index.vue
deleted file mode 100644
index e471de0..0000000
--- a/src/components/LayoutSettings/index.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<!--
- *           佛曰:  
- *                   写字楼里写字间，写字间里程序员；  
- *                   程序人员写程序，又拿程序换酒钱。  
- *                   酒醒只在网上坐，酒醉还来网下眠；  
- *                   酒醉酒醒日复日，网上网下年复年。  
- *                   但愿老死电脑间，不愿鞠躬老板前；  
- *                   奔驰宝马贵者趣，公交自行程序员。  
- *                   别人笑我忒疯癫，我笑自己命太贱；  
- *                   不见满街漂亮妹，哪个归得程序员？
- * 
- * @Descripttion: 
- * @version: 
- * @Date: 2021-07-23 15:04:58
- * @LastEditors: huzhushan@126.com
- * @LastEditTime: 2021-07-23 16:54:26
- * @Author: huzhushan@126.com
- * @HomePage: https://huzhushan.gitee.io/vue3-element-admin
- * @Github: https://github.com/huzhushan/vue3-element-admin
- * @Donate: https://huzhushan.gitee.io/vue3-element-admin/donate/
- -->
-<template>
-  <el-button
-    class="btn-switch"
-    type="primary"
-    icon="el-icon-setting"
-    @click="drawer = true"
-  ></el-button>
-  <el-drawer title="布局设置" :size="320" v-model="drawer" destroy-on-close>
-    <div class="box">
-      <div class="list">
-        <div class="item">
-          <div>内容宽度</div>
-          <el-select class="select" size="mini" v-model="layout.isFluid">
-            <el-option :value="true" label="流式布局" />
-            <el-option :value="false" label="固定宽度" />
-          </el-select>
-        </div>
-        <div class="item">
-          <div>菜单栏排列方式</div>
-          <el-select class="select" size="mini" v-model="menus.mode">
-            <el-option value="horizontal" label="水平排列" />
-            <el-option value="vertical" label="垂直排列" />
-          </el-select>
-        </div>
-        <el-divider />
-        <div class="item">
-          <div>显示标签栏</div>
-          <el-switch v-model="tagsbar.isShow" />
-        </div>
-        <div class="item">
-          <div>显示面包屑导航</div>
-          <el-switch v-model="breadcrumbs.isShow" />
-        </div>
-        <el-divider />
-        <div class="item">
-          <div>固定头部</div>
-          <el-switch v-model="topbar.isFixed" />
-        </div>
-      </div>
-    </div>
-  </el-drawer>
-</template>
-<script>
-import { defineComponent, reactive, ref, toRaw, toRefs, watch } from 'vue'
-import { useStore } from 'vuex'
-
-export default defineComponent({
-  setup() {
-    const store = useStore()
-    const drawer = ref(false)
-    const settings = reactive({
-      ...store.state.layoutSettings,
-    })
-    watch(settings, value => {
-      store.commit('layoutSettings/SAVE_SETTINGS', toRaw(value))
-    })
-    return {
-      drawer,
-      ...toRefs(settings),
-    }
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.btn-switch {
-  position: fixed;
-  top: 100px;
-  right: -6px;
-  font-size: 20px;
-}
-.box {
-  height: 100%;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  .list {
-    flex: 1;
-    padding: 0 16px;
-    .item {
-      padding: 8px 0;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    .select {
-      width: 100px;
-    }
-  }
-}
-</style>