多语言
parent
4442d15feb
commit
efe3644f6a
Binary file not shown.
|
After Width: | Height: | Size: 935 KiB |
|
|
@ -0,0 +1,164 @@
|
|||
export default {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: 'OK',
|
||||
clear: 'Clear'
|
||||
},
|
||||
datepicker: {
|
||||
now: 'Now',
|
||||
today: 'Today',
|
||||
cancel: 'Cancel',
|
||||
clear: 'Clear',
|
||||
confirm: 'OK',
|
||||
selectDate: 'Select date',
|
||||
selectTime: 'Select time',
|
||||
startDate: 'Start Date',
|
||||
startTime: 'Start Time',
|
||||
endDate: 'End Date',
|
||||
endTime: 'End Time',
|
||||
prevYear: 'Previous Year',
|
||||
nextYear: 'Next Year',
|
||||
prevMonth: 'Previous Month',
|
||||
nextMonth: 'Next Month',
|
||||
year: '',
|
||||
month1: 'January',
|
||||
month2: 'February',
|
||||
month3: 'March',
|
||||
month4: 'April',
|
||||
month5: 'May',
|
||||
month6: 'June',
|
||||
month7: 'July',
|
||||
month8: 'August',
|
||||
month9: 'September',
|
||||
month10: 'October',
|
||||
month11: 'November',
|
||||
month12: 'December',
|
||||
week: 'week',
|
||||
weeks: {
|
||||
sun: 'Sun',
|
||||
mon: 'Mon',
|
||||
tue: 'Tue',
|
||||
wed: 'Wed',
|
||||
thu: 'Thu',
|
||||
fri: 'Fri',
|
||||
sat: 'Sat'
|
||||
},
|
||||
months: {
|
||||
jan: 'Jan',
|
||||
feb: 'Feb',
|
||||
mar: 'Mar',
|
||||
apr: 'Apr',
|
||||
may: 'May',
|
||||
jun: 'Jun',
|
||||
jul: 'Jul',
|
||||
aug: 'Aug',
|
||||
sep: 'Sep',
|
||||
oct: 'Oct',
|
||||
nov: 'Nov',
|
||||
dec: 'Dec'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: 'Loading',
|
||||
noMatch: 'No matching data',
|
||||
noData: 'No data',
|
||||
placeholder: 'Select'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: 'No matching data',
|
||||
loading: 'Loading',
|
||||
placeholder: 'Select',
|
||||
noData: 'No data'
|
||||
},
|
||||
pagination: {
|
||||
goto: 'Go to',
|
||||
pagesize: '/page',
|
||||
total: 'Total {total}',
|
||||
pageClassifier: ''
|
||||
},
|
||||
messagebox: {
|
||||
title: 'Message',
|
||||
confirm: 'OK',
|
||||
cancel: 'Cancel',
|
||||
error: 'Illegal input'
|
||||
},
|
||||
upload: {
|
||||
deleteTip: 'press delete to remove',
|
||||
delete: 'Delete',
|
||||
preview: 'Preview',
|
||||
continue: 'Continue'
|
||||
},
|
||||
table: {
|
||||
emptyText: 'No Data',
|
||||
confirmFilter: 'Confirm',
|
||||
resetFilter: 'Reset',
|
||||
clearFilter: 'All',
|
||||
sumText: 'Sum'
|
||||
},
|
||||
tree: {
|
||||
emptyText: 'No Data'
|
||||
},
|
||||
transfer: {
|
||||
noMatch: 'No matching data',
|
||||
noData: 'No data',
|
||||
titles: ['List 1', 'List 2'], // to be translated
|
||||
filterPlaceholder: 'Enter keyword', // to be translated
|
||||
noCheckedFormat: '{total} items', // to be translated
|
||||
hasCheckedFormat: '{checked}/{total} checked' // to be translated
|
||||
},
|
||||
image: {
|
||||
error: 'FAILED'
|
||||
},
|
||||
pageHeader: {
|
||||
title: 'Back' // to be translated
|
||||
},
|
||||
popconfirm: {
|
||||
confirmButtonText: 'Yes',
|
||||
cancelButtonText: 'No'
|
||||
},
|
||||
empty: {
|
||||
description: 'No Data'
|
||||
}
|
||||
},
|
||||
login: {
|
||||
bt_login: 'LOGIN'
|
||||
},
|
||||
menu: {
|
||||
BaseData: 'Basic data',
|
||||
BaseData_BaseWare: 'Warehouse basic information',
|
||||
BaseData_BaseWare_dept: 'Warehouse Management',
|
||||
BaseData_BaseWare_area: 'Reservoi Management',
|
||||
BaseData_BaseWare_point: 'Location Management',
|
||||
BaseData_BaseWare_PlatformMaintenance: 'Platform maintenance',
|
||||
BaseData_BaseWare_billType: 'Document type',
|
||||
BaseData_item: 'Material Management',
|
||||
BaseData_ruleConfigure: 'System rule configuration',
|
||||
BaseData_timing: 'Scheduled task configuration',
|
||||
Business_asn: 'Warehouse in management',
|
||||
Business_asn_xppRecord: 'XPP Pick',
|
||||
Business_asn_AsnDetail: 'XPP Grounding',
|
||||
Business_asn_viewAsnDetail: 'Other inbound items',
|
||||
Business_pick: 'Outbound management',
|
||||
Business_pick_business_indicate: 'Outbound instruction',
|
||||
Business_pick_business_bom: 'BOM Call',
|
||||
Business_pick_pickTicket: 'Other outbound items',
|
||||
business_inv: 'Inventory management',
|
||||
business_inv_inventory: 'Total inventory inquiry',
|
||||
business_inv_invXt: 'Collaborative inventory',
|
||||
business_inv_invXb: 'Cache inventory',
|
||||
business_inv_invZz: 'Manufacturing inventory',
|
||||
business_inv_inventoryLog: 'Inventory Log',
|
||||
system: 'system management',
|
||||
system_job: 'Post Management',
|
||||
system_user: 'User Management',
|
||||
system_role: 'Job Management',
|
||||
system_dict: 'Dict Management',
|
||||
system_local: 'File Store',
|
||||
system2: 'Develop backend configuration',
|
||||
system2_menu: 'menu management',
|
||||
system2_tool: 'System Tools',
|
||||
system2_mnt: 'IT Operation Management',
|
||||
system2_monitor: 'system monitor',
|
||||
system2_report: 'Report Management'
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,164 @@
|
|||
export default {
|
||||
el: {
|
||||
colorpicker: {
|
||||
confirm: '确定',
|
||||
clear: '清空'
|
||||
},
|
||||
datepicker: {
|
||||
now: '此刻',
|
||||
today: '今天',
|
||||
cancel: '取消',
|
||||
clear: '清空',
|
||||
confirm: '确定',
|
||||
selectDate: '选择日期',
|
||||
selectTime: '选择时间',
|
||||
startDate: '开始日期',
|
||||
startTime: '开始时间',
|
||||
endDate: '结束日期',
|
||||
endTime: '结束时间',
|
||||
prevYear: '前一年',
|
||||
nextYear: '后一年',
|
||||
prevMonth: '上个月',
|
||||
nextMonth: '下个月',
|
||||
year: '年',
|
||||
month1: '1 月',
|
||||
month2: '2 月',
|
||||
month3: '3 月',
|
||||
month4: '4 月',
|
||||
month5: '5 月',
|
||||
month6: '6 月',
|
||||
month7: '7 月',
|
||||
month8: '8 月',
|
||||
month9: '9 月',
|
||||
month10: '10 月',
|
||||
month11: '11 月',
|
||||
month12: '12 月',
|
||||
// week: '周次',
|
||||
weeks: {
|
||||
sun: '日',
|
||||
mon: '一',
|
||||
tue: '二',
|
||||
wed: '三',
|
||||
thu: '四',
|
||||
fri: '五',
|
||||
sat: '六'
|
||||
},
|
||||
months: {
|
||||
jan: '一月',
|
||||
feb: '二月',
|
||||
mar: '三月',
|
||||
apr: '四月',
|
||||
may: '五月',
|
||||
jun: '六月',
|
||||
jul: '七月',
|
||||
aug: '八月',
|
||||
sep: '九月',
|
||||
oct: '十月',
|
||||
nov: '十一月',
|
||||
dec: '十二月'
|
||||
}
|
||||
},
|
||||
select: {
|
||||
loading: '加载中',
|
||||
noMatch: '无匹配数据',
|
||||
noData: '无数据',
|
||||
placeholder: '请选择'
|
||||
},
|
||||
cascader: {
|
||||
noMatch: '无匹配数据',
|
||||
loading: '加载中',
|
||||
placeholder: '请选择',
|
||||
noData: '暂无数据'
|
||||
},
|
||||
pagination: {
|
||||
goto: '前往',
|
||||
pagesize: '条/页',
|
||||
total: '共 {total} 条',
|
||||
pageClassifier: '页'
|
||||
},
|
||||
messagebox: {
|
||||
title: '提示',
|
||||
confirm: '确定',
|
||||
cancel: '取消',
|
||||
error: '输入的数据不合法!'
|
||||
},
|
||||
upload: {
|
||||
deleteTip: '按 delete 键可删除',
|
||||
delete: '删除',
|
||||
preview: '查看图片',
|
||||
continue: '继续上传'
|
||||
},
|
||||
table: {
|
||||
emptyText: '暂无数据',
|
||||
confirmFilter: '筛选',
|
||||
resetFilter: '重置',
|
||||
clearFilter: '全部',
|
||||
sumText: '合计'
|
||||
},
|
||||
tree: {
|
||||
emptyText: '暂无数据'
|
||||
},
|
||||
transfer: {
|
||||
noMatch: '无匹配数据',
|
||||
noData: '无数据',
|
||||
titles: ['列表 1', '列表 2'],
|
||||
filterPlaceholder: '请输入搜索内容',
|
||||
noCheckedFormat: '共 {total} 项',
|
||||
hasCheckedFormat: '已选 {checked}/{total} 项'
|
||||
},
|
||||
image: {
|
||||
error: '加载失败'
|
||||
},
|
||||
pageHeader: {
|
||||
title: '返回'
|
||||
},
|
||||
popconfirm: {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消'
|
||||
},
|
||||
empty: {
|
||||
description: '暂无数据'
|
||||
}
|
||||
},
|
||||
login: {
|
||||
bt_login: '登录'
|
||||
},
|
||||
menu: {
|
||||
BaseData: '基础数据',
|
||||
BaseData_BaseWare: '仓库基础资料',
|
||||
BaseData_BaseWare_dept: '仓库管理',
|
||||
BaseData_BaseWare_area: '库区管理',
|
||||
BaseData_BaseWare_point: '库位管理',
|
||||
BaseData_BaseWare_PlatformMaintenance: '月台维护',
|
||||
BaseData_BaseWare_billType: '单据类型',
|
||||
BaseData_item: '物料管理',
|
||||
BaseData_ruleConfigure: '系统规则配置',
|
||||
BaseData_timing: '定时任务配置',
|
||||
Business_asn: '入库管理',
|
||||
Business_asn_xppRecord: '现品票采集上架',
|
||||
Business_asn_AsnDetail: '现品票上架',
|
||||
Business_asn_viewAsnDetail: '其他入库',
|
||||
Business_pick: '出库管理',
|
||||
Business_pick_business_indicate: '出库指示',
|
||||
Business_pick_business_bom: 'BOM叫料',
|
||||
Business_pick_pickTicket: '其他出库',
|
||||
business_inv: '库存管理',
|
||||
business_inv_inventory: '总库存查询',
|
||||
business_inv_invXt: '协同库存',
|
||||
business_inv_invXb: '缓存库存',
|
||||
business_inv_invZz: '制造库存',
|
||||
business_inv_inventoryLog: '库存日志',
|
||||
system: '系统管理',
|
||||
system_job: '岗位管理',
|
||||
system_user: '用户管理',
|
||||
system_role: '角色管理',
|
||||
system_dict: '字典管理',
|
||||
system_local: '文件存储',
|
||||
system2: '开发后台配置',
|
||||
system2_menu: '菜单管理',
|
||||
system2_tool: '系统工具',
|
||||
system2_mnt: '运维管理',
|
||||
system2_monitor: '系统监控',
|
||||
system2_report: '报表配置'
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"message": "Hello, World!",
|
||||
"welcome": "Welcome to my app."
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"message": "你好，世界！",
|
||||
"welcome": "欢迎来到我的应用。"
|
||||
}
|
||||
|
|
@ -0,0 +1,294 @@
|
|||
<template>
|
||||
<div class="main_div" :style="'background-image:url('+ Background +');'">
|
||||
<BindLicense ref="BindLicense"/>
|
||||
<el-row type="flex" style="width: 100%;height: 100%">
|
||||
|
||||
|
||||
|
||||
<!-- 底部 -->
|
||||
<!-- <el-col :span="12" ><div class="main_left" ></div></el-col> -->
|
||||
<el-col :span="24"><div class="login">
|
||||
|
||||
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
|
||||
<div style="margin-top: 20px;margin-right: auto;margin-left: auto;width: 100px;height: 100px">
|
||||
<el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" style="height: 100px;width: 100px" fit="fill"></el-avatar>
|
||||
</div>
|
||||
<h2 class="title" @click="bingLicense">
|
||||
WelCome to YouChain Plus! 👋
|
||||
</h2>
|
||||
<el-form-item prop="username">
|
||||
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="account number">
|
||||
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="password">
|
||||
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="password" @keyup.enter.native="handleLogin">
|
||||
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="code">
|
||||
<el-input v-model="loginForm.code" auto-complete="off" placeholder="Verification code" style="width: 63%" @keyup.enter.native="handleLogin">
|
||||
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
|
||||
</el-input>
|
||||
<div class="login-code">
|
||||
<img :src="codeUrl" @click="getCode">
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
|
||||
remember me
|
||||
</el-checkbox>
|
||||
<el-dropdown style="margin-left: 100px;color: #00a0e9" :trigger="hover" @command="handleCommand">
|
||||
<span class="el-dropdown-link">
|
||||
Language switching<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="zh">Chinese</el-dropdown-item>
|
||||
<el-dropdown-item command="en">English</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
<el-form-item style="width:100%;">
|
||||
<el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
|
||||
<span v-if="!loading">Login</span>
|
||||
<span v-else>Logging in...</span>
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<h5 class="zhuce" @click="bingLicense">
|
||||
If you don't have an account yet？<span style="color: #00a0e9;margin-left: 5px" href="">Please contact the administrator</span>
|
||||
</h5>
|
||||
</el-form>
|
||||
</div></el-col>
|
||||
|
||||
</el-row>
|
||||
<!-- 底部 -->
|
||||
<div v-if="$store.state.settings.showFooter" id="el-login-footer">
|
||||
<span v-html="$store.state.settings.footerTxt" />
|
||||
<span v-if="$store.state.settings.caseNumber"> ⋅ </span>
|
||||
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{ $store.state.settings.caseNumber }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { encrypt } from '@/utils/rsaEncrypt'
|
||||
import Config from '@/settings'
|
||||
import { getCodeImg, getDeviceInfo } from '@/api/login'
|
||||
import Cookies from 'js-cookie'
|
||||
import qs from 'qs'
|
||||
import Background from '@/assets/images/background3.png'
|
||||
import BindLicense from '@/views/licenseBind.vue'
|
||||
export default {
|
||||
name: 'Login',
|
||||
components: { BindLicense },
|
||||
data() {
|
||||
return {
|
||||
click_count: 0,
|
||||
Background: Background,
|
||||
codeUrl: '',
|
||||
cookiePass: '',
|
||||
loginForm: {
|
||||
username: 'admin',
|
||||
password: '123456',
|
||||
rememberMe: false,
|
||||
code: '',
|
||||
uuid: ''
|
||||
},
|
||||
loginRules: {
|
||||
username: [{ required: true, trigger: 'blur', message: 'username cannot be empty' }],
|
||||
password: [{ required: true, trigger: 'blur', message: 'password cannot be empty' }],
|
||||
code: [{ required: true, trigger: 'change', message: 'verification code cannot be empty' }]
|
||||
},
|
||||
loading: false,
|
||||
redirect: undefined
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function(route) {
|
||||
const data = route.query
|
||||
if (data && data.redirect) {
|
||||
this.redirect = data.redirect
|
||||
delete data.redirect
|
||||
if (JSON.stringify(data) !== '{}') {
|
||||
this.redirect = this.redirect + '&' + qs.stringify(data, { indices: false })
|
||||
}
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 获取验证码
|
||||
this.getCode()
|
||||
// 获取用户名密码等Cookie
|
||||
this.getCookie()
|
||||
// token 过期提示
|
||||
this.point()
|
||||
|
||||
this.getDevice()
|
||||
},
|
||||
methods: {
|
||||
handleCommand(command) {
|
||||
|
||||
// eslint-disable-next-line no-empty
|
||||
if (command === 'zh') {
|
||||
this.$message('click on item ' + command)
|
||||
this.$router.push('/login')
|
||||
}
|
||||
},
|
||||
getCode() {
|
||||
getCodeImg().then(res => {
|
||||
this.codeUrl = res.img
|
||||
this.loginForm.uuid = res.uuid
|
||||
})
|
||||
},
|
||||
getDevice() {
|
||||
getDeviceInfo().then(res => {
|
||||
this.$refs.BindLicense.form.deviceCode = res
|
||||
})
|
||||
},
|
||||
getCookie() {
|
||||
const username = Cookies.get('username')
|
||||
let password = Cookies.get('password')
|
||||
const rememberMe = Cookies.get('rememberMe')
|
||||
// 保存cookie里面的加密后的密码
|
||||
this.cookiePass = password === undefined ? '' : password
|
||||
password = password === undefined ? this.loginForm.password : password
|
||||
this.loginForm = {
|
||||
username: username === undefined ? this.loginForm.username : username,
|
||||
password: password,
|
||||
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
|
||||
code: ''
|
||||
}
|
||||
},
|
||||
handleLogin() {
|
||||
this.$i18n.locale = 'en'
|
||||
this.$refs.loginForm.validate(valid => {
|
||||
const user = {
|
||||
username: this.loginForm.username,
|
||||
password: this.loginForm.password,
|
||||
rememberMe: this.loginForm.rememberMe,
|
||||
code: this.loginForm.code,
|
||||
uuid: this.loginForm.uuid
|
||||
}
|
||||
if (user.password !== this.cookiePass) {
|
||||
user.password = encrypt(user.password)
|
||||
}
|
||||
if (valid) {
|
||||
this.loading = true
|
||||
if (user.rememberMe) {
|
||||
Cookies.set('username', user.username, { expires: Config.passCookieExpires })
|
||||
Cookies.set('password', user.password, { expires: Config.passCookieExpires })
|
||||
Cookies.set('rememberMe', user.rememberMe, { expires: Config.passCookieExpires })
|
||||
} else {
|
||||
Cookies.remove('username')
|
||||
Cookies.remove('password')
|
||||
Cookies.remove('rememberMe')
|
||||
}
|
||||
this.$store.dispatch('Login', user).then(() => {
|
||||
this.loading = false
|
||||
this.$router.push({ path: this.redirect || '/' })
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
this.getCode()
|
||||
})
|
||||
} else {
|
||||
console.log('error submit!!')
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
point() {
|
||||
const point = Cookies.get('point') !== undefined
|
||||
if (point) {
|
||||
this.$notify({
|
||||
title: 'prompt',
|
||||
message: 'The current login status has expired, please log in again!',
|
||||
type: 'warning',
|
||||
duration: 5000
|
||||
})
|
||||
Cookies.remove('point')
|
||||
}
|
||||
},
|
||||
bingLicense() {
|
||||
this.click_count = this.click_count + 1
|
||||
if (this.click_count % 3 === 0) {
|
||||
this.$refs.BindLicense.dialogVisible = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss">
|
||||
.main_div {
|
||||
background: #f7f7f7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
.main_left {
|
||||
background: #fffffff5;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
.login {
|
||||
background: #00000045;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
.title {
|
||||
margin: 30px auto 30px 0px;
|
||||
text-align: left;
|
||||
color: #707070;
|
||||
}
|
||||
.zhuce {
|
||||
margin: 30px auto 30px 0px;
|
||||
text-align: center;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
border-radius: 6px;
|
||||
background: #fffffff0;
|
||||
width: 520px;
|
||||
height: 620px;
|
||||
padding: 40px 80px 40px 80px;
|
||||
.el-input {
|
||||
height: 40px;
|
||||
input {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
.input-icon{
|
||||
height: 39px;width: 14px;margin-left: 2px;
|
||||
}
|
||||
}
|
||||
.login-tip {
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
color: #bfbfbf;
|
||||
}
|
||||
.login-code {
|
||||
width: 33%;
|
||||
display: inline-block;
|
||||
height: 38px;
|
||||
float: right;
|
||||
img{
|
||||
cursor: pointer;
|
||||
vertical-align:middle
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue