feat(passport): 优化忘记密码页发送验证码体验

- 引入图形验证码弹窗,风格与注册页面保持一致
- 使用 localStorage 记录每个账号发送验证码次数,前三次免图形验证码
- 第四次及以后发送验证码需输入正确图形验证码才能发送
- 失败时自动刷新验证码,关闭弹窗时重置加载状态
- 新增相关国际化文案支持中英文
- 调整登录页邮箱登录相关占位符文案提升用户体验
This commit is contained in:
2026-07-24 22:14:29 +08:00
parent d6b56d99ce
commit f9bf3c6df3
5 changed files with 146 additions and 18 deletions

View File

@@ -45,3 +45,11 @@
- `src/api/layout/index.ts``resetPassword(data)` → POST /resetPassword带 X-Tenant-Skip:1`src/api/layout/model/index.ts` 新增 `ResetPasswordParam`
- 关键改动:`src/utils/request.ts` 请求拦截器在请求头含 `X-Tenant-Skip` 时跳过注入 TenantId/CompanyId/MerchantId/Domain登录前找回密码场景避免串租户`vite build --outDir dist-verify` 验证通过(真实 `vite build` 因沙箱 safe-delete 守卫删 dist 拦截,非代码问题)。
- 后端同址 server.websoft.top/api与 website-admin 共用一套找回密码接口。
## 优化:忘记密码页发送验证码前 3 次免图形验证
- 修改 `src/views/passport/forget/index.vue`:引入 `getCaptcha`,新增图形验证码弹窗(与 `register2/index.vue` 风格一致)。
-`localStorage``forget_send_count_${activeTab}_${account}` 记录每个邮箱/手机号的发送次数。
- 同一个账号前 3 次点击「获取验证码」直接调用 `sendEmailCaptcha`/`sendSmsCaptchaByAdmin`;第 4 次起弹出图形验证码弹窗,输入正确并点击「立即发送」后才真正发送。
- 失败时自动刷新图形验证码;弹窗关闭时重置 `codeLoading`
- 新增 i18n 键 `login.forgetPage.captchaTitle``captchaPlaceholder``sendNow`zh_CN/en
- `vue-tsc` 本次新增代码无类型错误;`vite build --outDir dist-verify-captcha` 编译通过。