mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-07 02:46:55 +08:00
74 lines
2.5 KiB
Vue
74 lines
2.5 KiB
Vue
<script setup lang="ts">
|
|
import { useAccount } from '@/api/account'
|
|
import { NAlert, NButton, NCard, NDivider, NEllipsis, NInput, NPopconfirm, NSpace, NTag, NText, NThing, NTime } from 'naive-ui'
|
|
import SettingsManageView from './SettingsManageView.vue'
|
|
import { useLocalStorage } from '@vueuse/core'
|
|
|
|
const accountInfo = useAccount()
|
|
const cookie = useLocalStorage('JWT_Token', '')
|
|
|
|
function logout() {
|
|
cookie.value = undefined
|
|
window.location.reload()
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<NSpace justify="center" align="center" vertical style="width: 100%">
|
|
<NCard embedded style="width: 100%;">
|
|
<NSpace align="center" justify="center" vertical>
|
|
<NText style="font-size: 3rem">
|
|
{{ accountInfo?.name }}
|
|
</NText>
|
|
<NText style="color: gray">
|
|
于
|
|
<NTime :time="accountInfo?.createAt" />
|
|
注册
|
|
</NText>
|
|
</NSpace>
|
|
|
|
<NDivider />
|
|
<NSpace vertical>
|
|
<NCard size="small">
|
|
邮箱:
|
|
<NEllipsis v-if="accountInfo?.isEmailVerified" style="max-width: 100%">
|
|
<NText style="color: var(--primary-color)"> 已认证 | {{ accountInfo?.bindEmail }} </NText>
|
|
</NEllipsis>
|
|
<template v-else>
|
|
<NTag type="error" size="small"> 未认证 </NTag>
|
|
</template>
|
|
</NCard>
|
|
<NCard size="small">
|
|
Bilibili 账户:
|
|
<NEllipsis v-if="accountInfo?.isBiliVerified" style="max-width: 100%">
|
|
<NText style="color: var(--primary-color)"> 已认证 | {{ accountInfo?.biliId }} </NText>
|
|
</NEllipsis>
|
|
<template v-else>
|
|
<NTag type="error" size="small"> 未认证 </NTag>
|
|
<NDivider vertical />
|
|
<NButton size="small" @click="$router.push({ name: 'manage-biliVerify' })" type="info"> 前往认证 </NButton>
|
|
</template>
|
|
</NCard>
|
|
<NAlert title="Token" type="info">
|
|
请注意保管, 这个东西可以完全操作你的账号
|
|
<NInput type="password" :value="accountInfo?.token" show-password-on="click" status="error" />
|
|
</NAlert>
|
|
</NSpace>
|
|
<NDivider />
|
|
<NSpace justify="center">
|
|
<NPopconfirm @positive-click="logout">
|
|
<template #trigger>
|
|
<NButton type="warning"> 登出 </NButton>
|
|
</template>
|
|
确定登出?
|
|
</NPopconfirm>
|
|
</NSpace>
|
|
</NCard>
|
|
</NSpace>
|
|
<div>
|
|
<NDivider />
|
|
<SettingsManageView />
|
|
<NDivider />
|
|
</div>
|
|
</template>
|