<template>
	<view class="">
		<navigation :showBack="true">
			{{i18n.Importmnemonics}}
		</navigation>
		<view class="main">
			<view class="title">
				{{i18n.Mnemonicsimportverification}}
			</view>
 
<u-input type="textarea" :clearable="false" v-model="wordInfo" @input="getmon()" :placeholder="teee" class="textareaa" placeholderStyle="color:rgb(224,229,242)"  
 :focus="foucStatus"  @blur="hideMon" />

			<u-button class="custom-style" @click="confirm">{{i18n.Confirm}}</u-button>


			<view class="info_con" v-if="show">
				<image src="../../../../static/tongyonh/xg.png" mode="aspectFit" class="img2" @click="show=false">
				</image>
				<image src="../../../../static/tongyonh/Frame60.png" mode="aspectFit" class="img"></image>
				<view class="info">
					{{i18n.Successful}}
				</view>
				<view class="text">
					{{i18n.backCom}}
				</view>
				<view class="btn">
					{{i18n.Confirm}}
				</view>
			</view>

			<view class="info_con" v-if="show2">
				<image src="../../../../static/tongyonh/xg.png" mode="aspectFit" class="img2" @click="show2=false">
				</image>
				<image src="../../../../static/tongyonh/Subtract.png" mode="aspectFit" class="img"></image>
				<view class="info">
					{{i18n.seed}}
				</view>
				<view class="text">
					{{i18n.wrongWord}} <br>{{i18n.wrongWord2}}
				</view>
				<view class="btncon">
					<view class="can" @click="show2=false">
						{{i18n.Cancel}}
					</view>
					<view class="con" @click="restart">
						{{i18n.Confirm}}
					</view>

				</view>
			</view>
			<u-mask :show="show" z-index="10"></u-mask>
			<u-mask :show="show2" z-index="10"></u-mask>
		</view>
	<scroll-view  :scroll-x="true" class="" v-if="wordType">
		<!-- @click="toWord(item)" -->
		<view class="scroll">
			<view class="item" v-for="item,index in worcon"  @touchend.prevent="toWord(item)">
				{{item}}
			</view>
		
		</view>
				
					</scroll-view>
					<!-- <u-keyboard mode="car" v-model="show222"></u-keyboard> -->
	</view>
	</view>

</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
				show222:'',
				wordType:false,
				teee: this.$t('index').separatedbyspaces,
				mnemonics: [],
				wordArr: [],
				show: false,
				index: 0,
				returnIndex: 0,
				// 拿来对比的
				mnemonics2: [],
				show2: false,
				wordInfo: '',
				walletInfo: {},
				go: false,
				name: '',
				typename: '',
				info: {},
				worcon:[],
				keyUp:'',
				foucStatus:false,
				
				
				defaultPhoneHeight:'', //屏幕默认高度
				nowPhoneHeight:'', //屏幕现在的高度
			};
		},
		computed: {
			i18n() {
				return this.$t('index')
			},
		},
		methods: {
		
		nowPhoneHeight(){
			if(this.defaultPhoneHeight != this.nowPhoneHeight){
				//手机键盘被唤起了。
		 
		        //写软键盘唤起你需要做的操作
		        //如this.tabbar = true
			}else{
				//手机键盘被关闭了。
		        //写软键盘关闭你需要做的操作
		       this.wordType=false
			}
		},
			hideMon(){
				this.wordType=false
			},
			getmon(){
				console.log(this.wordInfo)
				var ss = this.wordInfo.split(" ")
				this.keyUp=ss[ss.length-1];
				console.log(ss[ss.length-1],444)
				this.worcon=this.$Token.searchMnemonic(ss[ss.length-1])
				if(this.worcon.length>0){
					this.wordType=true;
				}else if(this.worcon.length==0){
					uni.showToast({
						title: '无效的助记词',
						icon: 'none',
						duration: 1500
					})
				}
				console.log(this.worcon,444444)
			},
			toWord(item){
		console.log(this.keyUp+item,78787878)
				this.wordInfo+=item+' '
				this.wordInfo=this.wordInfo.replace(this.keyUp+item,item)
				this.keyUp='';
				this.wordType=false
				console.log(this.foucStatus,7878787878787787777777777)
			},
			// 成功去到设置交易密码
			goTranPaw() {
				uni.navigateTo({
					url: '/pages/menu/backUp/transPaw/index'
				})
			},
			// 失败重刷新
			restart() {
				uni.redirectTo({
					url: '../backUp4/index'
				})
			},
			// 提交
			confirm() {
				if(this.wordInfo==''){
					uni.showToast({
						title: this.$t('index').MnemonicsError,
						icon: 'none',
						duration: 1500
					})
					return;
				}
				this.typename=uni.getStorageSync('createWalletName')
				if(!this.typename){
				
					if(this.wordInfo.split(" ").length%12!=0){
						uni.showToast({
							title: this.$t('index').MnemonicsError,
							icon: 'none',
							duration: 1500
						})
						return;
					}
					uni.setStorageSync('word', this.wordInfo);
					uni.navigateTo({
						url: '/pages/menu/backUp/transPaw/index'
					})
					
				}else{
					this.walletInfo = uni.getStorageSync('walletInfo');
					console.log(this.walletInfo, 123654)
					if (this.wordInfo == null) {
						uni.showToast({
							title: this.$t('index').beempty,
							icon: 'none',
							duration: 1500
						})
						return;
					}
					
					
					
					this.walletInfo = uni.getStorageSync('walletInfo');
					for (var i = 0; i < this.walletInfo[this.typename].length; i++) {
						if (this.wordInfo == this.walletInfo[this.typename][i].address) {
							uni.showToast({
								title: this.$t('index').beenimported,
								icon: 'none',
								duration: 1500
							})
							return;
						} else {
							uni.setStorageSync('word', this.wordInfo);
							uni.navigateTo({
								url: '/pages/menu/backUp/transPaw/index'
							})
						}
					
					}
					
					
				}
				
				
			},



		},
		onLoad(item) {
this.defaultPhoneHeight = window.innerHeight
window.onresize = ()=>{
	this.nowPhoneHeight = window.innerHeight
}
			if (item != '' || item != undefined) {
				uni.setStorageSync('createWalletName', item.name)
			}
		},
	};
</script>
<style scoped>
	.custom-style {
		height: 112rpx;
		text-align: center;
		color: #fff;
		background-color: #5B53FF !important;
		border-radius: 40rpx;
		margin-top: 50rpx;
	}

	.u-default-hover {
		background-color: #5B53FF !important;
		border-radius: 40rpx !important;
		color: #fff !important;
		border: none;
	}
</style>

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