Yangwl
/
xy_tyrems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改国际化

Browse Source
master
夜笙歌 2 years ago
parent e9e72e7f75
commit 15a2f90a46
11 changed files with 325 additions and 241 deletions
Show Stats Download Patch File Download Diff File

408
ruoyi-ui/index.html
Unescape Escape View File

@ -2,214 +2,216 @@
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="/favicon.ico">
<title>若依管理系统</title>
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
<style>
html,
body,
#app {
height: 100%;
margin: 0px;
padding: 0px;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
-o-animation: spin 3s linear infinite;
-ms-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-moz-animation: spin 1.5s linear infinite;
-o-animation: spin 1.5s linear infinite;
-ms-animation: spin 1.5s linear infinite;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #7171C6;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
display: none;
}
.no-js h1 {
color: #222222;
}
#loader-wrapper .load_title {
font-family: 'Open Sans';
color: #FFF;
font-size: 19px;
width: 100%;
text-align: center;
z-index: 9999999999999;
position: absolute;
top: 60%;
opacity: 1;
line-height: 30px;
}
#loader-wrapper .load_title span {
font-weight: normal;
font-style: italic;
font-size: 13px;
color: #FFF;
opacity: 0.5;
}
</style>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="webkit" name="renderer">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link href="/favicon.ico" rel="icon">
<title>若依管理系统</title>
<!--[if lt IE 11]>
<script>window.location.href = '/html/ie.html';</script>
<![endif]-->
<style>
html,
body,
#app {
height: 100%;
margin: 0px;
padding: 0px;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 2s linear infinite;
-ms-animation: spin 2s linear infinite;
-moz-animation: spin 2s linear infinite;
-o-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
-o-animation: spin 3s linear infinite;
-ms-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #FFF;
-moz-animation: spin 1.5s linear infinite;
-o-animation: spin 1.5s linear infinite;
-ms-animation: spin 1.5s linear infinite;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #7171C6;
z-index: 1000;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
display: none;
}
.no-js h1 {
color: #222222;
}
#loader-wrapper .load_title {
font-family: 'Open Sans';
color: #FFF;
font-size: 19px;
width: 100%;
text-align: center;
z-index: 9999999999999;
position: absolute;
top: 60%;
opacity: 1;
line-height: 30px;
}
#loader-wrapper .load_title span {
font-weight: normal;
font-style: italic;
font-size: 13px;
color: #FFF;
opacity: 0.5;
}
</style>
</head>
<body>
<div id="app">
<div id="app">
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
<div class="load_title">正在加载系统资源，请耐心等待</div>
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
<div class="load_title">正在加载系统资源，请耐心等待</div>
</div>
</div>
<script type="module" src="/src/main.js"></script>
</div>
<script src="/src/main.js" type="module"></script>
</body>
</html>

8
ruoyi-ui/src/api/login.js
Unescape Escape View File

@ -1,6 +1,14 @@
import request from '@/utils/request'
import Cookies from "js-cookie";
// 切换语言
export function cutLang() {
return request({
url: '/system/language/change',
method: 'get',
})
}
// 登录方法
export function login(username, password, code, uuid) {
const data = {

10
ruoyi-ui/src/components/SizeSelect/index.vue
Unescape Escape View File

@ -17,20 +17,22 @@
<script setup>
import useAppStore from "@/store/modules/app";
import {useI18n} from "vue-i18n";
const {t} = useI18n();
const appStore = useAppStore();
const size = computed(() => appStore.size);
const route = useRoute();
const router = useRouter();
const { proxy } = getCurrentInstance();
const sizeOptions = ref([
{ label: "较大", value: "large" },
{ label: "默认", value: "default" },
{ label: "稍小", value: "small" },
{ label: t('sizeSelect.large'), value: "large" },
{ label: t('sizeSelect.default'), value: "default" },
{ label: t('sizeSelect.small'), value: "small" },
]);
function handleSetSize(size) {
proxy.$modal.loading("正在设置布局大小，请稍候...");
proxy.$modal.loading(t('sizeSelect.wait'));
appStore.setSize(size);
setTimeout("window.location.reload()", 1000);
}

48
ruoyi-ui/src/lang/en.js
Unescape Escape View File

@ -38,16 +38,41 @@ export default {
saveConfiguration: 'Save Config',
resetConfiguration: 'Reset Config',
},
profile:{
personalInfo:'Personal Info',
userName:'User Name',
phone:'Phone',
email:'Email',
department:'Department',
role:'Role',
creationDate:'Creation Date',
basicInformation:'Basic Information',
changePassword:'Change Password'
profile: {
personalInfo: 'Personal Info',
userName: 'User Name',
phone: 'Phone',
email: 'Email',
department: 'Department',
role: 'Role',
creationDate: 'Creation Date',
basicInformation: 'Basic Information',
changePassword: 'Change Password'
},
userInfo: {
username: 'username',
phone: 'phone',
email: 'email',
sex: 'sex',
male: 'male',
female: 'female'
},
userAvatar: {
uploadAvatar: 'Click to upload avatar',
choose: 'Choose',
submit: 'Submit',
ModifyAvatar: 'Modify Avatar'
},
resetPwd: {
oldPassword: 'Old Password',
newPassword: 'New Password',
confirmPassword: 'Confirm Password',
},
sizeSelect:{
large:'Large',
default:'Default',
small:'Small',
wait:'Please wait, setting layout size...',
},
option: {
refresh: 'refresh',
@ -61,12 +86,15 @@ export default {
cancel: 'cancel',
ok: 'ok',
hint: 'hint',
save: 'save',
close: 'close',
confirmDeletion: 'Are you sure to delete the data item whose {key} is {value}?',
modificationSuccessful: 'Modification Successful',
addedSuccessfully: 'Added Successfully',
successfullyDeleted: 'Successfully Deleted'
},
common: {
loadTitle:'Loading system resources, please be patient',
success: 'success',
show: 'show',
hide: 'hide',

28
ruoyi-ui/src/lang/zhCn.js
Unescape Escape View File

@ -49,6 +49,31 @@ export default {
basicInformation:'基本资料',
changePassword:'修改密码'
},
userInfo:{
username:'用户昵称',
phone:'手机号码',
email:'邮箱',
sex:'性别',
male:'男',
female:'女'
},
userAvatar:{
uploadAvatar:'点击上传头像',
choose:'选择',
submit:'提 交',
ModifyAvatar:'修改头像'
},
resetPwd:{
oldPassword:'旧密码',
newPassword:'新密码',
confirmPassword:'确认密码',
},
sizeSelect:{
large:'较大',
default:'默认',
small:'稍小',
wait:'正在设置布局大小，请稍候...',
},
option: {
refresh: '刷新',
option: '操作',
@ -61,12 +86,15 @@ export default {
cancel: '取 消',
ok: '确 定',
hint: '提示',
save:'保存',
close:'关闭',
confirmDeletion: '是否确认删除%{key}为%{value}的数据项？',
modificationSuccessful: '修改成功',
addedSuccessfully: '新增成功',
successfullyDeleted: '删除成功'
},
common: {
loadTitle:'正在加载系统资源，请耐心等待',
success: '成功',
show: '显示',
hide: '隐藏',

5
ruoyi-ui/src/layout/components/Navbar.vue
Unescape Escape View File

@ -72,6 +72,7 @@
<script setup>
import {ElMessageBox} from 'element-plus'
import {cutLang} from "@/api/login";
import Breadcrumb from '@/components/Breadcrumb'
import TopNav from '@/components/TopNav'
import Hamburger from '@/components/Hamburger'
@ -91,7 +92,9 @@ const userStore = useUserStore()
const settingsStore = useSettingsStore()
const lang = (e) => {
Cookies.set('language', e)
location.reload()
cutLang().finally(() => {
setTimeout( () => location.reload(),10)
})
}
function toggleSideBar() {

1
ruoyi-ui/src/main.js
Unescape Escape View File

@ -43,6 +43,7 @@ import ImagePreview from "@/components/ImagePreview"
import TreeSelect from '@/components/TreeSelect'
// 字典标签组件
import DictTag from '@/components/DictTag'
import {useI18n} from "vue-i18n";
const app = createApp(App)

8
ruoyi-ui/src/views/login.vue
Unescape Escape View File

@ -98,7 +98,7 @@
</template>
<script setup>
import {getCodeImg} from "@/api/login";
import {getCodeImg,cutLang} from "@/api/login";
import Cookies from "js-cookie";
import {decrypt, encrypt} from "@/utils/jsencrypt";
import useUserStore from '@/store/modules/user'
@ -108,7 +108,11 @@ import {useI18n} from 'vue-i18n';
const {t} = useI18n();
const lang = (e) => {
Cookies.set('language',e)
location.reload()
cutLang().finally(() => {
setTimeout( () => location.reload(),10)
})
}
const userStore = useUserStore()
const router = useRouter();

22
ruoyi-ui/src/views/system/user/profile/resetPwd.vue
Unescape Escape View File

@ -1,24 +1,28 @@
<template>
<el-form ref="pwdRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="旧密码" prop="oldPassword">
<el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" show-password />
<el-form ref="pwdRef" :model="user" :rules="rules" :label-width="isEN ? '160px': '80px'">
<el-form-item :label="t('resetPwd.oldPassword')" prop="oldPassword">
<el-input v-model="user.oldPassword" :placeholder="t('common.pleaseEnter') + t('resetPwd.oldPassword')" type="password" show-password />
</el-form-item>
<el-form-item label="新密码" prop="newPassword">
<el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" show-password />
<el-form-item :label="t('resetPwd.newPassword')" prop="newPassword">
<el-input v-model="user.newPassword" :placeholder="t('common.pleaseEnter') + t('resetPwd.newPassword')" type="password" show-password />
</el-form-item>
<el-form-item label="确认密码" prop="confirmPassword">
<el-input v-model="user.confirmPassword" placeholder="请确认新密码" type="password" show-password/>
<el-form-item :label="t('resetPwd.confirmPassword')" prop="confirmPassword">
<el-input v-model="user.confirmPassword" :placeholder="t('common.pleaseEnter') + t('resetPwd.confirmPassword')" type="password" show-password/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">保存</el-button>
<el-button type="danger" @click="close">关闭</el-button>
<el-button type="primary" @click="submit">{{ t('option.save') }}</el-button>
<el-button type="danger" @click="close">{{ t('option.close') }}</el-button>
</el-form-item>
</el-form>
</template>
<script setup>
import { updateUserPwd } from "@/api/system/user";
import {useI18n} from "vue-i18n";
import Cookies from "js-cookie";
const {t} = useI18n();
const isEN = (Cookies.get('language') || 'zhCn') === 'en'
const { proxy } = getCurrentInstance();
const user = reactive({

10
ruoyi-ui/src/views/system/user/profile/userAvatar.vue
Unescape Escape View File

@ -1,6 +1,6 @@
<template>
<div class="user-info-head" @click="editCropper()">
<img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
<img :src="options.img" :title="t('userAvatar.uploadAvatar')" class="img-circle img-lg" />
<el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
<el-row>
<el-col :xs="24" :md="12" :style="{ height: '350px' }">
@ -33,7 +33,7 @@
:before-upload="beforeUpload"
>
<el-button>
选择
{{ t('userAvatar.choose') }}
<el-icon class="el-icon--right"><Upload /></el-icon>
</el-button>
</el-upload>
@ -51,7 +51,7 @@
<el-button icon="RefreshRight" @click="rotateRight()"></el-button>
</el-col>
<el-col :lg="{ span: 2, offset: 6 }" :md="2">
<el-button type="primary" @click="uploadImg()">提 交</el-button>
<el-button type="primary" @click="uploadImg()">{{ t('userAvatar.submit') }}</el-button>
</el-col>
</el-row>
</el-dialog>
@ -63,13 +63,15 @@ import "vue-cropper/dist/index.css";
import { VueCropper } from "vue-cropper";
import { uploadAvatar } from "@/api/system/user";
import useUserStore from "@/store/modules/user";
import {useI18n} from "vue-i18n";
const {t} = useI18n();
const userStore = useUserStore();
const { proxy } = getCurrentInstance();
const open = ref(false);
const visible = ref(false);
const title = ref("修改头像");
const title = ref(t('userAvatar.ModifyAvatar'));
//图片裁剪数据
const options = reactive({

18
ruoyi-ui/src/views/system/user/profile/userInfo.vue
Unescape Escape View File

@ -1,30 +1,32 @@
<template>
<el-form ref="userRef" :model="user" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickName">
<el-form-item :label="t('userInfo.username')" prop="nickName">
<el-input v-model="user.nickName" maxlength="30" />
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
<el-form-item :label="t('userInfo.phone')" prop="phonenumber">
<el-input v-model="user.phonenumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-form-item :label="t('userInfo.email')" prop="email">
<el-input v-model="user.email" maxlength="50" />
</el-form-item>
<el-form-item label="性别">
<el-form-item :label="t('userInfo.sex')">
<el-radio-group v-model="user.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
<el-radio label="0">{{ t('userInfo.male') }}</el-radio>
<el-radio label="1">{{ t('userInfo.female') }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">保存</el-button>
<el-button type="danger" @click="close">关闭</el-button>
<el-button type="primary" @click="submit">{{ t('option.save') }}</el-button>
<el-button type="danger" @click="close">{{ t('option.close') }}</el-button>
</el-form-item>
</el-form>
</template>
<script setup>
import { updateUserProfile } from "@/api/system/user";
import {useI18n} from "vue-i18n";
const {t} = useI18n();
const props = defineProps({
user: {
type: Object

Write Preview
Loading…
Cancel
Save