james/vmall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip(freight): migration 0017 + model/column-list groundwork for add-freight-templates

Browse Source
This commit is contained in:
Chengdong Zhang
2026-09-23 17:39:45 +08:00
parent a83e857bdf
commit 5b426486ac
105 changed files with 6193 additions and 1566 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mall/pages/forgot-password.vue
+54 -16
View File
@@ -58,48 +58,86 @@ async function submit(): Promise<void> {
</script>
<template>
<section class="min-h-screen bg-bg px-5 py-10 font-sans text-text">
<section class="bg-bg text-text min-h-screen px-5 py-10 font-sans">
<VCard class="mx-auto my-10 max-w-[420px] p-6 sm:p-10">
<template v-if="success">
<div class="pt-12 text-center">
<div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-success text-3xl text-white">✓</div>
<div
class="bg-success mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full text-3xl text-white"
>
✓
</div>
<h1 class="m-0 text-xl font-semibold">{{ t("auth.resetSuccess") }}</h1>
<p class="my-3.5 mb-7 text-sm leading-relaxed text-muted">{{ t("auth.resetSuccessHint") }}</p>
<NuxtLink class="block" to="/login"><VBtn class="w-full" variant="primary">{{ t("auth.loginNow") }}</VBtn></NuxtLink>
<p class="text-muted my-3.5 mb-7 text-sm leading-relaxed">
{{ t("auth.resetSuccessHint") }}
</p>
<NuxtLink class="block" to="/login"
><VBtn class="w-full" variant="primary">{{ t("auth.loginNow") }}</VBtn></NuxtLink
>
</div>
</template>
<template v-else>
<div class="mb-6 flex items-baseline gap-4 border-b border-border pb-3.5">
<div class="border-border mb-6 flex items-baseline gap-4 border-b pb-3.5">
<h1 class="m-0 text-xl font-semibold">{{ t("auth.forgotTab") }}</h1>
<NuxtLink class="text-sm text-primary hover:text-primary-hover" to="/login">{{ t("auth.loginTab") }}</NuxtLink>
<NuxtLink class="text-primary hover:text-primary-hover text-sm" to="/login">{{
t("auth.loginTab")
}}</NuxtLink>
</div>
<form @submit.prevent="submit">
<VField :label="t('common.email')">
<VInput v-model.trim="email" type="email" autocomplete="email" :placeholder="t('auth.emailPlaceholder')" />
<VInput
v-model.trim="email"
type="email"
autocomplete="email"
:placeholder="t('auth.emailPlaceholder')"
/>
</VField>
<VField :label="t('auth.newPassword')">
<VInput v-model="password" type="password" autocomplete="new-password" :placeholder="t('auth.passwordPlaceholder')" />
<VInput
v-model="password"
type="password"
autocomplete="new-password"
:placeholder="t('auth.passwordPlaceholder')"
/>
</VField>
<VField :label="t('auth.confirmPassword')">
<VInput v-model="confirmPassword" type="password" autocomplete="new-password" :placeholder="t('auth.confirmPasswordPlaceholder')" />
<VInput
v-model="confirmPassword"
type="password"
autocomplete="new-password"
:placeholder="t('auth.confirmPasswordPlaceholder')"
/>
</VField>
<VField :label="t('auth.smsCode')">
<div class="flex gap-2">
<VInput v-model.trim="code" type="text" class="min-w-0 flex-1" :placeholder="t('auth.smsCodePlaceholder')" />
<VBtn class="shrink-0 whitespace-nowrap" type="button" size="sm" :disabled="countdown > 0" @click="startCountdown">
<VInput
v-model.trim="code"
type="text"
class="min-w-0 flex-1"
:placeholder="t('auth.smsCodePlaceholder')"
/>
<VBtn
class="shrink-0 whitespace-nowrap"
type="button"
size="sm"
:disabled="countdown > 0"
@click="startCountdown"
>
{{ countdown > 0 ? t("auth.codeCountdown", { n: countdown }) : t("auth.getCode") }}
</VBtn>
</div>
</VField>
<p v-if="errorKey" class="-mt-1 mb-3 text-xs text-danger">{{ t(errorKey) }}</p>
<VBtn class="mt-1 w-full" variant="primary" type="submit" :disabled="submitting">{{ t("auth.resetAction") }}</VBtn>
<p v-if="errorKey" class="text-danger -mt-1 mb-3 text-xs">{{ t(errorKey) }}</p>
<VBtn class="mt-1 w-full" variant="primary" type="submit" :disabled="submitting">{{
t("auth.resetAction")
}}</VBtn>
</form>
<div class="mt-4 text-center text-xs">
<NuxtLink class="text-primary hover:text-primary-hover" to="/login">{{ t("auth.loginNow") }}</NuxtLink>
<NuxtLink class="text-primary hover:text-primary-hover" to="/login">{{
t("auth.loginNow")
}}</NuxtLink>
</div>
</template>
</VCard>
</section>
</template>