wx2uni/pages/mine/addUserCard/index.vue

<template>
    <view>
        <!-- <view class="p10">
  <navigator url="/pages/makeInfo/index" class="addcard v-center" hover-class="thover">
    <i class="iconfont icon-tianjia mr8"></i>
    添加身份证
  </navigator>
</view> -->

        <view v-if="user.idcardImgFront != null && user.idcardImgFront != '' && user.idcardImgFront != 'undefined' && user.idauth - 1 == 0" class="mt16">
            <navigator url="/pages/mine/seeIdCard/index" class="bgsfz">
                <image src="//matripe.oss-cn-beijing.aliyuncs.com/tuiguang/ghLogo.png"></image>
                <text class="ml8 f18 c3 fw500">身份证</text>
                <view class="f12 c6 mt10" style="margin-left: 32px">{{ card }}</view>
                <view class="bottom" hover-class="thover">查看身份证照片</view>
            </navigator>
        </view>
        <view v-else class="">
            <navigator url="/pages/mine/realName1/index" class="bgsfz">
                <image src="//matripe.oss-cn-beijing.aliyuncs.com/tuiguang/ghLogo.png"></image>
                <text class="ml8 f18 c3 fw500">身份证</text>
                <text class="fr f14 c3">未添加</text>
                <view class="f12 c6 mt10" style="margin-left: 32px">添加照片以查看证件</view>
                <view class="bottom" hover-class="thover">添加并使用</view>
            </navigator>
        </view>

        <!-- <view wx:if="{{user.healthImgFront != null && user.healthImgBack != '' && user.healthAuth - 1 == 0}}" class="p10" style="padding-top:0;">
  <navigator url="/pages/seeHealthCard/index" class="bgsfz jkz">
    <image src="//matripe.oss-cn-beijing.aliyuncs.com/tuiguang/jkzCard.png"></image>
    <text class="ml8 f18 cf fw500">健康证</text>
    <view class="f12 cf mt10" style="margin-left:32px;">证件有效期：{{healthTime}}</view>
    <view class="bottom jkz" hover-class="thover">
      查看健康证照片
    </view>
  </navigator>
</view>
<view wx:else class="p10" style="padding-top:0;">
  <navigator url="/pages/makeJkzInfo/index" class="bgsfz jkz">
    <image src="//matripe.oss-cn-beijing.aliyuncs.com/tuiguang/jkzCard.png"></image>
    <text class="ml8 f18 cf fw500">健康证</text>
    <text class="fr f14 cf">未添加</text>
    <view class="f12 cf mt10" style="margin-left:32px;">添加照片以查看证件</view>
    <view class="bottom jkz" hover-class="thover">
      添加并使用
    </view>
  </navigator>
</view> -->
    </view>
</template>

<script>
// pages/addUserCard/index.js
const app = getApp();
const commonUtil = require('../../../utils/commonUtil.js');
export default {
    data() {
        return {
            isLogin: '',

            user: {
                idcardImgFront: '',
                idauth: 0
            },

            card: ''
        };
    }
    /**
     * 生命周期函数--监听页面显示
     */,
    onShow: function () {
        var that = this;
        console.log(app.globalData);
        //登录=================================start
        // debugger
        if (app.globalData.isLogin) {
            console.log('app.globalData.user', app.globalData.user);
            this.setData({
                isLogin: app.globalData.isLogin,
                user: app.globalData.user,
                card: that.maskIdCard(app.globalData.user.idcard)
                // healthTime: commonUtil.formatDateYMD(app.globalData.user.healthTime),
            });
        } else {
            // 由于 userLogin 是网络请求，可能会在 Page.onLoad 之后才返回
            // 所以此处加入 callback 以防止这种情况
            app.globalData.userLoginCallback = (res) => {
                this.setData({
                    isLogin: app.globalData.isLogin,
                    user: app.globalData.user,
                    card: this.maskIdCard(app.globalData.user.idcard, 1, 1)
                    // healthTime: commonUtil.formatDateYMD(app.globalData.user.healthTime),
                });
            };
        }
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    methods: {
        maskIdCard: function (idCard) {
            if (!idCard || idCard.length !== 18) {
                return '******************'; // 如果身份证号码无效，则直接返回
            }
            // 只显示第一位和最后一位，中间用星号替换
            const masked = idCard.slice(0, 1) + '*'.repeat(idCard.length - 2) + idCard.slice(-1);
            return masked;
        },

        toRealName() {
            console.log('toRealName');
            uni.navigateTo({
                url: '/pages/mine/realName1/index'
            });
        },

        /**
         * 用户点击右上角分享
         */
        onShareAppMessage1: function () {}
    }
};
</script>
<style>
@import './index.css';
</style>