|
@@ -8,7 +8,7 @@
|
|
<a-form layout="horizontal" :model="state.formInline" @submit.prevent="handleSubmit" style="border: 1px solid #f0f0f0;width: 600px;height: 400px;padding: 100px;">
|
|
<a-form layout="horizontal" :model="state.formInline" @submit.prevent="handleSubmit" style="border: 1px solid #f0f0f0;width: 600px;height: 400px;padding: 100px;">
|
|
<div style="width: 400px;height: 400px; border-radius: 10px;">
|
|
<div style="width: 400px;height: 400px; border-radius: 10px;">
|
|
<a-form-item>
|
|
<a-form-item>
|
|
- <a-input v-model:value="state.formInline.username" size="large" placeholder="请输入工号/学号">
|
|
|
|
|
|
+ <a-input v-model:value="state.formInline.username" size="large" placeholder="请输入登录账号">
|
|
<template #prefix><user-outlined type="user" /></template>
|
|
<template #prefix><user-outlined type="user" /></template>
|
|
</a-input>
|
|
</a-input>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
@@ -23,23 +23,6 @@
|
|
<template #prefix><lock-outlined type="user" /></template>
|
|
<template #prefix><lock-outlined type="user" /></template>
|
|
</a-input>
|
|
</a-input>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
-<!-- <a-form-item>
|
|
|
|
- <a-input
|
|
|
|
- v-model:value="state.formInline.verifyCode"
|
|
|
|
- placeholder="验证码"
|
|
|
|
- :maxlength="4"
|
|
|
|
- size="large"
|
|
|
|
- >
|
|
|
|
- <template #prefix><SafetyOutlined /></template>
|
|
|
|
- <template #suffix>
|
|
|
|
- <img
|
|
|
|
- :src="state.captcha"
|
|
|
|
- class="absolute right-0 h-full cursor-pointer"
|
|
|
|
- @click="setCaptcha"
|
|
|
|
- />
|
|
|
|
- </template>
|
|
|
|
- </a-input>
|
|
|
|
- </a-form-item>-->
|
|
|
|
<a-form-item>
|
|
<a-form-item>
|
|
<a-button style="border-radius: 8px;" type="primary" html-type="submit" size="large" :loading="state.loading" block>
|
|
<a-button style="border-radius: 8px;" type="primary" html-type="submit" size="large" :loading="state.loading" block>
|
|
登录
|
|
登录
|
|
@@ -77,16 +60,13 @@
|
|
|
|
|
|
const setCaptcha = async () => {
|
|
const setCaptcha = async () => {
|
|
|
|
|
|
- /*const { id, img } = await getImageCaptcha({ width: 100, height: 50 });
|
|
|
|
- state.captcha = img;
|
|
|
|
- state.formInline.captchaId = id;*/
|
|
|
|
};
|
|
};
|
|
setCaptcha();
|
|
setCaptcha();
|
|
|
|
|
|
const handleSubmit = async () => {
|
|
const handleSubmit = async () => {
|
|
const { username, password, verifyCode } = state.formInline;
|
|
const { username, password, verifyCode } = state.formInline;
|
|
if (username.trim() == '' || password.trim() == '') {
|
|
if (username.trim() == '' || password.trim() == '') {
|
|
- return message.warning('用户名或密码不能为空!');
|
|
|
|
|
|
+ return message.warning('账号或密码不能为空!');
|
|
}
|
|
}
|
|
/*if (!verifyCode) {
|
|
/*if (!verifyCode) {
|
|
return message.warning('请输入验证码!');
|
|
return message.warning('请输入验证码!');
|