<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			{{ i18n.Language }}
		</navigation>
		<view class="main">
			<view class="main_con">
				<u-radio-group v-model="value" @change="radioGroupChange">
					<view class="item flex" v-for="(item, index) in list" :key="index" @click="nowLanguage(item,index)">
						<view class="text1">
							{{item.lang}}
						</view>
						<u-radio @change="radioChange" :name="item.name" :disabled="item.disabled"
							active-color="#5B53FF">

						</u-radio>
					</view>
				</u-radio-group>
				<view class="select_btn" @click="confirmLanguage">
					{{ i18n.langSelect }}
				</view>
			</view>
		</view>

	</view>

</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
				language: this.$store.state.language == 'en' ? 'English' : '简体中文',
				checked: false,
				langInfo: {},
				lang: '',
				list: [{
						lang: this.$t('index').langfan,
						disabled: false,
						name: "b",
					},
					{
						lang: this.$t('index').langjian,
						disabled: false,
						name: "a",
					},
					{
						lang: this.$t('index').eng,
						disabled: false,
						name: "c",
					},

				],
				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
				value: 'c',
			};
		},

		methods: {
			// 中英化
			// 判断当前是什么语言
			nowLanguage(e, i) {
				console.log(e, 22222)
				this.value = e.name
				this.lang = e.lang
				this.langInfo = e;
				console.log(this.langInfo, 22222)
			},
			confirmLanguage() {
				uni.setStorageSync('lang', this.value)

				console.log(this.langInfo, 1212212)
				if (this.langInfo.name == 'c') {
					this._i18n.locale = 'en'
					this.$store.commit('setLanguage', 'en')
					uni.setStorageSync('langTrue', 'English')
					uni.setStorageSync("language", 'en')
				} else if (this.langInfo.name == 'a') {
					this._i18n.locale = 'zh-CN'
					this.$store.commit('setLanguage', 'zh-CN')
					uni.setStorageSync("language", 'zh-CN')
					uni.setStorageSync('langTrue', '简体中文')
				} else if (this.langInfo.name == 'b'){
					this._i18n.locale = 'zh-CNF'
					this.$store.commit('setLanguage', 'zh-CNF')
					uni.setStorageSync("language", 'zh-CNF')
					uni.setStorageSync('langTrue', '繁體中文')
				}
				uni.navigateBack(2)
			},
			radioChange(e) {

			},
			// 选中任一radio时，由radio-group触发
			radioGroupChange(e) {

			},
			change(status) {

			},
		},
		computed: {
			i18n() {
				return this.$t('index')
			},
		},
		onLoad() {
			if (uni.getStorageSync('lang')) {
				this.value = uni.getStorageSync('lang')
			} else {
				uni.setStorageSync('lang', this.value)
			}
		}
	};
</script>
<style scoped>
	page {
		background: #FAFAFA;
	}
</style>

<style>
	@import './index.css';
</style>
