feat(auth): 接入邮箱验证与密码找回流程

2026-08-17 01:09:09 +08:00
parent c78b2f8ca5
commit 64aa3a4f07
13 changed files with 721 additions and 96 deletions
@@ -1,7 +1,74 @@
 <script setup lang="ts">
-import UnavailableAuthView from '@/views/auth/UnavailableAuthView.vue'
+import { onMounted, onUnmounted, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { NButton, NCard, NResult, NSpin } from 'naive-ui'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const route = useRoute()
+const router = useRouter()
+const state = ref<'loading' | 'success' | 'failed'>('loading')
+const error = ref('')
+const countdown = ref(5)
+const token = typeof route.query.token === 'string' ? route.query.token : ''
+let timer: ReturnType<typeof setInterval> | null = null
+
+if (route.query.token !== undefined) {
+  window.history.replaceState(window.history.state, '', route.path)
+}
+
+function startCountdown() {
+  timer = setInterval(() => {
+    countdown.value--
+    if (countdown.value <= 0) {
+      if (timer) clearInterval(timer)
+      void router.push('/login')
+    }
+  }, 1000)
+}
+
+onMounted(async () => {
+  if (!token) {
+    error.value = '确认链接缺少验证信息'
+    state.value = 'failed'
+    return
+  }
+  try {
+    await authStore.confirmEmail(token)
+    state.value = 'success'
+    startCountdown()
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '确认链接无效或已过期'
+    state.value = 'failed'
+  }
+})
+
+onUnmounted(() => { if (timer) clearInterval(timer) })
 </script>

 <template>
-  <UnavailableAuthView />
+  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
+    <div class="mx-auto max-w-3xl">
+      <NCard class="oc-panel-card-xl">
+        <NResult v-if="state === 'success'" status="success" title="邮箱确认成功" description="现在可以使用邮箱和密码登录。">
+          <template #footer>
+            <div class="space-y-4">
+              <p class="text-sm text-slate-500">{{ countdown }} 秒后自动前往登录页面</p>
+              <RouterLink to="/login" class="no-underline"><NButton type="default" class="oc-panel-button oc-panel-button--teal">立即登录</NButton></RouterLink>
+            </div>
+          </template>
+        </NResult>
+        <NResult v-else-if="state === 'failed'" status="error" title="邮箱确认失败" :description="error">
+          <template #footer>
+            <RouterLink to="/resend-confirmation" class="no-underline"><NButton type="default" class="oc-panel-button oc-panel-button--sky">重新发送验证邮件</NButton></RouterLink>
+          </template>
+        </NResult>
+        <div v-else class="flex flex-col items-center justify-center py-12 text-center">
+          <NSpin size="large" />
+          <h1 class="mt-6 text-2xl font-bold text-slate-900">正在确认邮箱...</h1>
+          <p class="mt-2 text-slate-500">请稍候</p>
+        </div>
+      </NCard>
+    </div>
+  </div>
 </template>
@@ -1,7 +1,87 @@
 <script setup lang="ts">
-import UnavailableAuthView from '@/views/auth/UnavailableAuthView.vue'
+import { computed, onUnmounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { NAlert, NButton, NCard, NForm, NFormItem, NInput, NResult } from 'naive-ui'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const route = useRoute()
+const email = ref(typeof route.query.email === 'string' ? route.query.email : '')
+const error = ref('')
+const loading = ref(false)
+const submitted = ref(false)
+const cooldown = ref(0)
+let timer: ReturnType<typeof setInterval> | null = null
+
+const buttonLabel = computed(() => loading.value ? '发送中...' : cooldown.value > 0 ? `重新发送（${cooldown.value}s）` : '重新发送')
+
+function startCooldown() {
+  if (timer) clearInterval(timer)
+  cooldown.value = 60
+  timer = setInterval(() => {
+    cooldown.value--
+    if (cooldown.value <= 0 && timer) {
+      clearInterval(timer)
+      timer = null
+    }
+  }, 1000)
+}
+
+async function submit() {
+  error.value = ''
+  const value = email.value.trim()
+  if (!value || value.length > 64) {
+    error.value = '请输入不超过 64 个字符的有效邮箱'
+    return
+  }
+  loading.value = true
+  try {
+    await authStore.sendPasswordReset(value)
+    email.value = value
+    submitted.value = true
+    startCooldown()
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '重置邮件发送失败，请稍后重试'
+  } finally {
+    loading.value = false
+  }
+}
+
+onUnmounted(() => { if (timer) clearInterval(timer) })
 </script>

 <template>
-  <UnavailableAuthView />
+  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
+    <div class="mx-auto max-w-2xl">
+      <NCard class="oc-panel-card-xl">
+        <NResult v-if="submitted" status="success" title="请求已受理" description="如果该邮箱符合条件，我们会发送密码重置邮件。">
+          <template #footer>
+            <div class="space-y-4">
+              <p class="text-sm text-slate-500">目标邮箱：<span class="font-semibold text-slate-700">{{ email }}</span></p>
+              <div class="flex flex-wrap justify-center gap-3">
+                <NButton type="default" class="oc-panel-button oc-panel-button--sky" :disabled="cooldown > 0" :loading="loading" @click="submit">{{ buttonLabel }}</NButton>
+                <RouterLink :to="{ path: '/login', query: { email } }" class="no-underline"><NButton type="default" class="oc-panel-button oc-panel-button--neutral">返回登录</NButton></RouterLink>
+              </div>
+            </div>
+          </template>
+        </NResult>
+
+        <template v-else>
+          <div class="mb-8">
+            <div class="text-sm uppercase tracking-[0.22em] text-slate-500">Password Recovery</div>
+            <h1 class="mt-3 text-3xl font-bold text-slate-900">忘记密码</h1>
+            <p class="mt-2 text-sm text-slate-500">输入注册邮箱，我们会发送有效期为 30 分钟的重置链接。</p>
+          </div>
+          <NForm @submit.prevent="submit">
+            <NFormItem label="邮箱">
+              <NInput v-model:value="email" maxlength="64" type="text" placeholder="your@email.com" :input-props="{ autocomplete: 'email', inputmode: 'email', name: 'email', required: true }" />
+            </NFormItem>
+            <NAlert v-if="error" type="error" class="mb-4">{{ error }}</NAlert>
+            <NButton attr-type="submit" type="primary" block size="large" class="oc-primary-button oc-primary-button--sky" :loading="loading">{{ loading ? '发送中...' : '发送重置邮件' }}</NButton>
+          </NForm>
+          <p class="mt-6 text-sm text-slate-500"><RouterLink :to="{ path: '/login', query: { email } }" class="font-semibold text-sky-700 hover:text-sky-800">返回登录</RouterLink></p>
+        </template>
+      </NCard>
+    </div>
+  </div>
 </template>
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { NAlert, NButton, NCard, NForm, NFormItem, NInput } from 'naive-ui'
 import { useAuthStore } from '@/stores/auth'
@@ -12,6 +12,7 @@ const email = ref(typeof route.query.email === 'string' ? route.query.email : ''
 const password = ref('')
 const error = ref('')
 const loading = ref(false)
+const needsEmailConfirmation = computed(() => error.value.includes('邮箱尚未验证'))

 function getSafeRedirect(value: unknown) {
  if (typeof value !== 'string' || !value.startsWith('/')) return '/'
@@ -106,6 +107,14 @@ async function handleLogin() {

          <NAlert v-if="error" type="error" class="mb-4">
            {{ error }}
+            <div v-if="needsEmailConfirmation" class="mt-2">
+              <RouterLink
+                :to="{ path: '/resend-confirmation', query: { email } }"
+                class="font-semibold text-rose-700 underline underline-offset-2"
+              >
+                重新发送验证邮件
+              </RouterLink>
+            </div>
          </NAlert>

          <NButton
@@ -120,8 +129,17 @@ async function handleLogin() {
          </NButton>
        </NForm>

-        <div class="mt-6 text-sm text-slate-500">
-          注册与密码找回暂未开放；如需账号协助，请联系管理员。
+        <div class="mt-6 flex flex-wrap items-center justify-between gap-3 text-sm text-slate-500">
+          <span>
+            还没有账号？
+            <RouterLink to="/register" class="font-semibold text-sky-700 hover:text-sky-800">立即注册</RouterLink>
+          </span>
+          <RouterLink
+            :to="{ path: '/forgot-password', query: { email } }"
+            class="font-semibold text-teal-700 hover:text-teal-800"
+          >
+            忘记密码
+          </RouterLink>
        </div>
      </NCard>
    </div>
@@ -1,7 +1,150 @@
 <script setup lang="ts">
-import UnavailableAuthView from '@/views/auth/UnavailableAuthView.vue'
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { NAlert, NButton, NCard, NForm, NFormItem, NInput, NResult } from 'naive-ui'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const route = useRoute()
+
+const name = ref('')
+const email = ref(typeof route.query.email === 'string' ? route.query.email : '')
+const password = ref('')
+const confirmPassword = ref('')
+const error = ref('')
+const loading = ref(false)
+const registered = ref(false)
+const emailDelivered = ref(true)
+
+const canResend = computed(() =>
+  error.value.includes('重发验证') || error.value.includes('已被注册，请使用重发'),
+)
+
+async function handleRegister() {
+  error.value = ''
+  const trimmedName = name.value.trim()
+  const trimmedEmail = email.value.trim()
+
+  if (!trimmedName) {
+    error.value = '请输入用户名'
+    return
+  }
+  if (trimmedName.length > 16) {
+    error.value = '用户名不能超过 16 个字符'
+    return
+  }
+  if (!trimmedEmail || trimmedEmail.length > 64) {
+    error.value = '请输入不超过 64 个字符的有效邮箱'
+    return
+  }
+  if (password.value.length < 8) {
+    error.value = '密码至少需要 8 位'
+    return
+  }
+  if (password.value !== confirmPassword.value) {
+    error.value = '两次输入的密码不一致'
+    return
+  }
+
+  loading.value = true
+  try {
+    const response = await authStore.register(trimmedName, trimmedEmail, password.value)
+    email.value = trimmedEmail
+    emailDelivered.value = response.email_sent
+    registered.value = true
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '注册失败，请稍后重试'
+  } finally {
+    loading.value = false
+  }
+}
 </script>

 <template>
-  <UnavailableAuthView />
+  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
+    <div class="mx-auto grid min-w-0 max-w-6xl gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-stretch">
+      <section class="oc-panel-card-xl flex min-w-0 h-full flex-col justify-between overflow-hidden border border-slate-200 bg-[linear-gradient(135deg,#eff6ff_0%,#ffffff_42%,#f2faf6_100%)] p-6 sm:p-8">
+        <div>
+          <p class="text-sm uppercase tracking-[0.26em] text-sky-700">Observer Join</p>
+          <h1 class="mt-4 max-w-xl break-words text-4xl font-black leading-[1.05] text-slate-900 sm:text-5xl">
+            加入天空探索者
+            <span class="block text-sky-700">建立你的云图档案</span>
+          </h1>
+        </div>
+        <div class="mt-8 grid min-w-0 grid-cols-2 gap-4">
+          <div class="min-w-0 border border-slate-200 bg-white px-4 py-3">
+            <div class="oc-stat-label">Step 1</div>
+            <div class="oc-stat-value">Join</div>
+            <div class="oc-field-help">填写账号资料</div>
+          </div>
+          <div class="min-w-0 border border-slate-200 bg-white px-4 py-3">
+            <div class="oc-stat-label">Step 2</div>
+            <div class="oc-stat-value">Verify</div>
+            <div class="oc-field-help">通过邮件确认邮箱</div>
+          </div>
+        </div>
+      </section>
+
+      <NCard class="oc-panel-card-xl min-w-0 h-full">
+        <NResult
+          v-if="registered"
+          :status="emailDelivered ? 'success' : 'warning'"
+          title="确认你的邮箱"
+          :description="emailDelivered
+            ? '确认邮件已经发送，请查收并点击链接完成注册。'
+            : '账号已创建，但验证邮件暂未送达。请使用重发验证功能，不要重复注册。'"
+        >
+          <template #footer>
+            <div class="space-y-4">
+              <p class="text-sm text-slate-500">目标邮箱：<span class="font-semibold text-slate-700">{{ email }}</span></p>
+              <div class="flex flex-wrap justify-center gap-3">
+                <RouterLink :to="{ path: '/resend-confirmation', query: { email } }" class="no-underline">
+                  <NButton type="default" class="oc-panel-button oc-panel-button--sky">重发验证邮件</NButton>
+                </RouterLink>
+                <RouterLink :to="{ path: '/login', query: { email } }" class="no-underline">
+                  <NButton type="default" class="oc-panel-button oc-panel-button--teal">去登录</NButton>
+                </RouterLink>
+              </div>
+            </div>
+          </template>
+        </NResult>
+
+        <template v-else>
+          <div class="mb-8">
+            <div class="text-sm uppercase tracking-[0.22em] text-slate-500">Create Account</div>
+            <h2 class="mt-3 text-3xl font-bold text-slate-900">注册 OpenCloud</h2>
+            <p class="mt-2 text-sm text-slate-500">注册后，请先通过邮件确认邮箱再登录。</p>
+          </div>
+
+          <NForm @submit.prevent="handleRegister">
+            <NFormItem label="用户名">
+              <NInput v-model:value="name" maxlength="16" show-count placeholder="最多 16 个字符" :input-props="{ autocomplete: 'username', name: 'username', required: true }" />
+            </NFormItem>
+            <NFormItem label="邮箱">
+              <NInput v-model:value="email" maxlength="64" type="text" placeholder="your@email.com" :input-props="{ autocomplete: 'email', inputmode: 'email', name: 'email', required: true }" />
+            </NFormItem>
+            <NFormItem label="密码">
+              <NInput v-model:value="password" type="password" show-password-on="click" placeholder="至少 8 位" :input-props="{ autocomplete: 'new-password', name: 'new-password', required: true }" />
+            </NFormItem>
+            <NFormItem label="确认密码">
+              <NInput v-model:value="confirmPassword" type="password" show-password-on="click" placeholder="再次输入密码" :input-props="{ autocomplete: 'new-password', name: 'confirm-new-password', required: true }" />
+            </NFormItem>
+
+            <NAlert v-if="error" type="error" class="mb-4">
+              {{ error }}
+              <div v-if="canResend" class="mt-2">
+                <RouterLink :to="{ path: '/resend-confirmation', query: { email } }" class="font-semibold text-rose-700 underline underline-offset-2">重发验证邮件</RouterLink>
+              </div>
+            </NAlert>
+
+            <NButton attr-type="submit" type="primary" block size="large" class="oc-primary-button oc-primary-button--sky" :loading="loading">
+              {{ loading ? '注册中...' : '注册' }}
+            </NButton>
+          </NForm>
+
+          <p class="mt-6 text-sm text-slate-500">已有账号？ <RouterLink :to="{ path: '/login', query: { email } }" class="font-semibold text-sky-700 hover:text-sky-800">去登录</RouterLink></p>
+        </template>
+      </NCard>
+    </div>
+  </div>
 </template>
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { computed, onUnmounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { NAlert, NButton, NCard, NForm, NFormItem, NInput, NResult } from 'naive-ui'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const route = useRoute()
+const email = ref(typeof route.query.email === 'string' ? route.query.email : '')
+const error = ref('')
+const loading = ref(false)
+const submitted = ref(false)
+const cooldown = ref(0)
+let timer: ReturnType<typeof setInterval> | null = null
+
+const buttonLabel = computed(() => loading.value ? '发送中...' : cooldown.value > 0 ? `重新发送（${cooldown.value}s）` : '重新发送')
+
+function startCooldown() {
+  if (timer) clearInterval(timer)
+  cooldown.value = 60
+  timer = setInterval(() => {
+    cooldown.value--
+    if (cooldown.value <= 0 && timer) {
+      clearInterval(timer)
+      timer = null
+    }
+  }, 1000)
+}
+
+async function submit() {
+  error.value = ''
+  const value = email.value.trim()
+  if (!value || value.length > 64) {
+    error.value = '请输入不超过 64 个字符的有效邮箱'
+    return
+  }
+  loading.value = true
+  try {
+    await authStore.resendConfirmation(value)
+    email.value = value
+    submitted.value = true
+    startCooldown()
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '验证邮件发送失败，请稍后重试'
+  } finally {
+    loading.value = false
+  }
+}
+
+onUnmounted(() => { if (timer) clearInterval(timer) })
+</script>
+
+<template>
+  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
+    <div class="mx-auto max-w-2xl">
+      <NCard class="oc-panel-card-xl">
+        <NResult v-if="submitted" status="success" title="请求已受理" description="如果该邮箱符合条件，我们会发送新的验证邮件。">
+          <template #footer>
+            <div class="space-y-4">
+              <p class="text-sm text-slate-500">目标邮箱：<span class="font-semibold text-slate-700">{{ email }}</span></p>
+              <div class="flex flex-wrap justify-center gap-3">
+                <NButton type="default" class="oc-panel-button oc-panel-button--sky" :disabled="cooldown > 0" :loading="loading" @click="submit">{{ buttonLabel }}</NButton>
+                <RouterLink :to="{ path: '/login', query: { email } }" class="no-underline"><NButton type="default" class="oc-panel-button oc-panel-button--teal">返回登录</NButton></RouterLink>
+              </div>
+            </div>
+          </template>
+        </NResult>
+        <template v-else>
+          <div class="mb-8">
+            <div class="text-sm uppercase tracking-[0.22em] text-slate-500">Email Verification</div>
+            <h1 class="mt-3 text-3xl font-bold text-slate-900">重发验证邮件</h1>
+            <p class="mt-2 text-sm text-slate-500">输入注册邮箱。为保护账号，系统不会透露邮箱是否存在或已验证。</p>
+          </div>
+          <NForm @submit.prevent="submit">
+            <NFormItem label="邮箱"><NInput v-model:value="email" maxlength="64" type="text" placeholder="your@email.com" :input-props="{ autocomplete: 'email', inputmode: 'email', name: 'email', required: true }" /></NFormItem>
+            <NAlert v-if="error" type="error" class="mb-4">{{ error }}</NAlert>
+            <NButton attr-type="submit" type="primary" block size="large" class="oc-primary-button oc-primary-button--sky" :loading="loading">{{ loading ? '发送中...' : '发送验证邮件' }}</NButton>
+          </NForm>
+        </template>
+      </NCard>
+    </div>
+  </div>
+</template>
@@ -1,7 +1,93 @@
 <script setup lang="ts">
-import UnavailableAuthView from '@/views/auth/UnavailableAuthView.vue'
+import { computed, onUnmounted, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { NAlert, NButton, NCard, NForm, NFormItem, NInput, NResult } from 'naive-ui'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
+const route = useRoute()
+const router = useRouter()
+const email = typeof route.query.email === 'string' ? route.query.email : ''
+const token = typeof route.query.token === 'string' ? route.query.token : ''
+const password = ref('')
+const confirmPassword = ref('')
+const error = ref(!email || !token ? '密码重置链接缺少必要信息，请重新发送邮件。' : '')
+const invalid = ref(!email || !token)
+const success = ref(false)
+const loading = ref(false)
+const countdown = ref(5)
+let timer: ReturnType<typeof setInterval> | null = null
+
+if (route.query.token !== undefined || route.query.email !== undefined) {
+  window.history.replaceState(window.history.state, '', route.path)
+}
+
+const canSubmit = computed(() => !invalid.value && password.value.length >= 8 && password.value === confirmPassword.value)
+
+function startCountdown() {
+  timer = setInterval(() => {
+    countdown.value--
+    if (countdown.value <= 0) {
+      if (timer) clearInterval(timer)
+      void router.push({ path: '/login', query: { email } })
+    }
+  }, 1000)
+}
+
+async function submit() {
+  error.value = ''
+  if (password.value.length < 8) {
+    error.value = '新密码至少需要 8 位'
+    return
+  }
+  if (password.value !== confirmPassword.value) {
+    error.value = '两次输入的密码不一致'
+    return
+  }
+  loading.value = true
+  try {
+    await authStore.resetPassword(email, token, password.value)
+    success.value = true
+    startCountdown()
+  } catch (e: unknown) {
+    error.value = e instanceof Error ? e.message : '密码重置失败，请稍后重试'
+    if (error.value.includes('无效') || error.value.includes('过期')) invalid.value = true
+  } finally {
+    loading.value = false
+  }
+}
+
+onUnmounted(() => { if (timer) clearInterval(timer) })
 </script>

 <template>
-  <UnavailableAuthView />
+  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
+    <div class="mx-auto max-w-2xl">
+      <NCard class="oc-panel-card-xl">
+        <NResult v-if="success" status="success" title="密码已重置" description="请使用新密码重新登录。">
+          <template #footer>
+            <div class="space-y-4">
+              <p class="text-sm text-slate-500">{{ countdown }} 秒后自动前往登录页面</p>
+              <NButton type="default" class="oc-panel-button oc-panel-button--teal" @click="router.push({ path: '/login', query: { email } })">立即登录</NButton>
+            </div>
+          </template>
+        </NResult>
+
+        <template v-else>
+          <div class="mb-8">
+            <div class="text-sm uppercase tracking-[0.22em] text-slate-500">Password Recovery</div>
+            <h1 class="mt-3 text-3xl font-bold text-slate-900">设置新密码</h1>
+            <p class="mt-2 text-sm text-slate-500">提交成功后，此重置链接和现有登录会话都会失效。</p>
+          </div>
+          <NForm @submit.prevent="submit">
+            <NFormItem label="新密码"><NInput v-model:value="password" type="password" show-password-on="click" placeholder="至少 8 位" :disabled="invalid" :input-props="{ autocomplete: 'new-password', name: 'new-password', required: true }" /></NFormItem>
+            <NFormItem label="确认新密码"><NInput v-model:value="confirmPassword" type="password" show-password-on="click" placeholder="再次输入新密码" :disabled="invalid" :input-props="{ autocomplete: 'new-password', name: 'confirm-new-password', required: true }" /></NFormItem>
+            <NAlert v-if="error" type="error" class="mb-4">{{ error }}</NAlert>
+            <RouterLink v-if="invalid" :to="{ path: '/forgot-password', query: { email } }" class="mb-4 block text-sm font-semibold text-teal-700 hover:text-teal-800">重新发送密码重置邮件</RouterLink>
+            <NButton attr-type="submit" type="primary" block size="large" class="oc-primary-button oc-primary-button--teal" :disabled="!canSubmit" :loading="loading">保存新密码</NButton>
+          </NForm>
+        </template>
+      </NCard>
+    </div>
+  </div>
 </template>
@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { RouterLink, useRoute } from 'vue-router'
-import { NButton, NCard, NResult } from 'naive-ui'
-
-const route = useRoute()
-
-const copy = computed(() => {
-  if (route.name === 'register') {
-    return {
-      title: '注册暂未开放',
-      description: '新后端的账号激活流程尚未完成。为避免创建无法登录的账号，前端暂时关闭注册。',
-    }
-  }
-  if (route.name === 'auth-confirm') {
-    return {
-      title: '邮箱确认暂不可用',
-      description: '新后端尚未实现邮箱确认接口，请等待服务恢复后再使用确认链接。',
-    }
-  }
-  return {
-    title: '密码找回暂不可用',
-    description: '新后端尚未实现忘记密码与重置密码接口。如需恢复账号，请联系管理员。',
-  }
-})
-</script>
-
-<template>
-  <div class="min-h-[calc(100vh-4rem)] px-4 py-10">
-    <div class="mx-auto max-w-2xl">
-      <NCard class="oc-panel-card-xl">
-        <NResult status="info" :title="copy.title" :description="copy.description">
-          <template #footer>
-            <RouterLink to="/login" class="no-underline">
-              <NButton type="default" secondary strong class="oc-panel-button oc-panel-button--teal">
-                返回登录
-              </NButton>
-            </RouterLink>
-          </template>
-        </NResult>
-      </NCard>
-    </div>
-  </div>
-</template>