From 6897317519cbf3ac5dd4c549750116dc5fd0bc04 Mon Sep 17 00:00:00 2001 From: FairyEver <1711467488@qq.com> Date: Tue, 16 Jul 2019 21:02:59 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B0=BA=E5=AF=B8=E9=80=89?= =?UTF-8?q?=E6=8B=A9=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Former-commit-id: c6739bd4521c8c000643b023a42868cf8f51bd2e --- .../components/header-size/index.vue | 43 +++++-------------- 1 file changed, 10 insertions(+), 33 deletions(-) diff --git a/src/layout/header-aside/components/header-size/index.vue b/src/layout/header-aside/components/header-size/index.vue index 6032f16..a9025b5 100644 --- a/src/layout/header-aside/components/header-size/index.vue +++ b/src/layout/header-aside/components/header-size/index.vue @@ -15,40 +15,17 @@ import { mapState, mapMutations, mapActions } from 'vuex' export default { name: 'd2-header-size', - data () { - return { - options: [ - { label: '默认', value: 'default' }, - { label: '中', value: 'medium' }, - { label: '小', value: 'small' }, - { label: '最小', value: 'mini' } - ] - } - }, computed: { ...mapState('d2admin/size', [ 'value' - ]) - }, - watch: { - // 注意 这里是关键 - // 因为需要访问 this.$ELEMENT 所以只能在这里使用这种方式 - value: { - handler (val, oldVal) { - // https://github.com/d2-projects/d2-admin/pull/129 - if (oldVal) { - // 这个情况在已经加载完页面 用户改变了尺寸时触发 - this.$ELEMENT.size = val - // 由于已经加载过设置 需要清空缓存设置 - this.pageKeepAliveClean() - // 由于已经加载过设置 需要刷新此页面 - this.$router.replace('/refresh') - } else { - // 这个情况在刷新页面时触发 - this.$ELEMENT.size = val - } - }, - immediate: true + ]), + options () { + return [ + { label: this.$t('layout.header-aside.header-size.options.default'), value: 'default' }, + { label: this.$t('layout.header-aside.header-size.options.medium'), value: 'medium' }, + { label: this.$t('layout.header-aside.header-size.options.small'), value: 'small' }, + { label: this.$t('layout.header-aside.header-size.options.mini'), value: 'mini' } + ] } }, methods: { @@ -61,9 +38,9 @@ export default { handleChange (value) { this.sizeSet(value) this.$notify({ - title: '提示', + title: this.$t('public.notify.special.component-size.changed.title'), dangerouslyUseHTMLString: true, - message: '已更新页面内 组件 的 默认尺寸
例如按钮大小,非字号', + message: this.$t('public.notify.special.component-size.changed.message'), type: 'success' }) },