feat(前端): 更新登录相关组件和国际化配置

- 更新登录、注册和重置密码页面的输入框占位符和按钮文本
- 添加新的Element Plus组件类型声明
- 调整设置页面布局和样式
- 更新中英文国际化配置,新增主题设置相关翻译
- 修改API基础URL和WebSocket端点配置
This commit is contained in:
zhangtao
2026-05-01 01:05:16 +08:00
parent b7800e2ddd
commit dd4191973f
9 changed files with 78 additions and 41 deletions
@@ -1,6 +1,6 @@
<template>
<div>
<h3 text-center m-0 mb-20px>{{ t("login.login") }}</h3>
<h3 text-center m-0 mb-20px>{{ t("login.title") }}</h3>
<el-tabs v-model="activeTab" class="login-tabs">
<!-- 账号登录 -->
@@ -16,7 +16,7 @@
<el-form-item prop="username">
<el-input
v-model.trim="loginForm.username"
:placeholder="t('login.username')"
:placeholder="t('login.placeholder.username')"
clearable
>
<template #prefix>
@@ -30,7 +30,7 @@
<el-form-item prop="password">
<el-input
v-model.trim="loginForm.password"
:placeholder="t('login.password')"
:placeholder="t('login.placeholder.password')"
type="password"
show-password
clearable
@@ -77,16 +77,16 @@
</el-form-item>
<div class="flex-x-between w-full">
<el-checkbox v-model="loginForm.remember">{{ t("login.rememberMe") }}</el-checkbox>
<el-checkbox v-model="loginForm.remember">{{ t("login.rememberPwd") }}</el-checkbox>
<el-link type="primary" underline="never" @click="toOtherForm('resetPwd')">
{{ t("login.forgetPassword") }}
{{ t("login.forgetPwd") }}
</el-link>
</div>
<!-- 登录按钮 -->
<el-form-item>
<el-button :loading="loading" type="primary" class="w-full" @click="handleLoginSubmit">
{{ t("login.login") }}
{{ t("login.btnText") }}
</el-button>
</el-form-item>
</el-form>
@@ -4,7 +4,11 @@
<el-form ref="formRef" :model="model" :rules="rules" size="large" label-suffix=":">
<!-- 账号 -->
<el-form-item prop="username">
<el-input v-model.trim="model.username" :placeholder="t('login.username')" clearable>
<el-input
v-model.trim="model.username"
:placeholder="t('login.placeholder.username')"
clearable
>
<template #prefix>
<el-icon><User /></el-icon>
</template>
@@ -16,7 +20,7 @@
<el-form-item prop="password">
<el-input
v-model.trim="model.password"
:placeholder="t('login.password')"
:placeholder="t('login.placeholder.password')"
type="password"
show-password
clearable
@@ -72,7 +76,9 @@
</el-form>
<div flex-center gap-10px>
<el-text size="default">{{ t("login.haveAccount") }}</el-text>
<el-link type="primary" underline="never" @click="toLogin">{{ t("login.login") }}</el-link>
<el-link type="primary" underline="never" @click="toLogin">
{{ t("login.backLoginBtnText") }}
</el-link>
</div>
</div>
</template>
@@ -4,7 +4,11 @@
<el-form ref="formRef" :model="model" :rules="rules" size="large" label-suffix=":">
<!-- 用户名 -->
<el-form-item prop="username">
<el-input v-model.trim="model.username" :placeholder="t('login.username')" clearable>
<el-input
v-model.trim="model.username"
:placeholder="t('login.placeholder.username')"
clearable
>
<template #prefix>
<el-icon><User /></el-icon>
</template>
@@ -16,7 +20,7 @@
<el-form-item prop="new_password">
<el-input
v-model.trim="model.new_password"
:placeholder="t('login.password')"
:placeholder="t('login.placeholder.password')"
type="password"
show-password
clearable
@@ -52,14 +56,16 @@
<!-- 重置密码按钮 -->
<el-form-item>
<el-button type="warning" class="w-full" @click="submit">
{{ t("login.resetPassword") }}
{{ t("common.confirm") }}
</el-button>
</el-form-item>
</el-form>
<div flex-center gap-10px>
<el-text size="default">{{ t("login.thinkOfPasswd") }}</el-text>
<el-link type="primary" underline="never" @click="toLogin">{{ t("login.login") }}</el-link>
<el-link type="primary" underline="never" @click="toLogin">
{{ t("login.backLoginBtnText") }}
</el-link>
</div>
</div>
</template>