64 lines
1.8 KiB
Vue
64 lines
1.8 KiB
Vue
<template>
|
||
<div class="tip-container" v-show="tipText">{{ tipText }}，为了避免影响您的正常使用，请尽快激活</div>
|
||
</template>
|
||
<script>
|
||
import { onUnmounted, ref } from 'vue'
|
||
import { getLicense } from '@/services/license'
|
||
import dayjs from 'utils/day'
|
||
import { useStore } from 'vuex'
|
||
import relativeTime from 'dayjs/plugin/relativeTime'
|
||
dayjs.extend(relativeTime)
|
||
|
||
const unit = 1000 * 60 * 60 * 24
|
||
export default {
|
||
setup(props, context) {
|
||
const store = useStore()
|
||
const tipText = ref()
|
||
const interval = unit * 7
|
||
const getInfo = async () => {
|
||
const res = await getLicense()
|
||
if (res.success) {
|
||
const { expireDate } = res.data
|
||
const nowTimer = dayjs().valueOf()
|
||
const expireTimer = dayjs(expireDate).valueOf()
|
||
const { commit } = store
|
||
if (expireTimer - nowTimer <= interval) {
|
||
const time = dayjs(expireDate).fromNow(true)
|
||
if (expireTimer - nowTimer >= 0) {
|
||
tipText.value = `您的证书即将过期，还剩 ${time} 时间可以进行证书激活`
|
||
} else {
|
||
tipText.value = `您的证书已经过期 ${time} `
|
||
}
|
||
commit('SET_EXPIRE', true)
|
||
} else {
|
||
commit('SET_EXPIRE', false)
|
||
}
|
||
// 当证书有效期大于等于30天时直接销毁定时器
|
||
if (expireTimer - nowTimer > unit * 30) {
|
||
clearInterval(timer)
|
||
}
|
||
}
|
||
}
|
||
getInfo()
|
||
const timer = setInterval(() => {
|
||
getInfo()
|
||
}, 1000 * 60 * 60)
|
||
onUnmounted(() => {
|
||
clearInterval(timer)
|
||
})
|
||
return {
|
||
tipText
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.tip-container {
|
||
text-align: center;
|
||
background: #c92100;
|
||
color: #fff;
|
||
font-weight: bold;
|
||
padding: 5px 0;
|
||
}
|
||
</style>
|