|
|
@@ -1,46 +1,53 @@
|
|
|
<template>
|
|
|
<div class="login ">
|
|
|
- <div>
|
|
|
+ <div class="d-flex flex-cln a-c">
|
|
|
<div class="f-s-50 mb-30" style="color: #FFF;font-weight: bold;">中药材创新联盟管理后台</div>
|
|
|
- <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
- <div class="title-box">
|
|
|
- <h3 class="title">欢迎登录</h3>
|
|
|
- <!-- <lang-select /> -->
|
|
|
- </div>
|
|
|
- <el-form-item prop="username">
|
|
|
- <el-input v-model="loginForm.username" type="text" size="large" auto-complete="off" :placeholder="proxy.$t('login.username')">
|
|
|
- <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="password">
|
|
|
- <el-input v-model="loginForm.password" type="password" size="large" auto-complete="off" :placeholder="proxy.$t('login.password')" @keyup.enter="handleLogin">
|
|
|
- <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></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="proxy.$t('login.code')" style="width: 63%" @keyup.enter="handleLogin">
|
|
|
- <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
|
|
|
- </el-input>
|
|
|
- <div class="login-code">
|
|
|
- <img :src="codeUrl" class="login-code-img" @click="getCode" />
|
|
|
+ <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
+ <div class="title-box">
|
|
|
+ <h3 class="title">欢迎登录</h3>
|
|
|
+ <!-- <lang-select /> -->
|
|
|
</div>
|
|
|
- </el-form-item>
|
|
|
- <el-checkbox v-model="loginForm.rememberMe" style="margin: 0 0 25px 0">
|
|
|
- {{ proxy.$t('login.rememberPassword')}}
|
|
|
- </el-checkbox>
|
|
|
- <el-form-item style="width: 100%">
|
|
|
- <el-button :loading="loading" size="large" type="primary" style="width: 100%" @click.prevent="handleLogin" color="#022a52">
|
|
|
- <span v-if="!loading">{{ proxy.$t('login.login') }}</span>
|
|
|
- <span v-else>{{ proxy.$t('login.logging') }}</span>
|
|
|
- </el-button>
|
|
|
- <div v-if="register" style="float: right">
|
|
|
- <router-link class="link-type" :to="'/register'">
|
|
|
- {{ proxy.$t('login.switchRegisterPage')}}
|
|
|
- </router-link>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-form></div>
|
|
|
-
|
|
|
+ <el-form-item prop="username">
|
|
|
+ <el-input v-model="loginForm.username" type="text" size="large" auto-complete="off"
|
|
|
+ :placeholder="proxy.$t('login.username')">
|
|
|
+ <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="password">
|
|
|
+ <el-input v-model="loginForm.password" type="password" size="large" auto-complete="off"
|
|
|
+ :placeholder="proxy.$t('login.password')" @keyup.enter="handleLogin">
|
|
|
+ <template #prefix><svg-icon icon-class="password"
|
|
|
+ class="el-input__icon input-icon" /></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="proxy.$t('login.code')" style="width: 63%" @keyup.enter="handleLogin">
|
|
|
+ <template #prefix><svg-icon icon-class="validCode"
|
|
|
+ class="el-input__icon input-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: 0 0 25px 0">
|
|
|
+ {{ proxy.$t('login.rememberPassword') }}
|
|
|
+ </el-checkbox>
|
|
|
+ <el-form-item style="width: 100%">
|
|
|
+ <el-button :loading="loading" size="large" type="primary" style="width: 100%"
|
|
|
+ @click.prevent="handleLogin" color="#022a52">
|
|
|
+ <span v-if="!loading">{{ proxy.$t('login.login') }}</span>
|
|
|
+ <span v-else>{{ proxy.$t('login.logging') }}</span>
|
|
|
+ </el-button>
|
|
|
+ <div v-if="register" style="float: right">
|
|
|
+ <router-link class="link-type" :to="'/register'">
|
|
|
+ {{ proxy.$t('login.switchRegisterPage') }}
|
|
|
+ </router-link>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
<!-- 底部 -->
|
|
|
<div class="el-login-footer">
|
|
|
<span>Copyright © 2025-2026 钰津供应链科技 All Rights Reserved.</span>
|
|
|
@@ -170,7 +177,8 @@ onMounted(() => {
|
|
|
|
|
|
.title-box {
|
|
|
display: flex;
|
|
|
-justify-self: start;
|
|
|
+ justify-self: start;
|
|
|
+
|
|
|
.title {
|
|
|
margin: 0px auto 30px auto;
|
|
|
text-align: center;
|