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' }) },