|
|
|
@ -1,5 +1,6 @@ |
|
|
|
<template> |
|
|
|
<el-form v-show="getShow" ref="formLogin" :model="loginData.loginForm" :rules="LoginRules" class="login-form" label-position="top" label-width="120px" size="large"> |
|
|
|
<el-form v-show="getShow" ref="formLogin" :model="loginData.loginForm" :rules="LoginRules" class="login-form" |
|
|
|
label-position="top" label-width="120px" size="large"> |
|
|
|
<el-row style="margin-right: -10px; margin-left: -10px"> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item> |
|
|
|
@ -8,23 +9,27 @@ |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName"> |
|
|
|
<el-input v-model="loginData.loginForm.tenantName" :placeholder="t('login.tenantNamePlaceholder')" :prefix-icon="iconHouse" link type="primary" /> |
|
|
|
<el-input v-model="loginData.loginForm.tenantName" :placeholder="t('login.tenantNamePlaceholder')" |
|
|
|
:prefix-icon="iconHouse" link type="primary" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item prop="username"> |
|
|
|
<el-input v-model="loginData.loginForm.username" :placeholder="t('login.usernamePlaceholder')" :prefix-icon="iconAvatar" style="height: 42px;" /> |
|
|
|
<el-input v-model="loginData.loginForm.username" :placeholder="t('login.usernamePlaceholder')" |
|
|
|
:prefix-icon="iconAvatar" style="height: 42px;" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item prop="password"> |
|
|
|
<el-input v-model="loginData.loginForm.password" :placeholder="t('login.passwordPlaceholder')" :prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" style="height: 42px;" /> |
|
|
|
<el-input v-model="loginData.loginForm.password" :placeholder="t('login.passwordPlaceholder')" |
|
|
|
:prefix-icon="iconLock" show-password type="password" @keyup.enter="getCode()" style="height: 42px;" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item prop="code"> |
|
|
|
<div class="flex w-[100%]"> |
|
|
|
<el-input v-model="loginData.loginForm.code" :placeholder="t('login.codePlaceholder')" style="width: 76%;margin-right: 10px;height: 42px;" @keyup.enter="handleLogin()"> |
|
|
|
<el-input v-model="loginData.loginForm.code" :placeholder="t('login.codePlaceholder')" |
|
|
|
style="width: 76%;margin-right: 10px;height: 42px;" @keyup.enter="handleLogin()"> |
|
|
|
<template #prefix> |
|
|
|
<img src="@/assets/imgs/code.png" alt="" style="width: 16px;height: 16px;" /> |
|
|
|
</template> |
|
|
|
@ -44,14 +49,17 @@ |
|
|
|
</el-checkbox> |
|
|
|
</el-col> |
|
|
|
<el-col :offset="6" :span="12"> |
|
|
|
<el-link style="float: right" type="primary">{{ t('login.forgetPassword') }}</el-link> |
|
|
|
<el-link style="float: right" type="primary" |
|
|
|
@click="handleUpdate()">{{ t('login.forgetPassword') }}</el-link> |
|
|
|
<!-- <el-button type="text" icon="Edit">忘记密码按钮</el-button> --> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px"> |
|
|
|
<el-form-item> |
|
|
|
<XButton :loading="loginLoading" :title="t('login.login')" class="w-[100%]" type="primary" @click="handleLogin()" /> |
|
|
|
<XButton :loading="loginLoading" :title="t('login.login')" class="w-[100%]" type="primary" |
|
|
|
@click="handleLogin()" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<!-- <Verify |
|
|
|
@ -76,7 +84,7 @@ import { usePermissionStore } from '@/store/modules/permission' |
|
|
|
import * as LoginApi from '@/api/login' |
|
|
|
import { LoginStateEnum, useFormValid, useLoginState } from './useLogin' |
|
|
|
import { getCodeImg } from "@/api/login"; |
|
|
|
|
|
|
|
import router from "@/router"; |
|
|
|
import { CACHE_KEY, useCache } from '@/hooks/web/useCache' |
|
|
|
import * as DeptApi from '@/api/system/dept' |
|
|
|
|
|
|
|
@ -97,6 +105,7 @@ const loginLoading = ref(false) |
|
|
|
const verify = ref() |
|
|
|
const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字 |
|
|
|
|
|
|
|
|
|
|
|
const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN) |
|
|
|
// 验证码开关 |
|
|
|
const captchaEnabled = ref(true); |
|
|
|
@ -169,6 +178,13 @@ const getCookie = () => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const handleUpdate = () => { |
|
|
|
router.push({ |
|
|
|
name: 'ForgetPassword', |
|
|
|
}) |
|
|
|
}; |
|
|
|
|
|
|
|
const loading = ref() // ElLoading.service 返回的实例 |
|
|
|
// 登录 |
|
|
|
const handleLogin = async (params) => { |
|
|
|
|
zhousq
1 year ago