<template>
	<view class="container">
		<view class="page">
			<text class="num actived pass">1</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">2</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">3</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">4</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">5</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">6</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">7</text>
			<text class="line line_pass"></text>
			<text class="num actived pass">8</text>
		</view>
		<view class="wrapper">
			<view class="iconfont icon-gou"></view>
			<h4>{{approvalStatus==3?'审批通过':'您已提交成功'}}</h4>
			<view class="result" v-if="this.partnerLevel=='A1' && approvalStatus==3">
				恭喜您成为 {{areaName}} 事业伙伴！
			</view>
			<view class="result" v-if="this.partnerLevel=='B1' && approvalStatus!=3">
				您的申请已进入人工审核，请耐心等待！
			</view>
			<view class="result" v-if="this.partnerLevel=='B1' && approvalStatus==3">
				欢迎您加入{{areaName}}！
			</view>
			<navigator url="../index/index">
				返回首页 >
			</navigator>
		</view>
	</view>
</template>

<script>
		export default{
			data(){
				return {
					partnerLevel:null,
					areaName:null,
					approvalStatus:null
				}
			},
			components:{},
			onLoad(options){
				this.areaName = options.areaName;
				this.partnerLevel = options.partnerLevel;
				this.approvalStatus = options.approvalStatus;
			},
			methods:{
			
			}
		}
	
</script>

<style lang="scss">
	@import 'applyCommon.scss';
	.wrapper{
		padding-top: 40rpx;
		.icon-gou{
			color: #78c06e;
			font-size: 200rpx;
			text-align: center;
			margin: 20rpx;
		}
		.result,h4{
			text-align: center;
			margin-bottom: 20rpx;
		}
		.navigator-wrap{
			text-align: center;
			padding: 40rpx 0;
			color: #20269B;
			font-size: 36rpx;
		}
	}
</style>