uni-Identify-quality/pagesFace/pages/middle/middle.vue

<template>
    <view class="middle-page">
        <image class="middle-page-icon"
            src="data:image/png;base64,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
            mode="widthFix"></image>
        <view class="middle-page-text">
            <text>点击下方按钮，前往互联网公证签小程序</text>
            <text>完成人脸认证</text>
        </view>
        <button class="middle-page-button" bindtap="onJump">前往认证</button>
    </view>
</template>

<script>
export default {
    data() {
        return {
            /** 刷脸token */
            bizToken: "",
            /** 认证小程序appId */
            miniProgramAppId: "",
            /** 认证小程序跳转页地址 */
            miniProgramPath: "",
            /** 刷脸结束回调地址 */
            miniProgramCallBackUrl: "",
            /** 是否已跳转认证小程序 */
            goFaceDone: false,
        }
    },
    onLoad({
        bizToken = "",
        miniProgramAppId = "",
        miniProgramPath = "",
        miniProgramCallBackUrl = "",
    }) {
        this.bizToken = decodeURIComponent(bizToken),
            this.miniProgramAppId = decodeURIComponent(miniProgramAppId),
            this.miniProgramPath = decodeURIComponent(miniProgramPath),
            this.miniProgramCallBackUrl = decodeURIComponent(miniProgramCallBackUrl)
    },
    onShow() {
        console.log("---middle onShow");
        // const { goFaceDone, miniProgramCallBackUrl } = this.data;
        /** 防止从认证进入后直接返回 */
        if (!this.goFaceDone) return;

        /** 已跳转认证小程序，重置 */

        this.goFaceDone = false
        const pages = getCurrentPages();
        const previous = pages[pages.length - 2];
        /** 重新加载认证页面 */
previous.$vm.reloadPage(this.miniProgramCallBackUrl.replace(' https://realnameverify-test.fadada.com',' https://realnameverify-test07.fadada.com'));
        //正式
        // previous.$vm.reloadPage(this.miniProgramCallBackUrl.replace('https://realnameverify.fadada.com', 'https://realnameverify06.fadada.com'));
        uni.navigateBack({
            delta: 1,
        });
    }
};
</script>

<style lang="scss" scoped>
.middle-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 250rpx;
}

.middle-page-icon {
    width: 200rpx;
    height: 160rpx;
}

.middle-page-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48rpx 0;
    line-height: 42rpx;
    font-size: 28rpx;
    color: #595959;
}

.middle-page-button {
    width: 332rpx !important;
    height: 88rpx;
    padding: 0;
    line-height: 88rpx;
    font-size: 34rpx;
    font-weight: initial;
    color: #fff;
    border-radius: 16rpx;
    background: #276EF9;
}
</style>