From ba21e3e79007fc086ca8890327791e5b22806de4 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Wed, 4 Sep 2019 10:46:44 +0800
Subject: [PATCH] Completed SettingDrawer.

---
 src/components/GlobalHeader/GlobalHeader.vue  |  2 +-
 .../SettingDrawer/SettingDrawer.vue           | 79 ++++++++++++++++++-
 .../{Tools => SettingDrawer}/setting.js       |  0
 3 files changed, 76 insertions(+), 5 deletions(-)
 rename src/components/{Tools => SettingDrawer}/setting.js (100%)

diff --git a/src/components/GlobalHeader/GlobalHeader.vue b/src/components/GlobalHeader/GlobalHeader.vue
index 01d50f83c..f0c00bb7e 100644
--- a/src/components/GlobalHeader/GlobalHeader.vue
+++ b/src/components/GlobalHeader/GlobalHeader.vue
@@ -105,7 +105,7 @@ export default {
     }
   },
   mounted() {
-    document.body.addEventListener('scroll', this.handleScroll, { passive: true })
+    document.addEventListener('scroll', this.handleScroll, { passive: true })
   },
   methods: {
     handleScroll() {
diff --git a/src/components/SettingDrawer/SettingDrawer.vue b/src/components/SettingDrawer/SettingDrawer.vue
index e943bbc04..cf277b778 100644
--- a/src/components/SettingDrawer/SettingDrawer.vue
+++ b/src/components/SettingDrawer/SettingDrawer.vue
@@ -8,7 +8,6 @@
       closable
       @close="onClose"
       :visible="visible"
-      :zIndex="9999"
     >
       <div class="setting-drawer-index-content">
         <div :style="{ marginBottom: '24px' }">
@@ -114,6 +113,77 @@
           </div>
         </div>
         <a-divider />
+        <div :style="{ marginTop: '24px' }">
+          <a-list :split="false">
+            <a-list-item>
+              <a-tooltip slot="actions">
+                <template slot="title">
+                  该设定仅 [顶部栏导航] 时有效
+                </template>
+                <a-select
+                  size="small"
+                  style="width: 80px;"
+                  :defaultValue="contentWidth"
+                  @change="handleContentWidthChange"
+                >
+                  <a-select-option value="Fixed">固定</a-select-option>
+                  <a-select-option
+                    value="Fluid"
+                    v-if="layoutMode != 'sidemenu'"
+                  >流式</a-select-option>
+                </a-select>
+              </a-tooltip>
+              <a-list-item-meta>
+                <div slot="title">内容区域宽度</div>
+              </a-list-item-meta>
+            </a-list-item>
+            <a-list-item>
+              <a-switch
+                slot="actions"
+                size="small"
+                :defaultChecked="fixedHeader"
+                @change="handleFixedHeader"
+              />
+              <a-list-item-meta>
+                <div slot="title">固定 Header</div>
+              </a-list-item-meta>
+            </a-list-item>
+            <a-list-item>
+              <a-switch
+                slot="actions"
+                size="small"
+                :disabled="!fixedHeader"
+                :defaultChecked="autoHideHeader"
+                @change="handleFixedHeaderHidden"
+              />
+              <a-list-item-meta>
+                <a-tooltip
+                  slot="title"
+                  placement="left"
+                >
+                  <template slot="title">固定 Header 时可配置</template>
+                  <div :style="{ opacity: !fixedHeader ? '0.5' : '1' }">下滑时隐藏 Header</div>
+                </a-tooltip>
+              </a-list-item-meta>
+            </a-list-item>
+            <a-list-item>
+              <a-switch
+                slot="actions"
+                size="small"
+                :disabled="(layoutMode === 'topmenu')"
+                :defaultChecked="fixSiderbar"
+                @change="handleFixSiderbar"
+              />
+              <a-list-item-meta>
+                <div
+                  slot="title"
+                  :style="{ opacity: (layoutMode==='topmenu') ? '0.5' : '1' }"
+                >固定侧边菜单</div>
+              </a-list-item-meta>
+            </a-list-item>
+          </a-list>
+        </div>
+        <a-divider />
       </div>
     </a-drawer>
   </div>
@@ -122,7 +192,7 @@
 <script>
 import SettingItem from '@/components/SettingDrawer/SettingItem'
 import config from '@/config/defaultSettings'
-import { updateTheme, colorList } from '@/components/Tools/setting'
+import { updateTheme, colorList } from './setting'
 import { mixin, mixinDevice } from '@/utils/mixin'
 
 export default {
@@ -161,9 +231,10 @@ export default {
     handleLayout(mode) {
       this.baseConfig.layout = mode
       this.$store.dispatch('ToggleLayoutMode', mode)
-      // 因为顶部菜单不能固定左侧菜单栏，所以强制关闭
-      //
       this.handleFixSiderbar(false)
+      if (mode === 'sidemenu') {
+        this.handleContentWidthChange('Fixed')
+      }
     },
     handleContentWidthChange(type) {
       this.baseConfig.contentWidth = type
diff --git a/src/components/Tools/setting.js b/src/components/SettingDrawer/setting.js
similarity index 100%
rename from src/components/Tools/setting.js
rename to src/components/SettingDrawer/setting.js