<template>
	<view class="container">
		<image class="status_img" :src="isPass == 1 ? 'https://tea.soowin.com/mnt/image/success.png' : '/static/error.png'" mode=""></image>
		<view class="hint flex_r flex_jc" v-if="isPass == 0">失败原因：{{msg}}</view>
		<view class="status_con flex_r flex_ac flex_jc">
			<block v-if="isPass == 1">
				<view class="confim_btn flex_r flex_ac flex_jc" @tap="returnPage">认证通过</view>
			</block>
			<block v-else>
				<view class="return flex_r flex_ac flex_jc" @tap="returnPage">返回</view>
				<view class="err_btn flex_r flex_ac flex_jc" @tap="reapply">重新申请</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isPass:0 ,// 0：失败；1：成功
				msg:'' // 失败原因
			};
		},
		onLoad:function(e){
			this.isPass = e.status
			if(e.msg){
				this.msg = e.msg
			}
		},
		methods:{
			reapply(){
				uni.redirectTo({
					url:'/pages/autonym-submit/index'
				})
			},
			returnPage:function(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
// 页面配置
.container{border-top: 16rpx solid #f4f4f4;}
// 页面配置-end

.status_con{width: 100%;overflow: hidden;margin-top:61rpx;}
.hint{width: 100%;overflow: hidden;font-size: 30rpx;color:#5A5A5A}
.status_img{width: 366rpx;height: 249rpx;margin: 127rpx auto 0;display: block;}
.confim_btn{width: 317rpx;height: 74rpx;background: #17BB87;color:#fff;font-size: 36rpx;border-radius: 37rpx;margin:0 auto;}

// 审核失败按钮
.return,.err_btn{width: 241rpx;height: 74rpx;border-radius: 37rpx;font-size: 36rpx;color:#fff;margin-right: 133rpx;}
.err_btn{margin-right: 0;background: #1FBF8D;}
.return{background: #E75B25;}
// 审核失败按钮-end
</style>
