From c37e4efb8a78a0f1bf85cf29a9286cc312469dbe Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期六, 09 九月 2023 17:09:51 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/view/enter.vue | 349 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 198 insertions(+), 151 deletions(-)
diff --git a/src/view/enter.vue b/src/view/enter.vue
index 523fdb0..56d4eb0 100644
--- a/src/view/enter.vue
+++ b/src/view/enter.vue
@@ -1,122 +1,149 @@
<style scoped>
- .enter {
- width: 100vw;
- height: 100vh;
- display: flex;
- background-image: url("../../static/img/鐧诲綍.png");
- background-size: 100% 100%;
- }
+.enter {
+ width: 100vw;
+ height: 100vh;
+ display: flex;
+ background-image: url("../../static/img/鐧诲綍.png");
+ background-size: 100% 100%;
+}
- .left {
- width: calc(100% - 500px);
- height: 100%;
- overflow: hidden;
- }
+.left {
+ width: calc(100% - 500px);
+ height: 100%;
+ overflow: hidden;
+}
- .left img {
- width: 100%;
- min-height: 100%;
- }
+.left img {
+ width: 100%;
+ min-height: 100%;
+}
- .right {
- width: 600px;
- overflow-y: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- }
+.right {
+ width: 600px;
+ overflow-y: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
- .title_big {
- color: #004EA2;
- font-size: 40px;
- margin-bottom: 8px;
- }
+.title_big {
+ color: #004ea2;
+ font-size: 40px;
+ margin-bottom: 8px;
+}
- .title_small {
- color: #004EA2;
- font-size: 24px;
- }
+.title_small {
+ color: #004ea2;
+ font-size: 24px;
+}
- .elform {
- margin-top: 50px;
- }
+.elform {
+ margin-top: 50px;
+}
- .sao {
- font-size: 14px;
- color: #004EA2;
- width: 100%;
- text-align: right;
- }
+.sao {
+ font-size: 14px;
+ color: #004ea2;
+ width: 100%;
+ text-align: right;
+}
</style>
<style>
- .enter .el-form-item__label {
- font-size: 20px;
- color: #333;
- line-height: 48px;
- }
+.enter .el-form-item__label {
+ font-size: 20px;
+ color: #333;
+ line-height: 48px;
+}
- .enter .el-form-item {
- margin-bottom: 30px;
- }
+.enter .el-form-item {
+ margin-bottom: 30px;
+}
- .enter .el-input__inner {
- height: 48px;
- }
+.enter .el-input__inner {
+ height: 48px;
+}
- .enter .el-button {
- background-color: #1763EB;
- color: #fff;
- border: 0;
- border-radius: 16px;
- width: 100%;
- height: 48px;
- }
+.enter .el-button {
+ background-color: #1763eb;
+ color: #fff;
+ border: 0;
+ border-radius: 16px;
+ width: 100%;
+ height: 48px;
+}
- .enter input::-webkit-input-placeholder,
- .enter textarea::-webkit-input-placeholder {
- font-size: 14px;
- }
+.enter input::-webkit-input-placeholder,
+.enter textarea::-webkit-input-placeholder {
+ font-size: 14px;
+}
- .enter input::-moz-placeholder,
- .enter textarea::-moz-placeholder {
- font-size: 10px;
- }
+.enter input::-moz-placeholder,
+.enter textarea::-moz-placeholder {
+ font-size: 10px;
+}
- .enter input:-ms-input-placeholder,
- .enter textarea:-ms-input-placeholder {
- font-size: 10px;
- }
+.enter input:-ms-input-placeholder,
+.enter textarea:-ms-input-placeholder {
+ font-size: 10px;
+}
- .enter input:-moz-placeholder,
- .enter textarea:-moz-placeholder {
- font-size: 10px;
- }
+.enter input:-moz-placeholder,
+.enter textarea:-moz-placeholder {
+ font-size: 10px;
+}
</style>
<template>
<div class="enter">
<div class="left">
- <img src="../../static/img/鐧诲綍鑳屾櫙.png">
+ <img src="../../static/img/鐧诲綍鑳屾櫙.png" />
</div>
<div class="right">
<div style="width: calc(100% - 100px * 2);">
<div class="title_big">娆㈣繋鎮ㄧ櫥褰曪紒</div>
<div class="title_small">鐢电紗闄勪欢鏂颁竴浠om绯荤粺</div>
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="elform" :hide-required-asterisk="true">
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ class="elform"
+ :hide-required-asterisk="true"
+ >
<el-form-item label="鐢ㄦ埛鍚�" prop="account">
- <el-input v-model="ruleForm.account" placeholder="璇疯緭鍏ヨ处鍙�" clearable></el-input>
+ <el-input
+ v-model="ruleForm.account"
+ placeholder="璇疯緭鍏ヨ处鍙�"
+ clearable
+ ></el-input>
</el-form-item>
<el-form-item label="瀵嗙爜" prop="pwd">
- <el-input v-model="ruleForm.pwd" placeholder="璇疯緭鍏ュ瘑鐮�" clearable show-password></el-input>
+ <el-input
+ v-model="ruleForm.pwd"
+ placeholder="璇疯緭鍏ュ瘑鐮�"
+ clearable
+ show-password
+ ></el-input>
</el-form-item>
<el-form-item style="margin-bottom: 8px;">
- <el-col :span="12"><el-checkbox v-model="ruleForm.remumberme">璁颁綇瀵嗙爜</el-checkbox></el-col>
- <el-col :span="12" style="text-align: right;"><el-checkbox
- v-model="ruleForm.autoenter">鑷姩鐧诲綍</el-checkbox></el-col>
+ <el-col :span="12"
+ ><el-checkbox v-model="ruleForm.remumberme"
+ >璁颁綇瀵嗙爜</el-checkbox
+ ></el-col
+ >
+ <el-col :span="12" style="text-align: right;"
+ ><el-checkbox v-model="ruleForm.autoenter"
+ >鑷姩鐧诲綍</el-checkbox
+ ></el-col
+ >
</el-form-item>
<el-form-item style="margin-bottom: 15px;">
- <el-button type="primary" @click="submitForm('ruleForm')" :loading="btnload">绔嬪嵆鐧诲綍</el-button>
+ <el-button
+ type="primary"
+ @click="submitForm('ruleForm')"
+ :loading="btnload"
+ >绔嬪嵆鐧诲綍</el-button
+ >
</el-form-item>
</el-form>
<div class="sao">寰俊鎵爜鐧诲綍</div>
@@ -126,80 +153,100 @@
</template>
<script>
- export default {
- data() {
- return {
- ruleForm: {
- account: null,
- pwd: null,
- remumberme: false,
- autoenter: false
- },
- rules: {
- account: [{
+export default {
+ data() {
+ return {
+ ruleForm: {
+ account: null,
+ pwd: null,
+ remumberme: false,
+ autoenter: false
+ },
+ rules: {
+ account: [
+ {
required: true,
- message: '璇疯緭鍏ヨ处鍙�',
- trigger: ['blur', 'change']
- }],
- pwd: [{
+ message: "璇疯緭鍏ヨ处鍙�",
+ trigger: ["blur", "change"]
+ }
+ ],
+ pwd: [
+ {
required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: ['blur', 'change']
- }]
- },
- btnload: false
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: ["blur", "change"]
+ }
+ ]
+ },
+ btnload: false
+ };
+ },
+ mounted() {
+ this.ruleForm.remumberme =
+ JSON.parse(localStorage.getItem("rememberme")) == null
+ ? false
+ : JSON.parse(localStorage.getItem("rememberme"));
+ this.ruleForm.autoenter =
+ JSON.parse(localStorage.getItem("autoenter")) == null
+ ? false
+ : JSON.parse(localStorage.getItem("autoenter"));
+ var user = JSON.parse(localStorage.getItem("user"));
+ if (user != null && user != undefined) {
+ if (this.ruleForm.remumberme == true) {
+ this.ruleForm.account = user.account;
+ this.ruleForm.pwd = user.password;
}
- },
- mounted() {
- this.ruleForm.remumberme = JSON.parse(localStorage.getItem('rememberme'))==null?false:JSON.parse(localStorage.getItem('rememberme'))
- this.ruleForm.autoenter = JSON.parse(localStorage.getItem('autoenter'))==null?false:JSON.parse(localStorage.getItem('autoenter'))
- var user = JSON.parse(localStorage.getItem('user'))
- if (user != null && user != undefined) {
- if (this.ruleForm.remumberme==true) {
- this.ruleForm.account = user.account
- this.ruleForm.pwd = user.password
- }
- if (this.ruleForm.autoenter==true) {
- this.submitForm('ruleForm')
- }
+ if (this.ruleForm.autoenter == true) {
+ this.submitForm("ruleForm");
}
- },
- methods: {
- submitForm(formName) {
- this.btnload = true
- this.$refs[formName].validate((valid) => {
- if (valid) {
- this.axios.post(this.$api.url.enter, {
+ }
+ },
+ methods: {
+ submitForm(formName) {
+ this.btnload = true;
+ this.$refs[formName].validate(valid => {
+ if (valid) {
+ this.axios
+ .post(this.$api.url.enter, {
account: this.ruleForm.account,
password: this.ruleForm.pwd
- }).then(res => {
- this.btnload = false
- if (res.data == null) {
- this.$message.error("璐﹀彿鎴栧瘑鐮侀敊璇�")
- return
- }
- localStorage.setItem('rememberme', this.ruleForm.remumberme)
- localStorage.setItem('autoenter', this.ruleForm.autoenter)
- if (this.ruleForm.remumberme==true||this.ruleForm.autoenter==true) localStorage.setItem('user', JSON.stringify({
- account: this.ruleForm.account,
- password: this.ruleForm.pwd,
- name: res.data.name
- }))
- sessionStorage.setItem('token', res.data.token)
- sessionStorage.setItem('reToken', res.data.reToken)
- this.$message.success("鐧诲綍鎴愬姛")
- this.$router.push('/')
- }).catch(e => {
- this.btnload = false
- this.$message.error('鐧诲綍澶辫触, 璇疯仈绯荤鐞嗗憳')
})
- } else {
- this.btnload = false
- this.$message.error('璐﹀彿鎴栧瘑鐮佹湭杈撳叆锛�')
- return false;
- }
- })
- },
+ .then(res => {
+ this.btnload = false;
+ if (res.data == null) {
+ this.$message.error("璐﹀彿鎴栧瘑鐮侀敊璇�");
+ return;
+ }
+ localStorage.setItem("rememberme", this.ruleForm.remumberme);
+ localStorage.setItem("autoenter", this.ruleForm.autoenter);
+ if (
+ this.ruleForm.remumberme == true ||
+ this.ruleForm.autoenter == true
+ )
+ localStorage.setItem(
+ "user",
+ JSON.stringify({
+ account: this.ruleForm.account,
+ password: this.ruleForm.pwd,
+ name: res.data.name
+ })
+ );
+ sessionStorage.setItem("token", res.data.token);
+ sessionStorage.setItem("reToken", res.data.reToken);
+ this.$message.success("鐧诲綍鎴愬姛");
+ this.$router.push("/");
+ })
+ .catch(e => {
+ this.btnload = false;
+ this.$message.error("鐧诲綍澶辫触, 璇疯仈绯荤鐞嗗憳");
+ });
+ } else {
+ this.btnload = false;
+ this.$message.error("璐﹀彿鎴栧瘑鐮佹湭杈撳叆锛�");
+ return false;
+ }
+ });
}
}
+};
</script>
--
Gitblit v1.9.3