From 09a1bd58e04706d7e1d6e1543b990c08a4b8f97c Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期四, 16 一月 2025 13:57:03 +0800 Subject: [PATCH] 测试完成 --- src/views/login.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 46 insertions(+), 10 deletions(-) diff --git a/src/views/login.vue b/src/views/login.vue index 6402807..66935ea 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -6,7 +6,7 @@ :rules="loginRules" class="login-form" > - <h3 class="title">鏅烘収闅忚绠$悊绯荤粺</h3> + <h3 class="title">鏅畞浜烘皯鍖婚櫌鏅烘収闅忚骞冲彴</h3> <el-form-item prop="username"> <el-input v-model="loginForm.username" @@ -36,7 +36,20 @@ /> </el-input> </el-form-item> - <el-form-item prop="code" v-if="captchaEnabled"> + <!-- 涓�===================姘� --> + <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" auto-complete="off" @@ -53,7 +66,7 @@ <div class="login-code"> <img :src="codeUrl" @click="getCode" class="login-code-img" /> </div> - </el-form-item> + </el-form-item> --> <el-checkbox v-model="loginForm.rememberMe" style="margin: 0px 0px 25px 0px" @@ -78,9 +91,9 @@ </el-form-item> </el-form> <!-- 搴曢儴 --> - <div class="el-login-footer"> - <span>Copyright 漏 2018-2022 ruoyi.vip All Rights Reserved.</span> - </div> + <!-- <div class="el-login-footer"> + <span style="color: #568FBD; font-size: 25px;">Copyright 漏 2018-2022 ruoyi.vip All Rights Reserved.</span> + </div> --> </div> </template> @@ -95,12 +108,17 @@ return { codeUrl: "", loginForm: { - username: "admin", - password: "admin123", + username: "", + password: "", rememberMe: false, code: "", uuid: "", + guid:'', }, + options: [ + { value: "1", label: "鏅畞鐣叉棌鑷不鍘夸汉姘戝尰闄�" }, + { value: "2", 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,10 +147,14 @@ created() { this.getCode(); this.getCookie(); + if (localStorage.getItem('guid')) { + this.loginForm.guid = localStorage.getItem('guid'); + } }, methods: { getCode() { getCodeImg().then((res) => { + console.log(res); this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled; if (this.captchaEnabled) { @@ -169,10 +191,12 @@ Cookies.remove("password"); Cookies.remove("rememberMe"); } + localStorage.removeItem('guid'); this.$store .dispatch("Login", this.loginForm) .then(() => { - this.$router.push({ path: this.redirect || "/" }).catch(() => {}); + // this.$router.push({ path: this.redirect || "/" }).catch(() => {}); + this.$router.push({ path:"/patient/patient" }).catch(() => {}); }) .catch(() => { this.loading = false; @@ -193,6 +217,17 @@ justify-content: center; align-items: center; height: 100%; + overflow: hidden !important; + background-position: center center; + + /* 鑳屾櫙鍥句笉骞抽摵 */ + 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; } @@ -245,6 +280,7 @@ font-size: 12px; letter-spacing: 1px; } + .login-code-img { height: 38px; } -- Gitblit v1.9.3