From 989c4a5571227e4a8dad16d13caf910862f3c4e3 Mon Sep 17 00:00:00 2001 From: zhangyong <517047165@qq.com> Date: 星期二, 25 六月 2024 17:07:39 +0800 Subject: [PATCH] 前端翻译俄语版 --- UI-Project/src/views/LoginView.vue | 41 ++++++++++++++++++++++++++++------------- 1 files changed, 28 insertions(+), 13 deletions(-) diff --git a/UI-Project/src/views/LoginView.vue b/UI-Project/src/views/LoginView.vue index 40d2d9b..d84f329 100644 --- a/UI-Project/src/views/LoginView.vue +++ b/UI-Project/src/views/LoginView.vue @@ -5,12 +5,17 @@ import {ElMessage} from 'element-plus' import request from '@/utils/request' import userInfo from '@/stores/userInfo' - +import { useI18n } from 'vue-i18n' const store = userInfo() let ruleFormRef = ref<FormInstance>() const router = useRouter() const route = useRoute() - +const { t } = useI18n() +let language = ref(localStorage.getItem('lang') || 'zh') +const changeLanguage = () =>{ + localStorage.setItem('lang',language.value) + location.reload() +} const userForm = reactive({ userName: '', password: '', @@ -22,7 +27,7 @@ const validateUser = (rule: any, value: any, callback: any) => { if (value === '') { - callback(new Error('璇疯緭鍏ヤ綘鐨勮处鍙�')) + callback(new Error(t('login.userErr'))) } else { callback() } @@ -30,7 +35,7 @@ const validatePass = (rule: any, value: any, callback: any) => { if (value === '') { - callback(new Error('璇疯緭鍏ヤ綘鐨勫瘑鐮�')) + callback(new Error(t('login.pwErr'))) } else { callback() } @@ -56,7 +61,7 @@ console.log(res.data) router.push('/main') - ElMessage.success(`鐧诲綍鎴愬姛`) + ElMessage.success(t('login.loginSuccessful')) } else { ElMessage.error(res['msg']) store.$patch({ @@ -67,7 +72,7 @@ } }) .catch((error) => { - ElMessage.error('鏈嶅姟鍣ㄨ繛鎺ュけ璐�') + ElMessage.error(t('main.connectErr')) store.$patch({ user: null, }) @@ -113,26 +118,35 @@ <img src="../../src/assets/3.png"> </div> <div style="position: absolute; left: 15vw; top: 22vw; font-size: 55px;color: rgba(29, 33, 41, 1);"> - 鍖楃幓MES绯荤粺 + {{ $t('northglassMESsystem') }} </div> </div> <div id="div-login"> + <!--璇█鍒囨崲鎸夐挳--> + <el-select + @change="changeLanguage" + v-model="language" + placeholder=" " + style="float: right;width: 9rem"> + <el-option value="zh" label="涓枃" /> + <el-option value="en" label="袪褍褋褋泻懈泄 褟蟹褘泻" /> + </el-select> <el-form @submit.native.prevent ref="ruleFormRef" :model="userForm" status-icon :rules="rules"> <div id="center"> - <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">璐﹀彿</div> + <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">{{ $t('login.user') }}</div> <el-form-item prop="userId"> <el-input style="width: 340px;" v-model="userForm.userName" type="text" autocomplete="off" :prefix-icon="Avatar" - placeholder="璇疯緭鍏ヨ处鍙�"/> + :placeholder="$t('login.userErr')"/> </el-form-item> - <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">瀵嗙爜</div> + <div style="color: rgba(78, 89, 105, 1);margin-bottom: 10px;">{{ $t('login.password') }}</div> <el-form-item prop="pass"> <el-input style="width: 340px;" v-model="userForm.password" @@ -140,7 +154,8 @@ autocomplete="off" :prefix-icon="Lock" show-password - placeholder="璇疯緭鍏ュ瘑鐮�"/> + :placeholder="$t('login.pwErr')" + /> </el-form-item> <el-form-item id="submitForm"> <el-button :loading="loginLoadings" @@ -148,12 +163,12 @@ native-type="submit" @click="submitForm(ruleFormRef)" @keyup.enter.native="keyDown(e)" - plain>鐧诲綍 + plain>{{ $t('login.login') }} </el-button> <el-button :loading="registerLoadings" type="primary" @click="register" - plain>娉ㄥ唽 + plain>{{ $t('login.register') }} </el-button> </el-form-item> -- Gitblit v1.8.0