You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

181 lines
4.0 KiB

<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>