<template>
	<view class="">
		<navigation :showBack="true" :bgnum="false">
			<text class="big_title">
			Transaction password
			</text>
		</navigation>
		<view class="main">
			<view class="big_title" v-if="borNum">
				Set transaction password
			</view>
		<view class="big_title" v-if="borNum2">
			Please enter again
		</view>
	<view class="title">
		Secure transaction passwords, <br>please do not disclose
	</view>	
		<u-message-input @finish="finish" inactive-color="#E0E5F2"  active-color="#5B53FF" :width="94" :maxlength="6" mode="box" :focus="fes"   :dot-fill="true" v-if="borNum"></u-message-input>
	   <u-message-input @finish="finish2" :inactive-color="info?'#F16063':'#E0E5F2'"  active-color="#5B53FF" :width="94" :maxlength="6" mode="box" :focus="fes"   :dot-fill="true" v-if="borNum2"></u-message-input>
	
	<view class="infoText" v-if="info">
		Password discrepansies 
	</view>
	
	</view>

	
	
		</view>
</view>



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
			password:'',
			password2:'',
	        msg:'',
	        msgLength:0,
			fes:false,
			borNum:true,
			borNum2:false,
			info:false,
			}
		},
		 watch:{
		    
		    },
		
		methods: {
			// 比较
				finish2(e) {
					if(this.password!=e){
						this.info=true;
					
					
					}else{
						uni.showToast({
							title: 'Password set successfully',
							icon: 'success',
							duration: 1500,
						})
						setTimeout(()=>{
						// uni.navigateTo({
						// 	url:'../reSuccessful'
						// })	
						uni.navigateTo({
							url:'../../wallet/index'
						})	
						},1500)
						this.info=false;
					}
					},
					// 第一次存密码
			finish(e) {
				this.password=e
				var that=this;
			uni.setStorage({
				key: 'transPaw',
				data: e,
				success: function() {
					that.borNum=false;
					that.borNum2=false;
				},
				
			});	
		setTimeout(()=>{
			that.borNum2=true;
		},50)
		
		},
		}
	};
</script>
<style scoped>

</style>

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