|
|
@@ -1,12 +1,10 @@
|
|
|
<template>
|
|
|
<div
|
|
|
:class="prefixCls"
|
|
|
- class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px lt-xl:px-10px"
|
|
|
- >
|
|
|
+ class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px lt-xl:px-10px">
|
|
|
<div class="relative mx-auto h-full flex">
|
|
|
<div
|
|
|
- :class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`"
|
|
|
- >
|
|
|
+ :class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`">
|
|
|
<!-- 左上角的 logo + 系统标题 -->
|
|
|
<div class="relative flex items-center text-white">
|
|
|
<img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
|
|
|
@@ -17,8 +15,7 @@
|
|
|
<TransitionGroup
|
|
|
appear
|
|
|
enter-active-class="animate__animated animate__bounceInLeft"
|
|
|
- tag="div"
|
|
|
- >
|
|
|
+ tag="div">
|
|
|
<img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" />
|
|
|
<div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div>
|
|
|
<div key="3" class="mt-5 text-14px font-normal text-white">
|
|
|
@@ -28,12 +25,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto"
|
|
|
- >
|
|
|
+ class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto">
|
|
|
<!-- 右上角的主题、语言选择 -->
|
|
|
<div
|
|
|
- class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end"
|
|
|
- >
|
|
|
+ class="flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end">
|
|
|
<div class="flex items-center at-2xl:hidden at-xl:hidden">
|
|
|
<img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
|
|
|
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
|
|
|
@@ -46,8 +41,7 @@
|
|
|
<!-- 右边的登录界面 -->
|
|
|
<Transition appear enter-active-class="animate__animated animate__bounceInRight">
|
|
|
<div
|
|
|
- class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
|
|
|
- >
|
|
|
+ class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px">
|
|
|
<!-- 账号登录 -->
|
|
|
<el-form
|
|
|
v-show="getShow"
|
|
|
@@ -57,8 +51,7 @@
|
|
|
class="login-form"
|
|
|
label-position="top"
|
|
|
label-width="120px"
|
|
|
- size="large"
|
|
|
- >
|
|
|
+ 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>
|
|
|
@@ -72,8 +65,7 @@
|
|
|
:placeholder="t('login.tenantNamePlaceholder')"
|
|
|
:prefix-icon="iconHouse"
|
|
|
link
|
|
|
- type="primary"
|
|
|
- />
|
|
|
+ type="primary" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
|
|
@@ -81,8 +73,7 @@
|
|
|
<el-input
|
|
|
v-model="loginData.loginForm.username"
|
|
|
:placeholder="t('login.usernamePlaceholder')"
|
|
|
- :prefix-icon="iconAvatar"
|
|
|
- />
|
|
|
+ :prefix-icon="iconAvatar" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
|
|
|
@@ -93,8 +84,7 @@
|
|
|
:prefix-icon="iconLock"
|
|
|
show-password
|
|
|
type="password"
|
|
|
- @keyup.enter="getCode()"
|
|
|
- />
|
|
|
+ @keyup.enter="getCode()" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col
|
|
|
@@ -104,8 +94,7 @@
|
|
|
padding-left: 10px;
|
|
|
margin-top: -20px;
|
|
|
margin-bottom: -20px;
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<el-form-item>
|
|
|
<el-row justify="space-between" style="width: 100%">
|
|
|
<el-col :span="6">
|
|
|
@@ -128,8 +117,7 @@
|
|
|
:title="t('login.login')"
|
|
|
class="w-[100%]"
|
|
|
type="primary"
|
|
|
- @click="getCode()"
|
|
|
- />
|
|
|
+ @click="getCode()" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<Verify
|
|
|
@@ -138,8 +126,7 @@
|
|
|
:captchaType="captchaType"
|
|
|
:imgSize="{ width: '400px', height: '200px' }"
|
|
|
mode="pop"
|
|
|
- @success="handleLogin"
|
|
|
- />
|
|
|
+ @success="handleLogin" />
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -313,7 +300,7 @@ const handleLogin = async (params) => {
|
|
|
}
|
|
|
} finally {
|
|
|
loginLoading.value = false
|
|
|
- loading.value.close()
|
|
|
+ loading.value?.close()
|
|
|
}
|
|
|
}
|
|
|
|
Zimo