<template>
	<view class="page">
		<u-navbar title=" " :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#262B37'
			title-size='36' height='36' id="navbar" :custom-back="btnfh">
		</u-navbar>
	  <image src="https://api.ccttiot.com/smartmeter/img/static/uum6lsXMCEt4MU0WMW01" class="bj" mode=""></image>
      <view class="sfxx" v-if="isReal == false">
      	<view class="tit">
      		请输入您的有效身份信息
      	</view>
		<view class="name">
			姓名 <input type="text" v-model="name" placeholder="请填写姓名" />
		</view>
		<view class="name">
			身份证号 <input type="text" v-model="zfzh" placeholder="请填写身份证号" />
		</view>
		<view class="" style="width: 100%;text-align: center;margin-top: 20rpx;color: #ccc;">
			您当前还未完成实名认证
		</view>
      </view>
	  <view class="sfxx" v-else>
	  	<view class="tit">
	  		请输入您的有效身份信息
	  	</view>
	  		<view class="name">
	  			姓名 <input type="text" v-model="name" :disabled="true" placeholder="请填写姓名" />
	  		</view>
	  		<view class="name">
	  			身份证号 <input type="text" v-model="zfzh" :disabled="true" placeholder="请填写身份证号" />
	  		</view>
			<view class="" style="width: 100%;text-align: center;margin-top: 20rpx;color: #ccc;">
				您当前已完成实名认证
			</view>
	  </view>
	   <view class="anniu" @click="btnshiming" v-if="isReal == false">
	   	   <!-- <text>进入人脸识别</text> -->
		    <text>提交</text>
	   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                bgc: {
                	backgroundColor: "",
                },
				name:'',
				zfzh:'',
				isReal:false,
				backData: null
			}
		},
		onLoad(option) {
            if(option.user){
				console.log(option);
				this.isReal = JSON.parse(option.user).isReal
				this.name = JSON.parse(option.user).realName
				this.zfzh = JSON.parse(option.user).realIdCard
			}
		},
		onShow() {
			 // if (this.backData == true) {
			 //    console.log('接收数据:', this.backData);
			 //    this.getshuaxin();
			 //    this.backData = null; // 重置
			 //  }
		},
		methods: {
			// 刷新人脸识别是否成功
			getshuaxin(){
				this.$u.get('/app/realName/refreshRealName').then(res => {
					if(res.code == 200){
						if(res.data.pass == true){
							let realNameType = res.data.realNameType
							let infoId = res.data.infoId
							uni.showModal({
								title: '温馨提示',
								content: `人脸认证成功`,
								showCancel: false,
								success: function(res) {
									uni.navigateBack()
								}
							})
						}else{
							uni.showModal({
								title: '温馨提示',
								content: `人脸认证失败`,
								showCancel: false,
								success: function(res) {
									uni.navigateBack()
								}
							})
						}
					}else{
						uni.showModal({
							title: '温馨提示',
							content: `人脸认证失败`,
							showCancel: false,
							success: function(res) {
								uni.navigateBack()
							}
						})
					}
				})
			},
			// 自定义返回
			btnfh(){
				uni.navigateBack()
			},
			// 点击进行实名认证
			btnshiming(){
				let data = {
					userName:this.name,
					idCard:this.zfzh,
				}
				this.$u.put(`/app/realName/twoElementRealName`,data).then(res =>{ //二要素
					if(res.code == 200){
						uni.showToast({
							title: res.msg,
							icon: 'success',
							duration: 2000
						})
						setTimeout(()=>{
							uni.navigateBack()
						},1500)
					}else if(res.code == 500){
						uni.showToast({
							title: '未知错误，请联系管理员',
							icon: 'none',
							duration: 2000
						})
					} else{
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						})
					}
				})
				// this.$u.put(`/app/realName/realName`,data).then(res =>{ //人脸
				// 	if(res.code == 200){
				// 		let https = encodeURIComponent(res.data.jumpUrl)
				// 		this.backData = true
				// 		uni.navigateTo({
				// 			url:'/page_fenbao/renlian?https=' + https
				// 		})
				// 	}else{
				// 		uni.showToast({
				// 			title: res.msg,
				// 			icon: 'none',
				// 			duration: 2000
				// 		})
				// 	}
				// })
			}
		}
	}
</script>

<style lang="scss">
	.anniu{
		width: 750rpx;
		height: 174rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0,0,0,0.3);
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		line-height: 174rpx;
		text-align: center;
		position: fixed;
		left: 0;
		bottom: 0;
		text{
			display: inline-block;
			width: 682rpx;
			height: 84rpx;
			background: #4297F3;
			border-radius: 42rpx 42rpx 42rpx 42rpx;
			text-align: center;
			line-height: 84rpx;
			font-weight: 600;
			font-size: 36rpx;
			color: #FFFFFF;
		}
	}
	.sfxx{
		width: 676rpx;
		height: 480rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: auto;
		margin-top: 310rpx;
		border-radius: 30rpx;
		.name{
			width: 624rpx;
			height: 92rpx;
			margin: auto;
			background: #EFEFEF;
			border-radius: 46rpx 46rpx 46rpx 46rpx;
			margin-top: 46rpx;
			display: flex;
			align-items: center;
			font-size: 32rpx;
			color: #3D3D3D;
			padding-left: 40rpx;
			box-sizing: border-box;
			justify-content: space-between;
			input{
				width: 430rpx;
				padding-right: 20rpx;
				box-sizing: border-box;
			}
		}
		.tit{
			width: 676rpx;
			height: 118rpx;
			background: #EFEFEF;
			font-weight: 600;
			font-size: 36rpx;
			color: #3D3D3D;
			line-height: 118rpx;
			padding-left: 38rpx;
			box-sizing: border-box;
			border-radius: 30rpx 30rpx 0 0;
		}
	}
	.bj{
		width: 750rpx;
		height: 696rpx;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}

</style>