mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-07 02:46:55 +08:00
48 lines
1.4 KiB
Vue
48 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { ACCOUNT } from '@/api/account'
|
|
import { AccountInfo } from '@/api/api-models'
|
|
import { QueryGetAPI } from '@/api/query'
|
|
import { ACCOUNT_API_URL } from '@/data/constants'
|
|
import router from '@/router'
|
|
import { NButton, NCard, NLayoutContent, NSpace, useMessage } from 'naive-ui'
|
|
import { ref } from 'vue'
|
|
import { useRoute } from 'vue-router'
|
|
|
|
const message = useMessage()
|
|
const route = useRoute()
|
|
|
|
const isLoading = ref(false)
|
|
|
|
async function VerifyAccount() {
|
|
isLoading.value = true
|
|
await QueryGetAPI<AccountInfo>(ACCOUNT_API_URL + 'verify', {
|
|
target: route.query.target,
|
|
})
|
|
.then((data) => {
|
|
if (data.code == 200) {
|
|
ACCOUNT.value = data.data
|
|
message.success('成功激活账户: ' + ACCOUNT.value.name)
|
|
router.push('/manage')
|
|
} else {
|
|
message.error('激活失败: ' + data.message)
|
|
}
|
|
})
|
|
.finally(() => {
|
|
isLoading.value = false
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<NLayoutContent style="height: 100vh">
|
|
<div style="display: flex; align-items: center; justify-content: center; height: 100%">
|
|
<NCard embedded style="max-width: 500px">
|
|
<template #header> 激活账户 </template>
|
|
<NSpace justify="center" align="center" vertical>
|
|
<NButton @click="VerifyAccount" type="primary" size="large" :loading="isLoading"> 进行账户激活 </NButton>
|
|
</NSpace>
|
|
</NCard>
|
|
</div>
|
|
</NLayoutContent>
|
|
</template>
|