talk_appAmin/pages/mine/studentCard/index.vue

<template>
    <view>
        <view v-if="auditInfo == 0 | auditInfo== 4" class="cardss">
            <view class="text1">证件（1）</view>
            <view class="card">
                <view class="card-left">
                    <view class="text2">学生证</view>
                    <view class="text3">暂无学生证</view>
                    <view class="text4" @click="gotoAuthentication"><span class="text5">去认证</span> </view>
                </view>
                <image :src="xsz1" style="width: 180rpx; height: 165rpx; margin-right: 72rpx;"></image>
            </view>
        </view>
        <view v-else-if="auditInfo == 3" class="cardss">
            <view class="text1">证件（1）</view>
            <view class="card">
                <view class="card-left">
                    <view class="text2">学生证</view>
                    <view class="text3">{{ infoSchool }}</view>
                    <view class="text4" @click="gotoStuCardInfo"><span class="text5">查看详情</span> </view>
                </view>
                <image :src="xsz1" style="width: 180rpx; height: 165rpx; margin-right: 72rpx;"></image>
            </view>
        </view>
    </view>
</template>

<script setup>
import { useStore } from 'vuex'
import {  getUserInfo } from "@/api/login";
import { useRouter } from 'vue-router'
import { ref, getCurrentInstance } from 'vue';
import { getDicts } from "@/api/system/dict/data";
import { onShow, onLoad } from '@dcloudio/uni-app'
import image from 'uview-plus/libs/config/props/image';
const { proxy } = getCurrentInstance();
const isOfficial = ref(true)
const iconConfig = proxy.iconConfig;
const xsz1 = iconConfig.xsz1;
const auditInfo = ref(proxy.$store.state.userInfo.auditInfo)//审核状态


const nickName = ref(proxy.$store.state.user.nickName)
const sex = ref(proxy.$store.state.user.sex)

const infoSchool = ref(proxy.$store.state.userInfo.infoSchool)//学校
const infoRank = ref(proxy.$store.state.userInfo.infoRank)
const remark = ref(proxy.$store.state.userInfo.remark)//签名
const infoAssist = ref(proxy.$store.state.userInfo.infoAssist)//获赞
const followCount = ref(proxy.$store.state.userInfo.followCount)//关注
const fanCount = ref(proxy.$store.state.userInfo.fanCount)//粉丝
const gotoAuthentication = () => {
    proxy.$tab.navigateTo('/pages/mine/studentCard/authentication')
}
const gotoStuCardInfo = () => {
    proxy.$tab.navigateTo('/pages/mine/studentCard/stuCardInfo')
}
onLoad((options) => {
    getUserInfo().then( e=> {
        console.log("ceshi1:",auditInfo.value," ")
        if( auditInfo.value !=  e.data.auditInfo){
            proxy.$store.commit("SET_auditInfo", e.data.auditInfo);
        }
        if(e.data.auditInfo === '3'){
            proxy.$store.commit("SET_infoSchool", e.data.infoSchool)
            proxy.$store.commit("SET_infoDepartment", e.data.infoDepartment)
            proxy.$store.commit("ET_infoGrade", e.data.infoGrade)
            proxy.$store.commit("SET_infoName", e.data.infoName)
        }
        
    })
})

</script>

<style lang="scss" scoped>
page {
    background-color: #F4F5F6;
}

.cardss {
    width: 696rpx;
    margin-left: 32rpx;
    margin-top: 32rpx;
}

.text1 {
    font-weight: 400;
    font-size: 30rpx;
    color: #000000 !important;
}

.card {
    margin-top: 30rpx;
    width: 100%;
    height: 272rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background: #3dd6c1;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .card-left {
        margin-left: 24rpx;

        .text2 {
            font-weight: 400;
            font-size: 30rpx;
            color: #FFFFFF !important;
        }

        .text3 {
            font-weight: 400;
            font-size: 30rpx;
            color: #FFFFFF !important;
            margin-top: 22rpx;
        }

        .text4 {
            width: 148rpx;
            height: 50rpx;
            border-radius: 24rpx 24rpx 24rpx 24rpx;
            background: #3dd6c1;
            margin-top: 30rpx;
            border: 2rpx solid #FFFFFF; /* 添加白色边框 */
            display: flex;
            justify-content: center;
            align-items: center;

            .text5 {
                font-weight: 400;
                font-size: 24rpx;
                color: #FFFFFF !important;
            }
        }
    }
}
</style>