-
自动锁屏(s/秒)
+
{{ $t('message.layout.threeLockScreenTime') }}
- 界面显示
+ {{ $t('message.layout.fourTitle') }}
-
侧边栏 Logo
+
{{ $t('message.layout.fourIsShowLogo') }}
-
开启 Breadcrumb
+
{{ $t('message.layout.fourIsBreadcrumb') }}
-
开启 Breadcrumb 图标
+
{{ $t('message.layout.fourIsBreadcrumbIcon') }}
-
开启 Tagsview
+
{{ $t('message.layout.fourIsTagsview') }}
-
开启 Tagsview 图标
+
{{ $t('message.layout.fourIsTagsviewIcon') }}
-
开启 TagsView 缓存
+
{{ $t('message.layout.fourIsCacheTagsView') }}
-
开启 TagsView 拖拽
+
{{ $t('message.layout.fourIsSortableTagsView') }}
-
开启 Footer
+
{{ $t('message.layout.fourIsFooter') }}
-
灰色模式
+
{{ $t('message.layout.fourIsGrayscale') }}
-
色弱模式
+
{{ $t('message.layout.fourIsInvert') }}
-
开启水印
+
{{ $t('message.layout.fourIsWartermark') }}
-
水印文案
+
{{ $t('message.layout.fourWartermarkText') }}
-
其它设置
+
{{ $t('message.layout.fiveTitle') }}
-
Tagsview 风格
+
{{ $t('message.layout.fiveTagsStyle') }}
@@ -236,7 +243,7 @@
-
主页面切换动画
+
{{ $t('message.layout.fiveAnimation') }}
@@ -246,7 +253,7 @@
-
分栏高亮风格
+
{{ $t('message.layout.fiveColumnsAsideStyle') }}
@@ -256,7 +263,7 @@
-
布局切换
+
{{ $t('message.layout.sixTitle') }}
@@ -269,7 +276,7 @@
-
默认
+
{{ $t('message.layout.sixDefaults') }}
@@ -286,7 +293,7 @@
-
经典
+
{{ $t('message.layout.sixClassic') }}
@@ -302,7 +309,7 @@
-
横向
+
{{ $t('message.layout.sixTransverse') }}
@@ -318,13 +325,13 @@
-
分栏
+
{{ $t('message.layout.sixColumns') }}
-
+
一键复制配置
+ >{{ $t('message.layout.copyText') }}
@@ -344,6 +351,7 @@
import { nextTick, onUnmounted, onMounted, getCurrentInstance, defineComponent, computed, ref } from 'vue';
import { ElMessage } from 'element-plus';
import ClipboardJS from 'clipboard';
+import { useI18n } from 'vue-i18n';
import { useStore } from '/@/store/index.ts';
import { getLightColor } from '/@/utils/theme.ts';
import Watermark from '/@/utils/wartermark.ts';
@@ -352,6 +360,7 @@ import { setLocal, getLocal, removeLocal } from '/@/utils/storage.ts';
export default defineComponent({
name: 'layoutBreadcrumbSeting',
setup() {
+ const { t } = useI18n();
const { proxy } = getCurrentInstance() as any;
const copyConfigBtnRef = ref();
const store = useStore();
@@ -404,12 +413,17 @@ export default defineComponent({
const onMenuBarHighlightChange = () => {
nextTick(() => {
setTimeout(() => {
- let els = document.querySelector('.el-menu-item.is-active');
- if (!els) return false;
- if (getThemeConfig.value.isMenuBarColorHighlight) els.setAttribute('id', `add-is-active`);
- else els.setAttribute('id', ``);
+ let elsItems = document.querySelectorAll('.el-menu-item');
+ let elActive = document.querySelector('.el-menu-item.is-active');
+ if (!elActive) return false;
+ if (getThemeConfig.value.isMenuBarColorHighlight) {
+ elsItems.forEach((el: any) => el.setAttribute('id', ``));
+ elActive.setAttribute('id', `add-is-active`);
+ setLocal('menuBarHighlightId', elActive.getAttribute('id'));
+ } else {
+ elActive.setAttribute('id', ``);
+ }
setLocalThemeConfig();
- setLocal('menuBarHighlightId', els.getAttribute('id'));
}, 0);
});
};
@@ -572,11 +586,11 @@ export default defineComponent({
});
clipboard.on('success', () => {
getThemeConfig.value.isDrawer = false;
- ElMessage.success('复制成功！');
+ ElMessage.success(t('message.layout.copyTextSuccess'));
clipboard.destroy();
});
clipboard.on('error', () => {
- ElMessage.error('复制失败！');
+ ElMessage.error(t('message.layout.copyTextError'));
clipboard.destroy();
});
};
@@ -599,17 +613,17 @@ export default defineComponent({
// 刷新页面时，设置了值，直接取缓存中的值进行初始化
setTimeout(() => {
// 顶栏背景渐变
- if (getLocal('navbarsBgStyle')) {
+ if (getLocal('navbarsBgStyle') && getThemeConfig.value.isTopBarColorGradual) {
const breadcrumbIndexEl: any = document.querySelector('.layout-navbars-breadcrumb-index');
breadcrumbIndexEl.style.cssText = getLocal('navbarsBgStyle');
}
// 菜单背景渐变
- if (getLocal('asideBgStyle')) {
+ if (getLocal('asideBgStyle') && getThemeConfig.value.isMenuBarColorGradual) {
const asideEl: any = document.querySelector('.layout-container .el-aside');
asideEl.style.cssText = getLocal('asideBgStyle');
}
// 菜单字体背景高亮
- if (getLocal('menuBarHighlightId')) {
+ if (getLocal('menuBarHighlightId') && getThemeConfig.value.isMenuBarColorHighlight) {
let els = document.querySelector('.el-menu-item.is-active');
if (!els) return false;
els.setAttribute('id', getLocal('menuBarHighlightId'));
@@ -621,7 +635,9 @@ export default defineComponent({
}
// 开启水印
onWartermarkChange();
- }, 400);
+ // 语言国际化
+ if (getLocal('themeConfig')) proxy.$i18n.locale = getLocal('themeConfig').globalI18n;
+ }, 1000);
});
});
});
diff --git a/src/views/layout/navBars/breadcrumb/user.vue b/src/views/layout/navBars/breadcrumb/user.vue
index 2c0c83c..faf8e49 100644
--- a/src/views/layout/navBars/breadcrumb/user.vue
+++ b/src/views/layout/navBars/breadcrumb/user.vue
@@ -1,16 +1,28 @@
-
+
+
+
+
+
+
+
+ 简体中文
+ English
+ 繁體中文
+
+
+
-
+
-
+
-
+
@@ -19,7 +31,11 @@
-
+
@@ -29,11 +45,11 @@
- 首页
- 个人中心
- 404
- 401
- 退出登录
+ {{ $t('message.user.dropdown1') }}
+ {{ $t('message.user.dropdown2') }}
+ {{ $t('message.user.dropdown3') }}
+ {{ $t('message.user.dropdown4') }}
+ {{ $t('message.user.dropdown5') }}
@@ -42,19 +58,21 @@
-
-
diff --git a/src/views/system/menu/component/editMenu.vue b/src/views/system/menu/component/editMenu.vue
index 0b40075..c904460 100644
--- a/src/views/system/menu/component/editMenu.vue
+++ b/src/views/system/menu/component/editMenu.vue
@@ -1,99 +1,91 @@