wangluohuoyun-app/pages/riders/checkPage.vue

<template>
	<view class="center">
		<view class="tips">
			<image src="../../static/images/riders/weirenzheng.png" mode="" class="tips_img" v-if="type == 1"></image>
			<image src="../../static/images/riders/shenhezhong.png" mode="" class="tips_img" v-if="type == 2"></image>
			<image src="../../static/images/riders/weitongguo.png" mode=""  class="tips_img" v-if="type == 3"></image>
		</view>
		<view class="tips_title">司机身份未认证</view>
		<view class="tips_center">{{tipsInfo}}</view>
		<view class="tips_btn" @click="authentication(1)" v-if="type == 1">立即认证</view>
		<view class="tips_btns" @click="authentication(2)" v-if="type == 2">知道了</view>
		<view class="tips_btn" @click="authentication(3)" v-if="type == 3">重新认证</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				tipsInfo:"",
				statusVal:"",
				type:""
			}
		},
		onShow() {
			
		},
		onLoad() {
			this.statusVal = uni.getStorageSync("firstAuthentication").authenticationStatus
			if (this.statusVal == '未认证' || !this.statusVal) {
				this.tipsInfo = "认证司机身份后即可查看车友信息哦"
				this.type = 1
			}
			if (this.statusVal == '审核中') {
			this.tipsInfo = "您的身份正在审核哦，请耐心等待"
			this.type = 2
			} else if (this.statusVal == '未通过') {
				this.tipsInfo = "您的身份没用通过审核哦，您可以重新认证身份～"
				this.type = 3
			}
		},
		methods:{
			authentication(num){
				if (num == 1) {
					this.$u.route("/pages/mine/driverCertification")
				} else if (num == 3) {
					this.$u.route("/pages/mine/editDriverCertification")
				} else if (num == 2) {
					// this.$u.route("")
					uni.switchTab({
						url: '/pages/mine/index'
					});
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.center{
		.tips{
			margin-top: 400rpx;
			text-align: center;
			// line-height: 50%;
			.tips_img{
				width: 200rpx;
				height: 200rpx;
			}
		}
		.tips_title,.tips_center{
			color: #323333 ;
			text-align: center;
		}
		.tips_title{
			color: #323333 ;
			font-size: 42rpx;
			font-weight: 600;
		}
		.tips_center{
			font-size: 26rpx;
			margin-top: 22rpx;
		}
		.tips_btn{
			text-align: center;
			background: #2772FB ;
			width: 70%;
			margin: 83rpx auto;
			padding: 30rpx 0;
			border-radius: 10rpx;
			color: #FFFFFF;
		}
		.tips_btns{
			text-align: center;
			width: 70%;
			margin: 83rpx auto;
			padding: 30rpx 0;
			border-radius: 10rpx;
			color: #A3A3A3;
		}
		
	}
	
</style>