feat: add configuration of hidden settings drawer; :star2: 新增：隐藏设置抽屉的配置；

iczer

2020-07-09 195624a0a1df63c0790f2a954763c95b4ff1f06a

feat: add configuration of hidden settings drawer; :star2:
新增：隐藏设置抽屉的配置；

 src/components/setting/Setting.vue

@@ -49,6 +49,10 @@
          {{$t('other.multiPages')}}
          <a-switch :checked="multiPage" slot="actions" size="small" @change="setMultiPage" />
        </a-list-item>
        <a-list-item>
          {{$t('other.hideSetting')}}
          <a-switch :checked="hideSetting" slot="actions" size="small" @change="setHideSetting" />
        </a-list-item>
      </a-list>
    </setting-item>
    <a-divider />
@@ -107,7 +111,7 @@
    themeColorIndex() {
      return [this.colors.indexOf(this.themeColor)]
    },
    ...mapState('setting', ['theme', 'themeColor', 'layout', 'animates', 'multiPage', 'weekMode', 'fixedHeader', 'fixedSideBar'])
    ...mapState('setting', ['theme', 'themeColor', 'layout', 'animates', 'multiPage', 'weekMode', 'fixedHeader', 'fixedSideBar', 'hideSetting'])
  },
  methods: {
    onColorChange (values, colors) {
@@ -129,7 +133,8 @@
      }
      this.setAnimate({name: this.animate, direction: this.direction})
    },
    ...mapMutations('setting', ['setTheme', 'setThemeColor', 'setLayout', 'setMultiPage', 'setWeekMode', 'setFixedSideBar', 'setFixedHeader', 'setAnimate'])
    ...mapMutations('setting', ['setTheme', 'setThemeColor', 'setLayout', 'setMultiPage', 'setWeekMode',
      'setFixedSideBar', 'setFixedHeader', 'setAnimate', 'setHideSetting'])
  }
}
</script>

 src/components/setting/i18n.js

@@ -23,7 +23,8 @@
      other: {
        title: '其他设置',
        weekMode: '色弱模式',
        multiPages: '多页签模式'
        multiPages: '多页签模式',
        hideSetting: '隐藏设置抽屉'
      },
      animate: {
        title: '页面切换动画',
@@ -55,7 +56,8 @@
      other: {
        title: '其他設置',
        weekMode: '色弱模式',
        multiPages: '多頁簽模式'
        multiPages: '多頁簽模式',
        hideSetting: '隱藏設置抽屜'
      },
      animate: {
        title: '頁面切換動畫',
@@ -87,7 +89,8 @@
      other: {
        title: 'Other Setting',
        weekMode: 'Week Mode',
        multiPages: 'Multi Pages'
        multiPages: 'Multi Pages',
        hideSetting: 'Hide Setting Drawer'
      },
      animate: {
        title: 'Page Toggle Animation',

 src/config/default/setting.js

@@ -8,6 +8,7 @@
  fixedSideBar: true,                   //固定侧边栏，true:固定，false:不固定
  weekMode: false,                      //色弱模式，true:开启，false:不开启
  multiPage: false,                     //多页签模式，true:开启，false:不开启
  hideSetting: false,                   //隐藏设置抽屉，true:隐藏，false:不隐藏
  systemName: 'Vue Antd Admin',         //系统名称
  copyright: '2018 ICZER 工作室出品',    //copyright
  animate: {                            //动画设置

 src/layouts/AdminLayout.vue

@@ -4,7 +4,7 @@
      <side-menu :theme="theme" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
    </drawer>
    <side-menu :theme="theme" v-else-if="layout === 'side'" :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
    <drawer :open-drawer="showSetting" placement="right"  @change="onSettingDrawerChange">
    <drawer v-if="!hideSetting" :open-drawer="showSetting" placement="right"  @change="onSettingDrawerChange">
      <div class="setting" slot="handler">
        <a-icon :type="showSetting ? 'close' : 'setting'"/>
      </div>
@@ -55,7 +55,7 @@
    }
  },
  computed: {
    ...mapState('setting', ['isMobile', 'theme', 'layout', 'footerLinks', 'copyright', 'fixedHeader', 'fixedSideBar']),
    ...mapState('setting', ['isMobile', 'theme', 'layout', 'footerLinks', 'copyright', 'fixedHeader', 'fixedSideBar', 'hideSetting']),
    sideMenuWidth() {
      return this.collapsed ? '80px' : '256px'
    },

 src/store/modules/setting.js

@@ -40,6 +40,9 @@
    },
    setRoutesI18n(state, i18n) {
      state.routesI18n = i18n
    },
    setHideSetting(state, hideSetting) {
      state.hideSetting = hideSetting
    }
  }
}