|
|
|
@ -48,7 +48,7 @@ const loginForm = ref<LoginForm>({
|
|
|
|
|
const loginRules = reactive<FormRules<LoginForm>>({
|
|
|
|
|
username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
|
|
|
|
|
password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
|
|
|
|
|
code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
|
|
|
|
|
// code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const codeUrl = ref<string>('')
|
|
|
|
@ -228,23 +228,23 @@ onMounted(() => {
|
|
|
|
|
</template>
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="captchaEnabled" prop="code">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="loginForm.code"
|
|
|
|
|
size="large"
|
|
|
|
|
auto-complete="off"
|
|
|
|
|
placeholder="验证码"
|
|
|
|
|
style="width: 63%"
|
|
|
|
|
@keyup.enter="handleLogin"
|
|
|
|
|
>
|
|
|
|
|
<template #prefix>
|
|
|
|
|
<el-icon><Message /></el-icon>
|
|
|
|
|
</template>
|
|
|
|
|
</el-input>
|
|
|
|
|
<div class="login-code">
|
|
|
|
|
<img :src="codeUrl" class="login-code-img" @click="getCode">
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item v-if="captchaEnabled" prop="code">-->
|
|
|
|
|
<!-- <el-input-->
|
|
|
|
|
<!-- v-model="loginForm.code"-->
|
|
|
|
|
<!-- size="large"-->
|
|
|
|
|
<!-- auto-complete="off"-->
|
|
|
|
|
<!-- placeholder="验证码"-->
|
|
|
|
|
<!-- style="width: 63%"-->
|
|
|
|
|
<!-- @keyup.enter="handleLogin"-->
|
|
|
|
|
<!-- >-->
|
|
|
|
|
<!-- <template #prefix>-->
|
|
|
|
|
<!-- <el-icon><Message /></el-icon>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
<!-- </el-input>-->
|
|
|
|
|
<!-- <div class="login-code">-->
|
|
|
|
|
<!-- <img :src="codeUrl" class="login-code-img" @click="getCode">-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-checkbox
|
|
|
|
|
v-model="loginForm.rememberMe"
|
|
|
|
|
style="margin: 0px 0px 25px 0px"
|
|
|
|
|