JayJiaJun/JuHua-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2.17

Browse Source
This commit is contained in:
JayJiaJun 2025-02-17 18:47:17 +08:00
parent abe2b1c4aa
commit e167c16be9
1 changed files with 56 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/views/login.vue
View File

@ -18,11 +18,9 @@
{{ $t('login.989807-11') }} {{ $t('login.989807-11') }}
</div> </div>
</el-col> </el-col>
<router-link <router-link v-if="loginForm.bindId != null"
v-if="loginForm.bindId != null"
:to="{ path: '/register', query: this.$route.query }" :to="{ path: '/register', query: this.$route.query }"
style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)" style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)">
>
{{ $t('login.989807-12') }} {{ $t('login.989807-12') }}
</router-link> </router-link>
</el-row> </el-row>
@ -32,14 +30,16 @@
<el-form-item prop="username"> <el-form-item prop="username">
<div class="username"> <div class="username">
<i class="el-icon-user icon"></i> <i class="el-icon-user icon"></i>
<input class="form__input" v-model="loginForm.username" auto-complete="off" type="text" :placeholder="$t('login.989807-4')" /> <input class="form__input" v-model="loginForm.username" auto-complete="off" type="text"
:placeholder="$t('login.989807-4')" />
</div> </div>
</el-form-item> </el-form-item>
<el-form-item prop="password" :class="{ 'is-null': isacount }"> <el-form-item prop="password" :class="{ 'is-null': isacount }">
<div class="password"> <div class="password">
<svg-icon icon-class="password" class="icon left" /> <svg-icon icon-class="password" class="icon left" />
<input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype" :placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" /> <input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype"
:placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" />
<span class="el-icon-view icon right" @click="changetype()"></span> <span class="el-icon-view icon right" @click="changetype()"></span>
</div> </div>
</el-form-item> </el-form-item>
@ -47,7 +47,8 @@
<el-form-item v-if="captchaOnOff" prop="code" :class="{ 'is-null': ispwd }"> <el-form-item v-if="captchaOnOff" prop="code" :class="{ 'is-null': ispwd }">
<div style="width: 350px" class="check"> <div style="width: 350px" class="check">
<svg-icon icon-class="auth-code" class="icon" /> <svg-icon icon-class="auth-code" class="icon" />
<input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text" :placeholder="$t('login.989807-6')" /> <input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text"
:placeholder="$t('login.989807-6')" />
<div class="login-code"> <div class="login-code">
<img :src="codeUrl" @click="getCode" style="float: right" /> <img :src="codeUrl" @click="getCode" style="float: right" />
</div> </div>
@ -77,7 +78,8 @@
</div> --> </div> -->
<!-- <button class="form__button button submit">登录</button> --> <!-- <button class="form__button button submit">登录</button> -->
<el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary" @click.native.prevent="handleLogin"> <el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary"
@click.native.prevent="handleLogin">
<span v-if="!loading">{{ $t('login.989807-3') }}</span> <span v-if="!loading">{{ $t('login.989807-3') }}</span>
<span v-else>{{ $t('login.989807-13') }}</span> <span v-else>{{ $t('login.989807-13') }}</span>
</el-button> </el-button>
@ -96,16 +98,14 @@
<el-form-item prop="phonenumber"> <el-form-item prop="phonenumber">
<div class="telphone" style="width: 350px"> <div class="telphone" style="width: 350px">
<svg-icon icon-class="phone" class="icon" /> <svg-icon icon-class="phone" class="icon" />
<input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text" auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" /> <input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text"
auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" />
<div class="sendcode"> <div class="sendcode">
<el-button <el-button slot="append" type="primary"
slot="append"
type="primary"
:disabled="this.smsLoginForm.phonenumber == '' || isDisabled" :disabled="this.smsLoginForm.phonenumber == '' || isDisabled"
@click.prevent="getSmsCode()" @click.prevent="getSmsCode()"
style="float: right; height: 40px; width: 90%; background-color: #0f73ee" style="float: right; height: 40px; width: 90%; background-color: #0f73ee"
size="medium" size="medium">
>
{{ buttonText }} {{ buttonText }}
</el-button> </el-button>
</div> </div>
@ -115,25 +115,32 @@
<el-form-item prop="smsCode"> <el-form-item prop="smsCode">
<div class="smscode" :class="{ 'is-null': isphone }"> <div class="smscode" :class="{ 'is-null': isphone }">
<svg-icon icon-class="password" class="icon" /> <svg-icon icon-class="password" class="icon" />
<input class="form__input" type="password" v-model="smsLoginForm.smsCode" auto-complete="off" :placeholder="$t('login.989807-9')" /> <input class="form__input" type="password" v-model="smsLoginForm.smsCode"
auto-complete="off" :placeholder="$t('login.989807-9')" />
</div> </div>
</el-form-item> </el-form-item>
<div class="other_login"> <div class="other_login">
<div class="wechat-login"> <div class="wechat-login">
<el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading" @click.native.prevent="weChatLogin"> <el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading"
@click.native.prevent="weChatLogin">
<svg-icon icon-class="wechat" style="color: #07c160" /> <svg-icon icon-class="wechat" style="color: #07c160" />
{{ $t('login.989807-34') }} {{ $t('login.989807-34') }}
</el-button> </el-button>
</div> </div>
<div class="other-opt"> <div class="other-opt">
<router-link v-if="!bindAccount" style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35') }}</router-link> <router-link v-if="!bindAccount" style="font-size: 14px"
<router-link v-else style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36') }}</router-link> :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35')
}}</router-link>
<router-link v-else style="font-size: 14px"
:to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36')
}}</router-link>
<langSelect style="margin-left: 12px"></langSelect> <langSelect style="margin-left: 12px"></langSelect>
</div> </div>
</div> </div>
<el-button class="form__button button submit" type="primary" :smsLoading="loading" @click.native.prevent="handleSmsLogin"> <el-button class="form__button button submit" type="primary" :smsLoading="loading"
@click.native.prevent="handleSmsLogin">
<span v-if="!loading">{{ $t('login.989807-3') }}</span> <span v-if="!loading">{{ $t('login.989807-3') }}</span>
<span v-else>{{ $t('login.989807-13') }}</span> <span v-else>{{ $t('login.989807-13') }}</span>
</el-button> </el-button>
@ -158,11 +165,16 @@
</div> </div>
<p class="switch__description description">{{ $t('login.989807-39') }}</p> <p class="switch__description description">{{ $t('login.989807-39') }}</p>
<img src="../assets/images/login7.jpeg" alt="logo" style="width: 220px; height: 220px" /> <img src="../assets/images/login7.jpeg" alt="logo" style="width: 220px; height: 220px" />
<button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1') }}</button> <button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1')
}}</button>
</div> </div>
</div> </div>
</div> </div>
<!-- 添加ICP备案信息 -->
<div class="icp-footer">
<a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备案202418944号</a>
</div>
</div> </div>
</template> </template>
@ -984,6 +996,7 @@ export default {
} }
@keyframes is-gx { @keyframes is-gx {
0%, 0%,
10%, 10%,
100% { 100% {
@ -1093,6 +1106,24 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
} }
.icp-footer {
position: fixed;
bottom: 10px;
width: 100%;
text-align: center;
font-size: 24px;
color: #666;
a {
color: #666;
text-decoration: none;
&:hover {
color: #333;
}
}
}
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {