初步增加多语言的支持

This commit is contained in:
jishenghua 2025-01-03 00:22:01 +08:00
parent a311c99352
commit 44657a90bc
4 changed files with 5144 additions and 2 deletions

View File

@ -238,6 +238,7 @@
/* 滚动条优化 end */
</style>
<!-- 全局配置 -->
<script src="<%= BASE_URL %>static/translate.js"></script>
<script>
function getPlatform(type) {
let res = '';

File diff suppressed because it is too large Load Diff

View File

@ -32,8 +32,22 @@
that.$store.commit('TOGGLE_DEVICE', 'desktop')
that.$store.dispatch('setSidebar', true)
}
})
//设置本地语种当前网页的语种如果不设置默认就是 'chinese_simplified' 简体中文
translate.language.setLocal('chinese_simplified');
translate.service.use('client.edge');
//翻译时追加上自己想忽略不进行翻译的id的值凡是在这里面的都不进行翻译
translate.ignore.id.push('langSetting');
//开启html页面变化的监控对变化部分会进行自动翻译注意这里变化区域是指使用 translate.setDocuments(...) 设置的区域如果未设置那么为监控整个网页的变化
translate.listener.start();
//执行翻译初始化操作显示出select语言选择
translate.execute();
//不显示语言选择标签
translate.selectLanguageTag.show = false
//翻译自定义
translate.nomenclature.append('chinese_simplified','english',`
管伊佳ERP=GuanYiJia
`)
}
}
</script>

View File

@ -83,6 +83,91 @@
</div>
<a-divider />
<div :style="{ marginBottom: '24px' }">
<h3 class="setting-drawer-index-title">语言设置</h3>
<div style="padding: 10px 0 50px 0">
<div style="float:left; width: 40%; line-height: 30px">{{langSetTitle}}</div>
<div style="float:left; width: 60%" id="langSetting">
<a-select placeholder="请选择语言" showSearch optionFilterProp="children" :value="currentLang" @change="handleChangeLang" style="width:150px">
<a-select-option value="chinese_simplified">简体中文</a-select-option>
<a-select-option value="chinese_traditional">繁體中文</a-select-option>
<a-select-option value="english">English</a-select-option>
<a-select-option value="korean">한국어</a-select-option>
<a-select-option value="japanese">しろうと</a-select-option>
<a-select-option value="vietnamese">Tiếng Việt</a-select-option>
<a-select-option value="hindi">िन्द</a-select-option>
<a-select-option value="russian">Русский язык</a-select-option>
<a-select-option value="french">Français</a-select-option>
<a-select-option value="ukrainian">УкраїнськаName</a-select-option>
<a-select-option value="norwegian">Norge</a-select-option>
<a-select-option value="welsh">color name</a-select-option>
<a-select-option value="dutch">nederlands</a-select-option>
<a-select-option value="filipino">Pilipino</a-select-option>
<a-select-option value="lao">ກະຣຸນາ</a-select-option>
<a-select-option value="telugu">తెలQFontDatabase</a-select-option>
<a-select-option value="romanian">Română</a-select-option>
<a-select-option value="nepali">नेपName</a-select-option>
<a-select-option value="haitian_creole">Kreyòl ayisyen</a-select-option>
<a-select-option value="czech">český</a-select-option>
<a-select-option value="swedish">Svenska</a-select-option>
<a-select-option value="malagasy">Malagasy</a-select-option>
<a-select-option value="burmese">ရမ်</a-select-option>
<a-select-option value="pashto">پښتوName</a-select-option>
<a-select-option value="thai">คนไทย</a-select-option>
<a-select-option value="armenian">Արմենյան</a-select-option>
<a-select-option value="persian">Persian</a-select-option>
<a-select-option value="kurdish">Kurdî</a-select-option>
<a-select-option value="turkish">Türkçe</a-select-option>
<a-select-option value="bulgarian">български</a-select-option>
<a-select-option value="malay">Malay</a-select-option>
<a-select-option value="swahili">Kiswahili</a-select-option>
<a-select-option value="oriya">ଓଡିଆ</a-select-option>
<a-select-option value="icelandic">ÍslandName</a-select-option>
<a-select-option value="irish">Íris</a-select-option>
<a-select-option value="khmer">ខ្មរKCharselect unicode block name</a-select-option>
<a-select-option value="gujarati">ગુજર</a-select-option>
<a-select-option value="slovak">Slovenská</a-select-option>
<a-select-option value="kannada">ಕನ್ನಡ್Name</a-select-option>
<a-select-option value="hebrew">היברית</a-select-option>
<a-select-option value="hungarian">magyar</a-select-option>
<a-select-option value="marathi">मरName</a-select-option>
<a-select-option value="tamil">ில்</a-select-option>
<a-select-option value="estonian">eesti keel</a-select-option>
<a-select-option value="malayalam">മലമ</a-select-option>
<a-select-option value="inuktitut">ᐃᓄᒃᑎᑐᑦ</a-select-option>
<a-select-option value="arabic">بالعربية</a-select-option>
<a-select-option value="deutsch">Deutsch</a-select-option>
<a-select-option value="slovene">slovenščina</a-select-option>
<a-select-option value="bengali">ঙ্গ</a-select-option>
<a-select-option value="urdu">اوردو</a-select-option>
<a-select-option value="azerbaijani">azerbaijani</a-select-option>
<a-select-option value="portuguese">português</a-select-option>
<a-select-option value="samoan">lifiava</a-select-option>
<a-select-option value="afrikaans">afrikaans</a-select-option>
<a-select-option value="tongan">汤加语</a-select-option>
<a-select-option value="greek">ελληνικά</a-select-option>
<a-select-option value="indonesian">IndonesiaName</a-select-option>
<a-select-option value="spanish">Español</a-select-option>
<a-select-option value="danish">dansk</a-select-option>
<a-select-option value="amharic">amharic</a-select-option>
<a-select-option value="punjabi">ਪੰਜName</a-select-option>
<a-select-option value="albanian">albanian</a-select-option>
<a-select-option value="lithuanian">Lietuva</a-select-option>
<a-select-option value="italian">italiano</a-select-option>
<a-select-option value="maltese">Malti</a-select-option>
<a-select-option value="finnish">suomi</a-select-option>
<a-select-option value="catalan">català</a-select-option>
<a-select-option value="croatian">hrvatski</a-select-option>
<a-select-option value="bosnian">bosnian</a-select-option>
<a-select-option value="polish">Polski</a-select-option>
<a-select-option value="latvian">latviešu</a-select-option>
<a-select-option value="maori">Maori</a-select-option>
</a-select>
</div>
</div>
</div>
<a-divider />
<div :style="{ marginBottom: '24px' }">
<h3 class="setting-drawer-index-title">其他设置</h3>
<div>
@ -121,8 +206,10 @@
data() {
return {
visible: true,
langSetTitle: '选择语言',
currentLang: translate.language.getCurrent(),
colorList
}
}
},
watch: {
@ -143,6 +230,8 @@
this.$store.dispatch('ToggleMultipage', this.multipage)
}
},
created () {
},
methods: {
showDrawer() {
this.visible = true
@ -188,6 +277,9 @@
handleFixSiderbar (fixed) {
this.fixSiderbar = fixed
this.$store.dispatch('ToggleFixSiderbar', fixed)
},
handleChangeLang(value) {
translate.changeLanguage(value)
}
},
}