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

add logout

Browse Source
This commit is contained in:
Megghy
2023-12-18 21:36:18 +08:00
parent 271e07b77f
commit 41d334e0a6
1 changed files with 45 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/ManageLayout.vue
View File

@@ -19,10 +19,22 @@ import {
NBackTop, NBackTop,
NCountdown, NCountdown,
NTooltip, NTooltip,
NPopconfirm,
} from 'naive-ui' } from 'naive-ui'
import { h, onMounted, ref } from 'vue' import { h, onMounted, ref } from 'vue'
import { BrowsersOutline, Chatbox, Moon, MusicalNote, Sunny, AnalyticsSharp } from '@vicons/ionicons5' import { BrowsersOutline, Chatbox, Moon, MusicalNote, Sunny, AnalyticsSharp } from '@vicons/ionicons5'
import { CalendarClock24Filled, Chat24Filled, Info24Filled, Live24Filled, Lottery24Filled, PeopleQueue24Filled, PersonFeedback24Filled, TabletSpeaker24Filled, VehicleShip24Filled, VideoAdd20Filled } from '@vicons/fluent' import {
CalendarClock24Filled,
Chat24Filled,
Info24Filled,
Live24Filled,
Lottery24Filled,
PeopleQueue24Filled,
PersonFeedback24Filled,
TabletSpeaker24Filled,
VehicleShip24Filled,
VideoAdd20Filled,
} from '@vicons/fluent'
import { isLoadingAccount, useAccount } from '@/api/account' import { isLoadingAccount, useAccount } from '@/api/account'
import RegisterAndLogin from '@/components/RegisterAndLogin.vue' import RegisterAndLogin from '@/components/RegisterAndLogin.vue'
import { RouterLink, useRoute } from 'vue-router' import { RouterLink, useRoute } from 'vue-router'
@@ -65,7 +77,7 @@ const menuOptions = [
name: 'manage-history', name: 'manage-history',
}, },
}, },
{ default: () => '历史' } { default: () => '历史' },
), ),
key: 'manage-history', key: 'manage-history',
disabled: accountInfo.value?.isEmailVerified == false, disabled: accountInfo.value?.isEmailVerified == false,
@@ -80,7 +92,7 @@ const menuOptions = [
name: 'manage-event', name: 'manage-event',
}, },
}, },
{ default: () => '舰长和SC' } { default: () => '舰长和SC' },
), ),
key: 'manage-event', key: 'manage-event',
disabled: accountInfo.value?.isEmailVerified == false, disabled: accountInfo.value?.isEmailVerified == false,
@@ -95,7 +107,7 @@ const menuOptions = [
name: 'manage-live', name: 'manage-live',
}, },
}, },
{ default: () => '直播记录' } { default: () => '直播记录' },
), ),
key: 'manage-live', key: 'manage-live',
disabled: accountInfo.value?.isEmailVerified == false, disabled: accountInfo.value?.isEmailVerified == false,
@@ -110,7 +122,7 @@ const menuOptions = [
name: 'manage-schedule', name: 'manage-schedule',
}, },
}, },
{ default: () => '日程' } { default: () => '日程' },
), ),
key: 'manage-schedule', key: 'manage-schedule',
icon: renderIcon(CalendarClock24Filled), icon: renderIcon(CalendarClock24Filled),
@@ -125,7 +137,7 @@ const menuOptions = [
name: 'manage-songList', name: 'manage-songList',
}, },
}, },
{ default: () => '歌单' } { default: () => '歌单' },
), ),
key: 'manage-songList', key: 'manage-songList',
icon: renderIcon(MusicalNote), icon: renderIcon(MusicalNote),
@@ -140,7 +152,7 @@ const menuOptions = [
name: 'manage-questionBox', name: 'manage-questionBox',
}, },
}, },
{ default: () => '棉花糖 (提问箱' } { default: () => '棉花糖 (提问箱' },
), ),
key: 'manage-questionBox', key: 'manage-questionBox',
icon: renderIcon(Chatbox), icon: renderIcon(Chatbox),
@@ -155,7 +167,7 @@ const menuOptions = [
name: 'manage-videoCollect', name: 'manage-videoCollect',
}, },
}, },
{ default: () => '视频征集' } { default: () => '视频征集' },
), ),
key: 'manage-videoCollect', key: 'manage-videoCollect',
icon: renderIcon(VideoAdd20Filled), icon: renderIcon(VideoAdd20Filled),
@@ -170,7 +182,7 @@ const menuOptions = [
name: 'manage-lottery', name: 'manage-lottery',
}, },
}, },
{ default: () => '动态抽奖' } { default: () => '动态抽奖' },
), ),
key: 'manage-lottery', key: 'manage-lottery',
icon: renderIcon(Lottery24Filled), icon: renderIcon(Lottery24Filled),
@@ -208,7 +220,7 @@ const menuOptions = [
target: '_blank', target: '_blank',
type: 'info', type: 'info',
}, },
() => '此文章' () => '此文章',
), ),
'), 虽然本站已经针对此问题做出了处理, 一般情况下即使掉线了也会重连, 不过还是有可能会遗漏事件', '), 虽然本站已经针对此问题做出了处理, 一般情况下即使掉线了也会重连, 不过还是有可能会遗漏事件',
h('br'), h('br'),
@@ -223,12 +235,12 @@ const menuOptions = [
href: 'https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p', href: 'https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p',
target: '_blank', target: '_blank',
}, },
() => 'VtsuruEventFetcher' () => 'VtsuruEventFetcher',
), ),
', 否则请在使用功能时尽量保持网页在前台运行', ', 否则请在使用功能时尽量保持网页在前台运行',
]) ]),
), ),
} },
), ),
]), ]),
key: 'manage-danmaku', key: 'manage-danmaku',
@@ -244,7 +256,7 @@ const menuOptions = [
name: 'manage-liveLottery', name: 'manage-liveLottery',
}, },
}, },
{ default: () => '抽奖' } { default: () => '抽奖' },
), ),
key: 'manage-liveLottery', key: 'manage-liveLottery',
icon: renderIcon(Lottery24Filled), icon: renderIcon(Lottery24Filled),
@@ -259,7 +271,7 @@ const menuOptions = [
name: 'manage-songRequest', name: 'manage-songRequest',
}, },
}, },
{ default: () => '点歌' } { default: () => '点歌' },
), ),
key: 'manage-songRequest', key: 'manage-songRequest',
icon: renderIcon(MusicalNote), icon: renderIcon(MusicalNote),
@@ -274,7 +286,7 @@ const menuOptions = [
name: 'manage-liveQueue', name: 'manage-liveQueue',
}, },
}, },
{ default: () => '排队' } { default: () => '排队' },
), ),
key: 'manage-liveQueue', key: 'manage-liveQueue',
icon: renderIcon(PeopleQueue24Filled), icon: renderIcon(PeopleQueue24Filled),
@@ -289,7 +301,7 @@ const menuOptions = [
name: 'manage-speech', name: 'manage-speech',
}, },
}, },
{ default: () => '读弹幕' } { default: () => '读弹幕' },
), ),
key: 'manage-speech', key: 'manage-speech',
icon: renderIcon(TabletSpeaker24Filled), icon: renderIcon(TabletSpeaker24Filled),
@@ -314,6 +326,10 @@ async function resendEmail() {
message.error('发送失败') message.error('发送失败')
}) })
} }
function logout() {
cookie.value = undefined
window.location.reload()
}
onMounted(() => { onMounted(() => {
if (accountInfo.value?.isEmailVerified == false) { if (accountInfo.value?.isEmailVerified == false) {
@@ -333,7 +349,7 @@ onMounted(() => {
</template> </template>
<template #extra> <template #extra>
<NSpace align="center" justify="center"> <NSpace align="center" justify="center">
<NSwitch :default-value="!isDarkMode()" @update:value="(value: string & number & boolean) => themeType = value ? ThemeType.Light : ThemeType.Dark"> <NSwitch :default-value="!isDarkMode()" @update:value="(value: string & number & boolean) => (themeType = value ? ThemeType.Light : ThemeType.Dark)">
<template #checked> <template #checked>
<NIcon :component="Sunny" /> <NIcon :component="Sunny" />
</template> </template>
@@ -403,8 +419,17 @@ onMounted(() => {
<NAlert type="info"> <NAlert type="info">
请进行邮箱验证 请进行邮箱验证
<br /><br /> <br /><br />
<NButton size="small" type="info" :disabled="!canResendEmail" @click="resendEmail"> 重新发送验证邮件 </NButton> <NSpace>
<NCountdown v-if="!canResendEmail" :duration="(accountInfo?.nextSendEmailTime ?? 0) - Date.now()" @finish="canResendEmail = true" /> <NButton size="small" type="info" :disabled="!canResendEmail" @click="resendEmail"> 重新发送验证邮件 </NButton>
<NCountdown v-if="!canResendEmail" :duration="(accountInfo?.nextSendEmailTime ?? 0) - Date.now()" @finish="canResendEmail = true" />
<NPopconfirm @positive-click="logout" size="small">
<template #trigger>
<NButton type="error"> 登出 </NButton>
</template>
确定登出?
</NPopconfirm>
</NSpace>
</NAlert> </NAlert>
</template> </template>
<NBackTop /> <NBackTop />