<template>
    <hc-sys class="hc-config-page" :isNavBar="false">
        <view class="cu-list menu sm-border mt-1">
            <view class="cu-item arrow" @click="toPageClick('/pages/my/info')">
                <view class="content hc-flex">
                    <text class="i-ri-user-3-fill text-blue text-32 mr-1"/>
                    <text class="text-gray-4">个人资料</text>
                </view>
                <view class="action">{{userInfo.real_name}}</view>
            </view>
            <view class="cu-item">
                <view class="content hc-flex">
                    <text class="i-solar-calendar-search-outline text-red-4 text-32 mr-1"/>
                    <text class="text-gray-4">填报提醒</text>
                </view>
                <view class="action">
                    <switch class="red" :class="appCheck?'checked':''" :checked="appCheck" @change="fillSwitchChange" style="transform:scale(0.9)"/>
                </view>
            </view>
        </view>
        <view class="cu-list menu sm-border">
            <view class="cu-item">
                <view class="content hc-flex">
                    <text class="i-ri-pantone-fill text-purple text-32 mr-1"/>
                    <text class="text-gray-4">当前版本</text>
                </view>
                <view class="action text-gray-5">v{{appInfo.version}}</view>
            </view>
            <view class="cu-item">
                <view class="content hc-flex">
                    <text class="i-ri-rocket-fill text-cyan text-32 mr-1"/>
                    <text class="text-gray-4">检测升级</text>
                </view>
                <view class="action">
                    <!--view class="cu-tag round bg-blue light">有新版本</view-->
                    <text class="text-26 text-gray-5">暂无新版本</text>
                </view>
            </view>
        </view>
    </hc-sys>
</template>

<script setup>
import {ref} from "vue";
import {onLoad} from '@dcloudio/uni-app'
import {useAppStore} from "@/store";
import userApi from '~api/user/index';

//初始变量
const store = useAppStore()
const userInfo = ref(store.userInfo);
const appInfo = ref({version: '-', wgt: '-'});

//渲染完成
onLoad(() => {
    const {appVersion, appWgtVersion} = uni.getSystemInfoSync();
    appInfo.value = {version: appVersion, wgt: appWgtVersion}
    userConfigInfo()
})

const toPageClick = (url) => {
    uni.navigateTo({url: url});
}

//获取配置
const appCheck = ref(true)
const userConfigInfo = async () => {
    const { data } = await userApi.userConfigInfo()
    appCheck.value = data?.appCheck !== 2
}

//填报弹窗
const fillSwitchChange = ({detail}) => {
    const check = detail.value ? 1 : 2
    userApi.userConfigSave({
        appCheck: check
    })
    appCheck.value = detail.value
}
</script>
