<route lang="yaml">
name: notFound
meta:
  title: 数据资产管理
  constant: true
  layout: false
</route>

<script lang="ts" setup>
import useUserStore from '@/store/modules/user';

const userStore = useUserStore()
const router = useRouter()

const data = ref({
  inter: NaN,
  countdown: 5,
})

onBeforeRouteLeave(() => {
  data.value.inter && clearInterval(data.value.inter)
})

onMounted(() => {
  // data.value.inter = setInterval(() => {
  //   data.value.countdown--
  //   if (data.value.countdown === 0) {
  //     data.value.inter && clearInterval(data.value.inter)
  //     goBack()
  //   }
  // }, 1000)
  goBack()
})

function goBack() {
  if (userStore.getTokenPromise) {
    userStore.getTokenPromise.then(() => {
      router.push('/')
    });
  } else {
    router.push('/')
  }
}
</script>

<template>
  <div class="notfound">
    <img src="../../public/swzl_logo.png">
  </div>
</template>

<style lang="scss" scoped>
.notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

  @include position-center(xy);

  .icon {
    width: 400px;
    height: 400px;
  }

  .content {
    h1 {
      margin: 0;
      font-size: 72px;
      color: var(--el-text-color-primary);
    }

    .desc {
      margin: 20px 0 30px;
      font-size: 20px;
      color: var(--el-text-color-secondary);
    }
  }
}
</style>