| | |
| | | <div class="right-menu"> |
| | | <template v-if="appStore.device !== 'mobile'"> </template> |
| | | <div class="mt5"> |
| | | <!-- <el-button @click="changeLanguage('zh')">中文</el-button> |
| | | <el-button @click="changeLanguage('en')">English</el-button> --> |
| | | <!-- <el-dropdown> |
| | | <img class="zh_icon" v-if="locale==='zh'" src="@/assets/images/zh.svg" alt="zh" /> |
| | | <img class="zh_icon" v-if="locale==='en'" src="@/assets/images/en.svg" alt="en" /> |
| | | <el-dropdown> |
| | | <img |
| | | class="zh_icon" |
| | | v-if="locale === 'zh'" |
| | | src="@/assets/images/zh.svg" |
| | | alt="zh" |
| | | /> |
| | | <img |
| | | class="zh_icon" |
| | | v-if="locale === 'en'" |
| | | src="@/assets/images/en.svg" |
| | | alt="en" |
| | | /> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item @click="changeLanguage('zh','zh-CN')">{{ $t(`common.topNav.zh`) }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('en','en-US')">{{ $t(`common.topNav.en`) }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('zh', 'zh-CN')">{{ |
| | | $t(`common.topNav.zh`) |
| | | }}</el-dropdown-item> |
| | | <el-dropdown-item @click="changeLanguage('en', 'en-US')">{{ |
| | | $t(`common.topNav.en`) |
| | | }}</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </template> |
| | | </el-dropdown> --> |
| | | </el-dropdown> |
| | | </div> |
| | | <div class="avatar-container"> |
| | | <el-dropdown |
| | |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <router-link to="/user/profile"> |
| | | <el-dropdown-item>{{ $t(`common.topNav.center`) }}</el-dropdown-item> |
| | | <el-dropdown-item>{{ |
| | | $t(`common.topNav.center`) |
| | | }}</el-dropdown-item> |
| | | </router-link> |
| | | <!-- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings"> |
| | | <span>布局设置</span> |
| | |
| | | import useUserStore from "@/store/modules/user"; |
| | | import useSettingsStore from "@/store/modules/settings"; |
| | | import useLanguageStore from "@/store/modules/language"; |
| | | import { VxeUI } from 'vxe-table' |
| | | import { VxeUI } from "vxe-table"; |
| | | import { useI18n } from "vue-i18n"; //要在js中使用国际化 |
| | | const { t, locale } = useI18n(); |
| | | const appStore = useAppStore(); |
| | |
| | | const settingsStore = useSettingsStore(); |
| | | const languageStore = useLanguageStore(); |
| | | const { proxy } = getCurrentInstance(); |
| | | function changeLanguage(type1,type2) { |
| | | function changeLanguage(type1, type2) { |
| | | proxy.$i18n.locale = type1; |
| | | languageStore.setLocale(type1); |
| | | VxeUI.setLanguage(type2) |
| | | VxeUI.setLanguage(type2); |
| | | // console.log(VxeUI.getLanguage(),'VxeUI.getLanguage()') |
| | | } |
| | | |
| | |
| | | .zh_icon { |
| | | width: 35px; |
| | | height: 35px; |
| | | border:none; |
| | | border: none; |
| | | outline: none; |
| | | } |
| | | } |