From dad44b84ab21f9d1f860760a045015f1cab0aaec Mon Sep 17 00:00:00 2001
From: zrlibs <jesting_rr@163.com>
Date: 星期三, 19 三月 2025 10:57:14 +0800
Subject: [PATCH] fixed
---
src/views/account/login.vue | 150 +++++++++++++++++++++++++++++++++++++-------------
1 files changed, 111 insertions(+), 39 deletions(-)
diff --git a/src/views/account/login.vue b/src/views/account/login.vue
index 533b648..e126806 100644
--- a/src/views/account/login.vue
+++ b/src/views/account/login.vue
@@ -1,28 +1,52 @@
<template>
<div class="login-view">
- <Form :model="formInline" :rules="ruleInline" inline ref="refFormInline">
- <FormItem prop="user">
- <Input type="text" v-model="formInline.user" placeholder="Username">
- <template #prepend>
- <Icon type="ios-person-outline"></Icon>
- </template>
- </Input>
- </FormItem>
- <FormItem prop="password">
- <Input
- type="password"
- v-model="formInline.password"
- placeholder="Password"
+ <div class="login-wrap">
+ <div class="login-account">
+ <div class="account-logo">
+ <img src="http://115.29.185.26:5101/userphoto?login=sa" />
+ </div>
+ <article class="ivu-typography ivu-text-center ivu-mt">
+ <h1 class="ivu-typography">Vue Template<!----></h1>
+ <div class="ivu-typography">
+ 鍩轰簬 Vue3.0銆乂ueRouter 鍜孷iewUIPlus鐨勭鐞嗙郴缁熸ā鏉挎紨绀�+ <!---->
+ </div>
+ </article>
+ <Form
+ class="account-form"
+ :model="form"
+ :rules="rules"
+ label-position="top"
+ ref="refFormInline"
>
- <template #prepend>
- <Icon type="ios-lock-outline"></Icon>
- </template>
- </Input>
- </FormItem>
- <FormItem>
- <Button type="primary" @click="onSignIn">Signin</Button>
- </FormItem>
- </Form>
+ <div class="ivu-login">
+ <FormItem prop="user">
+ <Input
+ type="text"
+ v-model="form.user"
+ size="large"
+ prefix="ios-person-outline"
+ >
+ </Input>
+ </FormItem>
+ <FormItem prop="password">
+ <Input
+ type="password"
+ v-model="form.password"
+ size="large"
+ prefix="ios-lock-outline"
+ >
+ </Input>
+ </FormItem>
+ <FormItem>
+ <Button type="primary" @click="onSignIn" size="large" long
+ >鐧诲綍</Button
+ >
+ </FormItem>
+ </div>
+ </Form>
+ </div>
+ </div>
</div>
</template>
@@ -35,11 +59,11 @@
name: "LoginView",
data() {
return {
- formInline: {
- user: "",
- password: "",
+ form: {
+ user: "admin",
+ password: "0000",
},
- ruleInline: {
+ rules: {
user: [
{
required: true,
@@ -53,24 +77,25 @@
message: "Please fill in the password.",
trigger: "blur",
},
- {
- type: "string",
- min: 6,
- message: "The password length cannot be less than 6 bits",
- trigger: "blur",
- },
],
},
};
},
methods: {
onSignIn() {
+ // 娴嬭瘯鐢ㄦ埛
+ if (this.form.user == "admin" && this.form.password == "0000") {
+ setToken("uid");
+ this.showSuccess("鐧诲綍鎴愬姛");
+ this.$router.push("/");
+ return;
+ }
this.refFormInline.validate(async (valid) => {
try {
if (valid) {
let res = await login({
- user_login: Base64.encode(this.formInline.user),
- user_psw: Base64.encode(this.formInline.password),
+ user_login: Base64.encode(this.form.user),
+ user_psw: Base64.encode(this.form.password),
});
setToken(res.session_id);
this.showSuccess("鐧诲綍鎴愬姛");
@@ -97,11 +122,58 @@
};
</script>
-<style lang="less" scoped>
+<style lang="less">
.login-view {
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-position: right bottom;
+ background-image: url("../../assets/login_bg.png");
+ background-attachment: fixed;
+ .login-wrap {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: 100vh;
+ overflow: auto;
+ }
+ .login-account {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 16px 0 0;
+ max-width: 420px;
+ margin: 0 auto;
+ margin-top: 100px;
+ }
+ .account-logo {
+ width: 80px;
+ height: 80px;
+ margin: 0 auto;
+ border: 1px solid #eee;
+ border-radius: 50%;
+ background-color: #fafafc;
+ img {
+ width: 100%;
+ border-style: none;
+ border-radius: 100%;
+ }
+ }
+ .account-form {
+ margin-top: 32px;
+ }
+ .ivu-form-item {
+ margin-bottom: 24px;
+ vertical-align: top;
+ zoom: 1;
+ }
+ .ivu-form-item-content {
+ position: relative;
+ line-height: 32px;
+ font-size: 14px;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1