|
@@ -7,12 +7,7 @@
|
|
|
<img src="../assets/images/login-img.png" alt="" />
|
|
|
|
|
|
<div class="swiper-text">
|
|
|
- <el-carousel
|
|
|
- height="100px"
|
|
|
- direction="vertical"
|
|
|
- indicator-position="none"
|
|
|
- :autoplay="true"
|
|
|
- >
|
|
|
+ <el-carousel height="100px" direction="vertical" indicator-position="none" :autoplay="true">
|
|
|
<el-carousel-item>
|
|
|
<h3>{{$t('login.li1H3')}}</h3>
|
|
|
<p>{{$t('login.li1P')}}</p>
|
|
@@ -29,44 +24,23 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right-bg">
|
|
|
- <el-form
|
|
|
- ref="loginRef"
|
|
|
- :model="loginForm"
|
|
|
- :rules="loginRules"
|
|
|
- class="login-form"
|
|
|
- >
|
|
|
- <div class="form" style="margin-top: 300px">
|
|
|
+ <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
+ <div class="form" style="margin-top: 35vh">
|
|
|
<div class="">{{$t('login.welcomeToLogin')}}~</div>
|
|
|
<h2>ByteSailing {{$t('login.managementSystem')}}</h2>
|
|
|
<el-form-item prop="tenantId" style="margin-top: 30px">
|
|
|
- <el-input
|
|
|
- :placeholder="$t('login.pleaseEnterTheTenantId')"
|
|
|
- prefix-icon="user"
|
|
|
- @keyup.enter="handleLogin"
|
|
|
- autocomplete="email"
|
|
|
- v-model="loginForm.tenantId"
|
|
|
- >
|
|
|
+ <el-input :placeholder="$t('login.pleaseEnterTheTenantId')" prefix-icon="user" @keyup.enter="handleLogin" autocomplete="email"
|
|
|
+ v-model="loginForm.tenantId">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="username" style="margin-top: 30px">
|
|
|
- <el-input
|
|
|
- :placeholder="$t('login.pleaseEnterYourAccountNumber')"
|
|
|
- prefix-icon="UserFilled"
|
|
|
- @keyup.enter="handleLogin"
|
|
|
- autocomplete="username"
|
|
|
- v-model="loginForm.username"
|
|
|
- >
|
|
|
+ <el-input :placeholder="$t('login.pleaseEnterYourAccountNumber')" prefix-icon="UserFilled" @keyup.enter="handleLogin"
|
|
|
+ autocomplete="username" v-model="loginForm.username">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="password" style="margin-top: 30px">
|
|
|
- <el-input
|
|
|
- :placeholder="$t('login.pleaseEnterYourPassword')"
|
|
|
- prefix-icon="View"
|
|
|
- type="password"
|
|
|
- v-model="loginForm.password"
|
|
|
- autocomplete="current-password"
|
|
|
- @keyup.enter="handleLogin"
|
|
|
- >
|
|
|
+ <el-input :placeholder="$t('login.pleaseEnterYourPassword')" prefix-icon="View" type="password" v-model="loginForm.password"
|
|
|
+ autocomplete="current-password" @keyup.enter="handleLogin">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item prop="code" class="code" style="margin-top:30px">
|
|
@@ -79,21 +53,14 @@
|
|
|
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
|
|
|
</el-form-item> -->
|
|
|
<div style="margin-top: 30px">
|
|
|
- <el-checkbox
|
|
|
- v-model="loginForm.rememberMe"
|
|
|
- style="margin: 0px 0px 25px 0px"
|
|
|
- >{{$t('login.rememberPassword')}}</el-checkbox
|
|
|
- >
|
|
|
+ <el-checkbox v-model="loginForm.rememberMe" style="margin: 0px 0px 25px 0px">{{$t('login.rememberPassword')}}</el-checkbox>
|
|
|
</div>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="handleLogin"
|
|
|
- style="width: 100%; margin-top: 30px"
|
|
|
- >{{$t('login.login')}}</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="handleLogin" style="width: 100%; margin-top: 30px">{{$t('login.login')}}</el-button>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <a href="https://beian.miit.gov.cn" style="color:#fff;position: fixed;bottom: 15px;left: 50%;transform: translateX(-50%);font-size:12px"
|
|
|
+ target="_blank">Copyright ©福州市维多利亚商贸有限公司 版权所有 闽ICP备2023007763号-1</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -214,11 +181,12 @@ getCookie();
|
|
|
background: #fff;
|
|
|
height: 100vh;
|
|
|
width: 100vw;
|
|
|
- overflow: hidden;
|
|
|
+ min-width: 1200px;
|
|
|
+ overflow: auto;
|
|
|
.left-bg {
|
|
|
- width: calc(50vw + 200px);
|
|
|
+ width: 65vw;
|
|
|
background: #0084ff;
|
|
|
- height: 100vh;
|
|
|
+ height: 100%;
|
|
|
float: left;
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
@@ -262,10 +230,10 @@ getCookie();
|
|
|
}
|
|
|
}
|
|
|
.right-bg {
|
|
|
- width: calc(50vw - 200px);
|
|
|
+ width: 35vw;
|
|
|
background: url(../assets/images/login-right-bg.png) no-repeat;
|
|
|
background-size: cover;
|
|
|
- height: 100vh;
|
|
|
+ height: 100%;
|
|
|
float: right;
|
|
|
overflow: hidden;
|
|
|
.form {
|