中英韩
This commit is contained in:
@@ -1,24 +1,23 @@
|
||||
<template>
|
||||
<view class="zd_container">
|
||||
<nav-bar title="设置" :inner2="true" @goIn="goIn"></nav-bar>
|
||||
<nav-bar :title="$t('login.settings')" :inner2="true" @goIn="goIn" :show1="false"></nav-bar>
|
||||
<view class="zd_content">
|
||||
<view class="zd_wrapper">
|
||||
<view class="setup-item">
|
||||
<view class="setup-label">服务器地址</view>
|
||||
<input type="text" class="setup-input" placeholder="请输入服务器地址" v-model="addrip">
|
||||
<view class="input-wrap">
|
||||
<view class="input-label">{{$t('setting.language')}}</view>
|
||||
<view class="select_wrap">
|
||||
<uni-data-select v-model="index1" :localdata="options1" :clear="false"
|
||||
@change="selectChange1"></uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-wrap">
|
||||
<view class="input-label">{{$t('setting.server')}}</view>
|
||||
<input type="text" class="setup-input" v-model="addrip">
|
||||
</view>
|
||||
<!-- <view class="setup-item">
|
||||
<view class="setup-label">ACS地址</view>
|
||||
<input type="text" class="setup-input" placeholder="请输入ACS地址" v-model="acsip">
|
||||
</view> -->
|
||||
<!-- <view class="setup-item">
|
||||
<view class="setup-label">刷新时间(s)</view>
|
||||
<input type="text" class="setup-input" placeholder="请输入刷新时间" v-model="setTime">
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="zd-row submit-bar">
|
||||
<button class="zd-col-24 button-primary" @click="_submit">确认</button>
|
||||
<button class="zd-col-22 button-primary" @click="_submit">{{$t('button.confirm')}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -32,41 +31,57 @@
|
||||
data() {
|
||||
return {
|
||||
addrip: this.$store.getters.baseUrl,
|
||||
acsip: this.$store.getters.acsUrl,
|
||||
printip: this.$store.getters.printUrl,
|
||||
setTime: this.$store.getters.setTime / 1000
|
||||
options1: [{text: '中文',value: 'zh-Hans'}, {text: 'English', value: 'en'}, {text: '한국어', value: 'ko'}],
|
||||
index1: '',
|
||||
systemLocale: '',
|
||||
applicationLocale: ''
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
let systemInfo = uni.getSystemInfoSync();
|
||||
this.systemLocale = systemInfo.language;
|
||||
this.applicationLocale = uni.getLocale();
|
||||
this.index1 = this.applicationLocale.split('-')[0]
|
||||
this.isAndroid = systemInfo.platform.toLowerCase() === 'android';
|
||||
uni.onLocaleChange((e) => {
|
||||
this.applicationLocale = e.locale;
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
onLocaleChange(e) {
|
||||
if (this.isAndroid) {
|
||||
uni.showModal({
|
||||
content: this.$t('setting.language-change-confirm'),
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
uni.setLocale(e);
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.setLocale(e);
|
||||
this.$i18n.locale = e;
|
||||
}
|
||||
},
|
||||
goIn () {
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
},
|
||||
selectChange1(e) {
|
||||
this.onLocaleChange(e)
|
||||
this.index1 = e
|
||||
},
|
||||
_submit () {
|
||||
if (this.addrip === '') {
|
||||
uni.showToast({
|
||||
title: '请填写服务器地址',
|
||||
title: '服务器地址',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
// if (this.acsip === '') {
|
||||
// uni.showToast({
|
||||
// title: '请填写ACS地址',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
// if (this.setTime === '') {
|
||||
// uni.showToast({
|
||||
// title: '请填写刷新时间',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return
|
||||
// }
|
||||
// 存值
|
||||
this.$store.dispatch('setConfig',{baseUrl: this.addrip, acsUrl: this.acsip, printUrl: this.printip,setTime: this.setTime * 1000})
|
||||
this.$store.dispatch('setConfig',{baseUrl: this.addrip})
|
||||
uni.redirectTo({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
@@ -77,16 +92,24 @@
|
||||
|
||||
<style lang="stylus">
|
||||
@import '../../common/style/mixin.styl';
|
||||
.setup-item
|
||||
width 100%
|
||||
margin-bottom 40rpx
|
||||
.setup-label
|
||||
_font(24rpx,40rpx,#000)
|
||||
.setup-input
|
||||
.input-wrap
|
||||
_wh(100%, 80rpx)
|
||||
margin 20rpx 0
|
||||
_fj()
|
||||
.input-label
|
||||
_wh(210rpx, 80rpx)
|
||||
_font(28rpx,80rpx,#464646)
|
||||
text-align:justify;
|
||||
text-align-last: justify;
|
||||
text-justify: inter-ideograph;/*兼容ie*/
|
||||
.setup-input
|
||||
_wh(calc(100% - 220rpx), 80rpx)
|
||||
background #fff
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 10rpx;
|
||||
_font(28rpx,80rpx,#323232)
|
||||
padding 0 28rpx
|
||||
border 2px solid #e9ecf3
|
||||
border-radius 12rpx
|
||||
padding 0 10rpx
|
||||
.select_wrap
|
||||
_wh(calc(100% - 220rpx), 80rpx)
|
||||
background #fff
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user