ys-app/src/pages/loading/loading.vue

<template>
<view class="container" :style="{ height: `100vh` }">
    <view class="bg"></view>
    <view class="version">Version {{ appVersion }}</view>
    <!-- <view class="bottom-bg"></view> -->

    <!-- 检查版本弹窗 -->
    <view class="version-con" v-if="versionVisible">
        <view class="v-bg">
            <view class="v-title">发现新版本</view>
            <uni-icons custom-prefix="iconfont" color="#28B6FF" type="icon-phonefilled" size="40"></uni-icons>
            <view class="v-version">最新版本 Version {{ newVersion }}</view>
            <view class="v-update">立刻更新吗？</view>
            <view class="version-btn" @click="handleDown">更 新</view>
            <view class="version-sub" @click="handleClose" v-if="btnVisible">暂不处理</view>
        </view>
    </view>
</view>

</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { versionCheck,getBindStatus } from '@/api/auth.js';
import { formatIOS } from '@/utils/status.js'
import { requestAndroidPermissionAsync,requestAndroidPermission } from '@/utils/common.js'
import {showAlert} from '@/utils/message.js'
import { useUserStore } from '@/stores/user';
const userStore = useUserStore();

// #ifdef APP-PLUS
// 获取 存储手机的module 
const safeSave = uni.requireNativePlugin("Tm-TmSafeSaveFileModule");
// #endif

let systemInfo={};
let appVersion = ref("1.0.0");//当前版本号
let newVersion = ref('1.0.0');//最新版本号
let versionVisible=ref(false);//版本弹窗
let btnVisible = ref(true);// 暂不处理 按钮是否显示
let downloadURL = ref(''); //下载地址
let versionData = ref({}); //版本参数
// 初始load页面
onLoad(async(opt) => {
    console.log("onLoad");

    // uni.preloadPage({url: "/pages/login/login"});
    // uni.preloadPage({url: "/pages/deviceAuth/deviceAuth"});
    // uni.preloadPage({url: "/pages/home/home"});

    // #ifdef APP-PLUS
    // 查询版本接口
    await getOSVesion();
    
    // 不更新版本 执行设备ID查询和绑定操作
    if(!versionVisible.value){
        try {
            // 授权设备存储
            let granted =  requestAndroidPermission(systemInfo);
            if(granted){
                // showAlert("22授权成功！")
                setTimeout(()=>{
                    selectDeviceId();
                },500)
            }
        } catch (error) {
            console.error('权限请求出错:', error);
            // showAlert(JSON.stringify(error))
        }
    }
    // #endif

    // #ifdef H5
    // setTimeout(()=>{
        if(userStore.isLogin){
            uni.reLaunch({
                url: '/pages/home/home',
            });
        }else{
            uni.reLaunch({
                url: '/pages/login/login',
            });
        }
    // },1000)
    // #endif

});

// 检查版本是否是最新的s
const getOSVesion = async()=>{
    systemInfo = uni.getSystemInfoSync();
    let param = {
        // #ifdef APP-PLUS
        verNumber:systemInfo.appWgtVersion,//当前版本号
        // #endif
        // #ifdef H5
        verNumber : systemInfo.appVersion,
        // #endif
        // deviceType:systemInfo.model,//型号
        os: formatIOS(systemInfo.osName),//操作系统 Android  IOS
        // osVersion:systemInfo.osVersion,//操作系统版本
        // resolution:systemInfo.windowWidth+"*"+systemInfo.windowHeight,//分辨率
        // trademark:systemInfo.deviceBrand,//设备品牌
        // uniqueCode:systemInfo.deviceId//设备ID
    }
    // 当前手机版本
    appVersion.value = param.verNumber;
    // console.log("appVersion=>",appVersion)
    versionData.value = param;
    let data = await versionCheck(param);
    newVersion.value = data.verNumber;
    downloadURL.value = data.downloadUrl || '';

    // isForceUpdate 是否强制更新 1-是 2-否
    let isForceUpdate = data.isForceUpdate;
    if(isForceUpdate==1){
        btnVisible.value = false;
    }else{
        btnVisible.value = true;
    }
    // 是否为当前最新版本(是=1，否=2)
    let isCurrent = data.isCurrent;
    if(isCurrent == 1){
        versionVisible.value=false;
    }else{
        versionVisible.value=true;
    }
}

// 查询设备ID
const selectDeviceId = async()=>{
    // 查询本地缓存的设备状态是否绑定过
    // let deviceId = uni.getStorageSync('app_device_id');// 本地设备ID
    try {
        safeSave.getSafeFile({ "key": "app_device_id" }, res2 => {
            if (res2.code == 1) {
                let deviceId = res2.data;
                console.log("读取成功=>",deviceId)
                // showAlert("读取成功=>"+deviceId);
                getBindStatus({uniqCode:deviceId}).then(res=>{
                    let bindStatus = res.bindStatus
                    // setTimeout(()=>{
                        // 绑定状态（1=已提交、2=等待审核、3=审核通过、4=绑定成功、5=审核拒绝）
                        if(bindStatus == 4){
                            // 检查是否已登录 并 获取用户信息
                            if (userStore.isLogin) {
                                uni.reLaunch({
                                    url: '/pages/home/home',
                                });
                            
                            }else{
                                uni.reLaunch({
                                    url: '/pages/login/login',
                                });
                            }
                        }else{
                            uni.reLaunch({
                                url: '/pages/deviceAuth/deviceAuth',
                            });
                        }
                    // },1000)
                });
            } else {
                // showAlert('读取失败:'+res2.msg)
                // setTimeout(()=>{
                    uni.reLaunch({
                        url: '/pages/deviceAuth/deviceAuth',
                    });
                // },1000)
            }
        })
    } catch (error) {
        console.log("getSafeFile=>",error)
        // showAlert("catch=>"+error)
    }
}
// 下载最新版本
const handleDown = ()=>{
    // 跳转到应用商店或下载最新版本的页面
    plus.runtime.openURL(downloadURL.value);			
    if (versionData.value.os == 'ios'){
        plus.ios.import("UIApplication").sharedApplication().performSelector("exit")
    } else if (versionData.value.os == 'android'){
        plus.runtime.quit();
    }
}

//版本更新关闭
const handleClose=()=>{
    versionVisible.value = false;
    // 不更新版本 执行设备ID查询和绑定操作
    if(!versionVisible.value){
        selectDeviceId()
    }
}
</script>

<style>
.container {
	background:#307AF5 !important;
	height: calc(100vh - 100px) !important;
	position: relative;
    padding-top:100px;
}
.container .bg{
    background:url('@/static/images/loading-logo.png') no-repeat;
    background-size:700rpx 800rpx;
    width: 700rpx;
    height: 800rpx;
    margin:0 auto;
}
.container .version{
    color:#A8D4FF;
    font-size:32rpx;
    text-align: center;
    margin-top:35rpx;
}
.container .bottom-bg{
    background:url('@/static/images/loading-txt.png') no-repeat;
    background-size:656rpx 123rpx;
    width: 656rpx;
    height: 123rpx;
    position: absolute;
    bottom:48rpx;
    left:50%;
    margin-left:-328rpx;
}

.container .version-con{
    width:100%;
    position: fixed;
    top:0;
    left:0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
}
.version-con .v-bg{
    position: absolute;
    top:50%;
    left: 50%;
    /* width:620rpx; */
    width:540rpx;
    background-color: #fff;
    border-radius: 20rpx;
    padding:40rpx;
    margin-left:-310rpx;
    margin-top:-45%;
    text-align: center;
}
.version-con .v-bg .v-title{
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    margin-bottom:30rpx;
}
.version-con .v-bg .v-icon{
    font-size:70rpx;
    color:#28B6FF;
   
}
.version-con .v-bg .v-version{
    color:#0395E0;
    font-size:42rpx;
    font-weight: bold;
    margin:20rpx 0 30rpx;
}
.version-con .v-bg .v-update{
    font-size:32rpx;
    margin-bottom:70rpx;
}
.version-con .v-bg .version-btn{
    background-color: #05A3F4;
    text-align: center;
    width:360rpx;
    height:80rpx;
    line-height: 80rpx;
    border-radius: 40rpx;
    margin:0 auto;
    color:#fff;
}
.version-con .v-bg .version-sub{
    color:#05A3F4;
    font-size:32rpx;
    margin:40rpx 0 30rpx;
}
</style>