<template>
	<view class="auth-select-page">

		<view class="as-main-view b-flex-y b-flex-c b-mt-32 b-pl-20 ">

			<view class="b-flex-as-s">
				<view class="b-flex-y b-flex-s ">
					<view class="b-t-32 b-t-B b-ml-40 b-mt-60 b-pb-10">欧轩为您快速注册小程序</view>
					<view class="b-t-32 b-t-B b-pb-20 b-ml-40 b-mb-40">请按照实际情况选择并填写</view>
				</view>
			</view>
			<view class="p-box b-flex-x b-flex-b b-mb-30" style="width: 670rpx;" @click="toPage(0)">
				<view class="b-flex-y b-flex-c " style="width: 670rpx;">
					<text class="b-t-white b-t-24 p-index-2 b-flex-as-s b-ml-60">法人可配合人脸识别</text>
					<image  class="pb-img-arrow-white b-mt-20 p-index-2 b-flex-as-s b-ml-60" src="../../static/index/p-arrow-white.png"></image>
					<image class="pb-bg" src="../../static/miniapp/no_can_auth_bg.png" style="width: 670rpx;"></image>
				</view>
			</view>

			<view class="p-box b-flex-x b-flex-b b-mb-40" style="width: 670rpx;" @click="toPage(1)">
				<view class="b-flex-y b-flex-c " style="width: 670rpx;">
					<text class="b-t-white b-t-24 p-index-2 b-flex-as-s b-ml-60">法人无法配合人脸识别</text>
					<image  class="pb-img-arrow-white b-mt-20 p-index-2 b-flex-as-s b-ml-60" src="../../static/index/p-arrow-white.png"></image>
					<image class="pb-bg" src="../../static/miniapp/can_auth_bg.png" style="width: 670rpx;"></image>
				</view>
			</view>

			<view class="p-tip">如您已有小程序，请直接联系售后进行扫码授权即可。</view>


		</view>
		
		<!-- <image class="f_icon" src="/static/images/icon/index/scan_icon_white.png" mode="scaleToFill"/> -->
		<!-- <view class="fly_btn"  @click="toMyRegist">
			<image class="f_bg" src="/static/images/icon/index/green_bg_circle.png" mode="scaleToFill"/>
			<text>我的申请</text>
		</view> -->
	</view>
</template>

<script>
	import util from '@/utils/util.js';
	import {
		mapState
	} from 'vuex'

	export default {
		components: {

		},
		data() {
			return {

			}
		},
		onLoad() {
			console.log("onload-", this.brandInfo.brand.id)

		},
		onShow() {

		},
		onReady() {
			MiniprogramThirdpartyPlugin.init(wx)
		},
		computed: {
			...mapState(['brandInfo', ])
		},
		watch: {
			cartList() {
				this.setCartConfirmStyle();
			},
		},
		methods: {
			toPage(index){
				console.log('toPage',index)
				if(index == 0){
					util.showNone("法人可配合人脸识别")
					util.routeTo('/subpackage/party/pages/miniapp/auth','nT')
				}else{
					util.showNone("法人无法配合人脸识别")
					util.routeTo('/subpackage/party/pages/miniapp/unauth','nT')
				}
			},
			toMyRegist(){
				util.routeTo('/subpackage/party/pages/miniapp/certify_res','nT')
			},
			

		}
	}
</script>

<style lang="scss">
	@import '~style/public.scss';
	@import '../../ui/maincss.scss';
	$orange: #FF873D;

	page {
		background-color: white;
	}
	
	.auth-select-page{
		.as-main-view{
			.p-box-title{
				// width: 100%;
				width: 670rpx;
				>view{
					margin-top: 58rpx;
					width: 100%;
					>view{
						width: 50%;
						padding-left: 40rpx;
					}
				}
			}
			.p-tip{
				font-size: 24rpx;
				color: #9A9A9D;
				margin-top: 25rpx;
				margin-left: 60rpx;
				width: 100%;
			}
			.p-box-title-2{
				position: absolute;
			}
			.p-index-2{
				z-index: 2;
			}
			.p-box{
				width: 670rpx;
				>view{
					width: 320rpx;
					height: 176rpx;
				}
				.pb-bg{
					width: 320rpx;
					height: 176rpx;
					position: absolute;
				}
				.pb-img-arrow-white{
					width: 65.74rpx;
					height: 12.12rpx;
				}
				.pb-img-arrow{
					width: 47.76rpx;
					height: 48.08rpx;
				}
				.pb-img-arrow-green{
					width: 47.76rpx;
					height: 48.08rpx;
				}
			}
		}
	}

	// fly_btn
	.fly_btn{
		position: fixed;
		bottom: 300rpx;
		right: 60rpx;
		@include centerFlex(center);
		flex-direction: column;
		.f_bg{
			position: absolute;
			width: 148upx;
			height: 148upx;
		}
		.f_icon{
			z-index: 3;
			width: 40rpx;
			height: 40rpx;
		}
		>text{
			z-index: 3;
			font-size: 20rpx;
			color: #fff;
		}
	}

</style>