|
@@ -1,42 +1,48 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="login">
|
|
|
|
|
- <a-row type="flex" justify="center" align="middle">
|
|
|
|
|
- <a-col>
|
|
|
|
|
- <div class="login-background">
|
|
|
|
|
- <div id="img">
|
|
|
|
|
- <!-- <img src="./logo.png"
|
|
|
|
|
|
|
+ <div class="login">
|
|
|
|
|
+ <a-row type="flex"
|
|
|
|
|
+ justify="center"
|
|
|
|
|
+ align="middle">
|
|
|
|
|
+ <a-col>
|
|
|
|
|
+ <div class="login-background">
|
|
|
|
|
+ <div id="img">
|
|
|
|
|
+ <!-- <img src="./logo.png"
|
|
|
alt="" />-->
|
|
alt="" />-->
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="login-content">
|
|
|
|
|
- <p>账号登录</p>
|
|
|
|
|
- <a-form ref="formDom" :model="form" :rules="rules">
|
|
|
|
|
- <a-form-item name="account">
|
|
|
|
|
- <a-input placeholder="用户名/账号/手机号" v-model:value="form.account">
|
|
|
|
|
- <template #prefix>
|
|
|
|
|
- <img src="@/assets/images/user.png" alt />
|
|
|
|
|
- </template>
|
|
|
|
|
- </a-input>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- <a-form-item name="password" class="mb20">
|
|
|
|
|
- <a-input
|
|
|
|
|
- @keyup.enter="loginAction"
|
|
|
|
|
- placeholder="请输入您的登录密码"
|
|
|
|
|
- type="password"
|
|
|
|
|
- v-model:value="form.password"
|
|
|
|
|
- >
|
|
|
|
|
- <template #prefix>
|
|
|
|
|
- <img src="@/assets/images/password.png" alt />
|
|
|
|
|
- </template>
|
|
|
|
|
- </a-input>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- <a-form-item>
|
|
|
|
|
- <div class="login-remember-password">
|
|
|
|
|
- <a-checkbox v-model:checked="form.isRemember">记住账号</a-checkbox>
|
|
|
|
|
- <!-- <router-link to="/resetPassword">忘记密码?</router-link> -->
|
|
|
|
|
- </div>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- <!-- <a-form-item>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="login-content">
|
|
|
|
|
+ <p>账号登录</p>
|
|
|
|
|
+ <a-form ref="formDom"
|
|
|
|
|
+ :model="form"
|
|
|
|
|
+ :rules="rules">
|
|
|
|
|
+ <a-form-item name="account">
|
|
|
|
|
+ <a-input placeholder="用户名/账号/手机号"
|
|
|
|
|
+ v-model:value="form.account">
|
|
|
|
|
+ <template #prefix>
|
|
|
|
|
+ <img src="@/assets/images/user.png"
|
|
|
|
|
+ alt />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-input>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ <a-form-item name="password"
|
|
|
|
|
+ class="mb20">
|
|
|
|
|
+ <a-input @keyup.enter="loginAction"
|
|
|
|
|
+ placeholder="请输入您的登录密码"
|
|
|
|
|
+ type="password"
|
|
|
|
|
+ v-model:value="form.password">
|
|
|
|
|
+ <template #prefix>
|
|
|
|
|
+ <img src="@/assets/images/password.png"
|
|
|
|
|
+ alt />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </a-input>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ <a-form-item>
|
|
|
|
|
+ <div class="login-remember-password">
|
|
|
|
|
+ <a-checkbox v-model:checked="form.isRemember">记住账号</a-checkbox>
|
|
|
|
|
+ <!-- <router-link to="/resetPassword">忘记密码?</router-link> -->
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ <!-- <a-form-item>
|
|
|
<div style="text-align:left">
|
|
<div style="text-align:left">
|
|
|
<a-checkbox v-model:checked="form.isRead">
|
|
<a-checkbox v-model:checked="form.isRead">
|
|
|
我已阅读并同意
|
|
我已阅读并同意
|
|
@@ -44,18 +50,16 @@
|
|
|
<router-link to="/resetPassword">《用户协议》</router-link>
|
|
<router-link to="/resetPassword">《用户协议》</router-link>
|
|
|
</div>
|
|
</div>
|
|
|
</a-form-item>-->
|
|
</a-form-item>-->
|
|
|
- <a-form-item class="mt20">
|
|
|
|
|
- <a-button
|
|
|
|
|
- @click="loginAction"
|
|
|
|
|
- :loading="loading"
|
|
|
|
|
- :disabled="goHomeloading"
|
|
|
|
|
- >登录</a-button>
|
|
|
|
|
- </a-form-item>
|
|
|
|
|
- </a-form>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a-col>
|
|
|
|
|
- </a-row>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <a-form-item class="mt20">
|
|
|
|
|
+ <a-button @click="loginAction"
|
|
|
|
|
+ :loading="loading"
|
|
|
|
|
+ :disabled="goHomeloading">登录</a-button>
|
|
|
|
|
+ </a-form-item>
|
|
|
|
|
+ </a-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </a-col>
|
|
|
|
|
+ </a-row>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
@@ -172,6 +176,7 @@ export default defineComponent({
|
|
|
const { getQtInfo } = qtAction();
|
|
const { getQtInfo } = qtAction();
|
|
|
function loginAction() {
|
|
function loginAction() {
|
|
|
formDom.value.validate().then(() => {
|
|
formDom.value.validate().then(() => {
|
|
|
|
|
+ debugger;
|
|
|
loading.value = true;
|
|
loading.value = true;
|
|
|
const { account, password } = toRaw(form);
|
|
const { account, password } = toRaw(form);
|
|
|
setLoadComplete(false);
|
|
setLoadComplete(false);
|