|
|
@ -1,49 +1,37 @@ |
|
|
|
<template> |
|
|
|
<LoginFormTitle v-show="getShow" class="enter-x" /> |
|
|
|
<a-form |
|
|
|
class="p-4 enter-x" |
|
|
|
:model="formData" |
|
|
|
:rules="getFormRules" |
|
|
|
ref="formRef" |
|
|
|
v-show="getShow" |
|
|
|
@keypress.enter="handleLoginClick()" |
|
|
|
> |
|
|
|
<a-form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef" v-show="getShow" |
|
|
|
@keypress.enter="handleLoginClick()"> |
|
|
|
<a-alert v-if="hasError" type="error" :message="errorMessage" :banner="true" /> |
|
|
|
|
|
|
|
<a-form-item name="username" class="enter-x"> |
|
|
|
<a-input |
|
|
|
size="large" |
|
|
|
v-model:value="formData.username" |
|
|
|
:placeholder="t('sys.login.userName')" |
|
|
|
class="fix-auto-fill" |
|
|
|
/> |
|
|
|
<a-input size="large" v-model:value="formData.username" :placeholder="t('sys.login.userName')" |
|
|
|
class="fix-auto-fill" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item name="password" class="enter-x"> |
|
|
|
<a-input-password |
|
|
|
size="large" |
|
|
|
visibilityToggle |
|
|
|
v-model:value="formData.password" |
|
|
|
:placeholder="t('sys.login.password')" |
|
|
|
/> |
|
|
|
<a-input-password size="large" visibilityToggle v-model:value="formData.password" |
|
|
|
:placeholder="t('sys.login.password')" /> |
|
|
|
</a-form-item> |
|
|
|
|
|
|
|
<a-row class="enter-x"> |
|
|
|
<a-col :span="12"> |
|
|
|
<a-form-item> |
|
|
|
<!-- 记住我 --> |
|
|
|
|
|
|
|
<!-- <a-col :span="12"> |
|
|
|
<a-form-item> |
|
|
|
<a-checkbox v-model:checked="rememberMe" size="small"> |
|
|
|
{{ t('sys.login.rememberMe') }} |
|
|
|
</a-checkbox> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
<a-col :span="12"> |
|
|
|
<a-form-item :style="{ 'text-align': 'right' }"> |
|
|
|
</a-col> --> |
|
|
|
<!-- 忘记密码 --> |
|
|
|
|
|
|
|
<!-- <a-col :span="12"> |
|
|
|
<a-form-item :style="{ 'text-align': 'right' }"> |
|
|
|
<a-button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"> |
|
|
|
{{ t('sys.login.forgetPassword') }} |
|
|
|
</a-button> |
|
|
|
</a-form-item> |
|
|
|
</a-col> |
|
|
|
</a-col> --> |
|
|
|
</a-row> |
|
|
|
|
|
|
|
<a-form-item class="enter-x"> |
|
|
|