<template>
	<view class="rela">
		<navigation :showBack="true" :bgnum="true">
			Settings
		</navigation>
		<view class="main">
			<view class="main_con">
         <view class="item flex">
         	<view class="text1">
         		Payment password
         	</view>
			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>
         </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Fingerprint password
		 	</view>
			<u-switch v-model="checked" active-color="#5B53FF" @change="fingerPass()"></u-switch>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Language settings
		 	</view>
			<view class="">
			<text class="text2">English</text>	
			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
			</view>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 		Currency
		 	</view>
		 			<view class="">
		 			<text class="text2">USD</text>	
		 			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
		 			</view>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Node settings
		 	</view>
		 		
		 			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
		 		
		 </view>
		</view>
	
			</view>
			<u-mask z-index="10" :show="show"></u-mask>
		<!-- 	<view class="zhiwen_con"  >
				<view class="tiao" @click="cancel">	
				</view>
				<view class="bigtitle">
				Fingerprint password 
				</view>
				<view class="bottom_con">
					<image src="../../../static/tongyonh/zhiwen.png" mode="aspectFit" class="img1"></image>
				   <view class="text1">
				   	Touch the fingerprint sensor
				   </view>
				<view class="flex con">
					
							<view class="textt2">
						Cancel
							</view>
				</view>
				</view>
			</view> -->
			<view class="hou_jia" v-if="showFinger">
				<view class="Log">
					Log in
				</view>
				<image src="../../../static/tongyonh/zww.png" mode="aspectFit" class="zzw"></image>
				<view class="Log"  @click="cancel">
					Cancel
				</view>
			</view>
	<view class="hou_jia hou_jia_w" v-if="hou_jia_w">
		<view class="fontt">
		Confirm close validation?
		</view>
		<view class="ccon">
		<view class="cancle"  @click="cancel_hou">
			Cancel
		</view>
		<view class=""  @click="confirm_hou">
			Confirm
		</view>
			</view>
	</view>
	</view>
	
</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
			
			checked: false,
			show:false,
			showFinger:false,
			fingerSuccess:false,
			fingerFail:false,
			hou_jia_w:false,
			};
		},
		methods: {
			cancel_hou(){
				this.hou_jia_w=false;
				this.show=false;
				this.checked=true;
			},
			confirm_hou(){
				this.checked=false
				this.hou_jia_w=false;
				this.show=false;
					 uni.setStorageSync('fingerPass',false)
			},
				confirm() {
						setTimeout(() => {
							// 3秒后自动关闭
							this.show23 = false;
						}, 3000)
					},
			cancel(){	
				this.showFinger=false;
				this.checked=false;
				this.show=false;
				this.$walletUtil.printCancel();
			},
			cancelSucc(){
				this.fingerSuccess=false
				this.show=false;
			},
			cancelFail(){
				this.fingerFail=false
				this.show=false;
			},
			fingerPass(){
				console.log(this.checked)
				// 如果是启动的就调指纹
				if(this.checked){
					console.log(111)
					this.show=true;
					this.showFinger=true;
					this.showModal()
					 this.fingerprint(true);	
				}
				// 如果是关闭的就存false，转账页面出现使用密码
				if(!this.checked){
					
					this.show=true
				
				}
			
			},
			fingerprint: function(sett) {
				// 进来先判断本机有没有指纹
					// #ifdef APP-PLUS
					if (!plus.fingerprint.isSupport()) {
						uni.showToast({
							title: 'This device does not support fingerprint identification',
							icon: 'none',
							duration: 1500
						})
						// this.disabled = true;
					} else if (!plus.fingerprint.isKeyguardSecure()) {
						uni.showToast({
							title: 'This device is not equipped with a password lock screen and cannot use fingerprint identification',
							icon: 'none',
							duration: 1500
						})
					
					} else if (!plus.fingerprint.isEnrolledFingerprints()) {
						uni.showToast({
							title: 'There is no fingerprint entered in this device. Please turn it on in the setting',
							icon: 'none',
							duration: 1500
						})
						// this.disabled = true;
					} else {
						// this.result = '此设备支持指纹识别';
						// // this.disabled = false;
						// #ifdef MP-WEIXIN
						// this.disabled = false;
						uni.showToast({
							title: 'Please use it in wechat real machine. The simulator does not support it',
							icon: 'none',
							duration: 1500
						})
						// #endif
						// #ifndef APP-PLUS || MP-WEIXIN
						uni.showToast({
							title: 'Fingerprint identification is not supported on this platform',
							icon: 'none',
							duration: 1500,
								})
						// #endif
						
						// 进来先判断本机有没有指纹
						
						let that=this;
						// #ifdef APP-PLUS
						plus.fingerprint.authenticate(function() {
							plus.nativeUI.closeWaiting(); //兼容Android平台关闭等待框	
                                 // 指纹验证成功后走这里
									// 存储设置里开启指纹后的状态，隐藏使用密码

								uni.setStorageSync('fingerPass',true)
								console.log(that.showFinger,454545)
							that.showFinger=false;
							that.fingerSuccess=true;
							that.show=false;
							console.log(that.showFinger,454545)
						}, function(e) {
							switch (e.code) {
								case e.AUTHENTICATE_MISMATCH:
									// plus.nativeUI.toast('Fingerprint matching failed, please re-enter');
									uni.setStorageSync('fingerPass',false)
										console.log(that.showFinger,454545)
									that.showFinger=false;
									that.fingerFail=true;
									that.checked=false
									console.log(that.fingerFail,454545)
									break;
								case e.AUTHENTICATE_OVERLIMIT:
									plus.nativeUI.closeWaiting(); //兼容Android平台关闭等待框
									// plus.nativeUI.alert('The number of fingerprint identification failures exceeds the limit. Please use other methods for authentication');
									uni.setStorageSync('fingerPass',false)
										console.log(that.showFinger,454545)
									that.showFinger=false;
									that.fingerFail=true;
									that.checked=false
									console.log(that.fingerFail,454545)
									break;
								case e.CANCEL:
									plus.nativeUI.toast('Recognition has been cancelled');
									uni.setStorageSync('fingerPass',false)
										console.log(that.showFinger,454545)
									that.showFinger=false;
									that.checked=false
									that.fingerFail=true;
									console.log(that.fingerFail,454545)
									break;
								default:
									plus.nativeUI.closeWaiting(); //兼容Android平台关闭等待框
									uni.setStorageSync('fingerPass',false)
										console.log(that.showFinger,454545)
									that.showFinger=false;
									that.checked=false
									that.fingerFail=true;
									console.log(that.fingerFail,454545)
									plus.nativeUI.alert('Fingerprint identification failed, please try again');
									break;
							}
						});
						// Android平台手动弹出等待提示框 
						if ('Android' == plus.os.name) {
							this.show=true;
							/* plus.nativeUI.showWaiting('指纹识别中...').onclose = function() {
								plus.fingerprint.cancel();
							} */
						}
						// #endif
						
						// #ifdef MP-WEIXIN
						wx.startSoterAuthentication({
							requestAuthModes: ['fingerPrint'],
							challenge: '123456',
							authContent: '请用指纹解锁',
							success(res) {
								uni.showToast({
									title: '识别成功',
									mask: false,
									duration: 1500
								});
							}
						})
						// #endif
					}
					// #endif
					
			
				},
		change(status) {
						// console.log(status);
					},
			
		},
		onLoad() {
			// 每次进来拿缓存里有没有指纹
			if(uni.getStorageSync('fingerPass')){
				this.checked=uni.getStorageSync('fingerPass')
			}
		}
	};
</script>
<style scoped>
page {
		background: #FAFAFA;
	}
</style>

<style>

	@import './index.css';

</style>
