vue-insagent-app/pages/user/authResult.vue

<template>
	<view class="page">
		<view class="headers ">
			<view class="header">
				<view class="dis a-c j-start ">
					<u-icon name="arrow-left" size="40" @tap="back"></u-icon>
					<text style="margin: auto;">认证结果</text>
				</view>
			</view>
		</view>
		<view class="authresult dis f-c a-c ">
			<image :src="status==2?'../../static/image/user/deny.png':'../../static/image/user/success.png' " mode="">
			</image>
			<text class="mt-1">{{status==2?'审核驳回':'审核通过'}}</text>
			<text class="mt-2">{{status==2?'请核对并修改以下信息后，再重新提交。':'已成功通过晋掌柜系统实名认证申请，可登录系统使用完整功能'}}</text>
			<view v-if="status==2" class="denyReason mt-3">
				<text>{{desc}}</text>
			</view>
		</view>
		<view class="footer">
			<u-button v-if="status==2" type="primary"
				style="background:linear-gradient( 90deg, #499DFF 0%, #0052FF 100%);"
				@tap="reSubmitRequest">重新提交</u-button>
			<u-button v-if="status==1" type="primary"
				style="background:linear-gradient( 90deg, #499DFF 0%, #0052FF 100%);"
				@tap="submitPractitionerInfo">提交执业资料</u-button>
			<u-button v-if="status==1" type="default" style="background:#fff;margin-top: 20px;"
				@tap="returnHome">返回主页</u-button>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				status: "",
				desc: "",
			}
		},
		onShow() {

		},
		onLoad(params) {
			if (!!params.status) {
				this.status = params.status;
				this.desc = params.desc;
			}
		},
		methods: {
			reSubmitRequest() {
				uni.navigateTo({
					url: "/pages/user/authInfo?desc=" + this.desc
				})
			},
			//页面返回按钮
			back() {
				uni.navigateBack({
					delta: 1, // 返回的页面数，如果是1表示返回上一页
					success: function() {}
				});
			},
			submitPractitionerInfo() {
				uni.navigateTo({
					url: "/pages/user/practitionerInfo"
				})
			},
			returnHome() {
				uni.switchTab({
					url: "/pages/index/index"
				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #fff;
	}

	.headers {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999;
		width: 100%;
		border-bottom: 1px solid #EEEEEE;

		.header {
			width: 100%;
			height: auto;
			padding: 50px 16px 14px;
			background: linear-gradient(180deg, #D1E3FE 0%, #FFFFFF 100%);

			text {
				font-size: 18px;
				font-weight: bold;
				color: #000;
			}
		}

	}

	.denyReason {
		width: 100%;
		background: #F9F9F9;
		border-radius: 5px;
		padding: 15px;
		color: #666;
		font-size: 14px;
	}

	.authresult {
		position: fixed;
		top: 200px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		padding: 25px;

		image {
			width: 50px;
			height: 50px;
		}

		text:nth-child(2) {
			font-size: 15px;
			color: #333;
			font-weight: bold;
		}

		text:nth-child(3) {
			font-size: 14px;
			color: #666;
		}
	}

	.footer {
		position: fixed;
		bottom: 50px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		padding: 25px;
	}
</style>