From 5dc9d1b98ea27422dbea14857dad5c7367eaedfe Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 16 十二月 2024 11:08:01 +0800 Subject: [PATCH] 测试完成 --- src/views/login.vue | 41 ++++++++++++++++++++++++++++++++--------- 1 files changed, 32 insertions(+), 9 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index ce46604..272c39b 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -36,6 +36,18 @@ /> </el-input> </el-form-item> + <el-form-item prop="guid"> + <el-select style="width: 100%;" v-model="loginForm.guid" placeholder="璇烽�夋嫨闄㈠尯"> + <el-option + v-for="item in options" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + <i slot="prefix" class="el-icon-mobile"></i> + </el-select> + </el-form-item> <!-- <el-form-item prop="code" v-if="captchaEnabled"> <el-input v-model="loginForm.code" @@ -100,7 +112,13 @@ rememberMe: false, code: "", uuid: "", + guid:'', }, + options: [ + { value: "1", label: "涓尰澶т簩闄�" }, + { value: "2", label: "涓尰澶т笁闄�" }, + { value: "3", label: "涓尰澶у洓闄�" }, + { value: "4", label: "涓尰澶т簲闄�" },], loginRules: { username: [ { required: true, trigger: "blur", message: "璇疯緭鍏ユ偍鐨勮处鍙�" }, @@ -108,7 +126,7 @@ password: [ { required: true, trigger: "blur", message: "璇疯緭鍏ユ偍鐨勫瘑鐮�" }, ], - // code: [{ required: true, trigger: "change", message: "璇疯緭鍏ラ獙璇佺爜" }], + guid: [{ required: true, trigger: "blur", message: "璇烽�夋嫨闄㈠尯" }], }, loading: false, // 楠岃瘉鐮佸紑鍏� @@ -129,6 +147,9 @@ created() { this.getCode(); this.getCookie(); + if (localStorage.getItem('guid')) { + this.loginForm.guid = localStorage.getItem('guid'); + } }, methods: { getCode() { @@ -170,6 +191,7 @@ Cookies.remove("password"); Cookies.remove("rememberMe"); } + localStorage.removeItem('guid'); this.$store .dispatch("Login", this.loginForm) .then(() => { @@ -194,17 +216,17 @@ justify-content: center; align-items: center; height: 100%; - overflow:hidden !important; + overflow: hidden !important; background-position: center center; /* 鑳屾櫙鍥句笉骞抽摵 */ -background-repeat: no-repeat; -/* 褰撳唴瀹归珮搴﹀ぇ浜庡浘鐗囬珮搴︽椂锛岃儗鏅浘鍍忕殑浣嶇疆鐩稿浜巚iewport鍥哄畾 */ -background-attachment: fixed; -/* 璁╄儗鏅浘鍩轰簬瀹瑰櫒澶у皬浼哥缉 */ -background-size: cover; -/* 璁剧疆鑳屾櫙棰滆壊锛岃儗鏅浘鍔犺浇杩囩▼涓細鏄剧ず鑳屾櫙鑹� */ -background-color: #464646; + background-repeat: no-repeat; + /* 褰撳唴瀹归珮搴﹀ぇ浜庡浘鐗囬珮搴︽椂锛岃儗鏅浘鍍忕殑浣嶇疆鐩稿浜巚iewport鍥哄畾 */ + background-attachment: fixed; + /* 璁╄儗鏅浘鍩轰簬瀹瑰櫒澶у皬浼哥缉 */ + background-size: cover; + /* 璁剧疆鑳屾櫙棰滆壊锛岃儗鏅浘鍔犺浇杩囩▼涓細鏄剧ず鑳屾櫙鑹� */ + background-color: #464646; background-image: url("../assets/images/login-background.jpg"); background-size: cover; } @@ -257,6 +279,7 @@ font-size: 12px; letter-spacing: 1px; } + .login-code-img { height: 38px; } -- Gitblit v1.9.3