Megghy/vtsuru.live
1
0
Fork 0
mirror of https://github.com/Megghy/vtsuru.live.git synced 2025-12-07 02:46:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix register notifaction

Browse Source
This commit is contained in:
Megghy
2023-10-21 22:37:41 +08:00
parent 57a9995792
commit 989b562322
3 changed files with 45 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/VerifyView.vue
View File

@@ -4,7 +4,7 @@ import { AccountInfo } from '@/api/api-models'
import { QueryGetAPI } from '@/api/query'
import { ACCOUNT_API_URL, TURNSTILE_KEY } from '@/data/constants'
import router from '@/router'
import { NAlert, NButton, NCard, NSpace, NSpin, useMessage } from 'naive-ui'
import { NAlert, NButton, NCard, NLayoutContent, NSpace, NSpin, useMessage } from 'naive-ui'
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import VueTurnstile from 'vue-turnstile'
@@ -15,39 +15,44 @@ const message = useMessage()
const token = ref('')
const route = useRoute()
const isLoading = ref(false)
async function VerifyAccount() {
isLoading.value = true
await QueryGetAPI<AccountInfo>(
ACCOUNT_API_URL + 'verify',
{
target: route.query.target,
},
[['Turnstile', token.value]]
).then((data) => {
if (data.code == 200) {
ACCOUNT.value = data.data
message.success('成功激活账户: ' + ACCOUNT.value.name)
router.push('/manage')
}
else {
message.error('激活失败: ' + data.message)
}
})
)
.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>
<div style="display: flex; align-items: center; justify-content: center; height: 100%">
<NCard v-if="accountInfo?.isEmailVerified != true" embedded style="max-width: 500px">
<template #header> 激活账户 </template>
<NSpin :show="!token">
<NSpace justify="center" align="center" vertical>
<NButton @click="VerifyAccount" type="primary" size="large"> 进行账户激活 </NButton>
<VueTurnstile :site-key="TURNSTILE_KEY" v-model="token" theme="auto" style="text-align: center" />
</NSpace>
</NSpin>
</NCard>
<NAlert v-else type="error">
此账户已完成验证
</NAlert>
</div>
<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>
<NSpin :show="!token">
<NSpace justify="center" align="center" vertical>
<NButton @click="VerifyAccount" type="primary" size="large" :loading="isLoading || !token"> 进行账户激活 </NButton>
<VueTurnstile :site-key="TURNSTILE_KEY" v-model="token" theme="auto" style="text-align: center" />
</NSpace>
</NSpin>
</NCard>
</div>
</NLayoutContent>
</template>