|
|
@@ -13,7 +13,13 @@
|
|
|
<span @click="logoutF">{{$t("nav.signOut")}}</span>
|
|
|
</div>
|
|
|
-->
|
|
|
+ <div class="navOut" v-if="out">
|
|
|
+ <span @click="toogleLanguage" class="text">{{$t('login.language')}}:{{languages}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <van-popup v-model="languageShow" round position="bottom" :style="{ height: '40%' }">
|
|
|
+ <van-picker show-toolbar title="选择语言" :columns="languagecolumns" @confirm="languageConfirm" @cancel="languageCancel" />
|
|
|
+ </van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -37,7 +43,27 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ languageShow:false,
|
|
|
+ languagecolumns:[
|
|
|
+ { text: '简体中文', value: 0 },
|
|
|
+ { text: '日本語', value: 1 },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed:{
|
|
|
+ languages(){
|
|
|
+ let text='';
|
|
|
+ let language=this.$store.state.user.language;
|
|
|
+ if(language=='zh'){
|
|
|
+ text='简体中文'
|
|
|
+ }
|
|
|
+ if(language=='ja'){
|
|
|
+ text='日本語'
|
|
|
+ }
|
|
|
+ console.log(language)
|
|
|
+ return text;
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
goBack() {
|
|
|
@@ -48,6 +74,23 @@ export default {
|
|
|
this.$router.back();
|
|
|
}
|
|
|
},
|
|
|
+ toogleLanguage(){
|
|
|
+ this.languageShow = true;
|
|
|
+ },
|
|
|
+ languageConfirm(value){
|
|
|
+ let text='';
|
|
|
+ if(value.value==0){
|
|
|
+ text='zh'
|
|
|
+ }else{
|
|
|
+ text='ja'
|
|
|
+ }
|
|
|
+ this.$store.commit("user/SET_LANGUAGE", text);
|
|
|
+ this.languageCancel();
|
|
|
+ location.reload();
|
|
|
+ },
|
|
|
+ languageCancel(){
|
|
|
+ this.languageShow = false;
|
|
|
+ },
|
|
|
logoutF() {
|
|
|
this.$dialog
|
|
|
.confirm({
|