From 2a125174ea501d53c59f627347bdec9012928960 Mon Sep 17 00:00:00 2001 From: china <527956374@qq.com> Date: 星期一, 17 四月 2023 13:55:52 +0800 Subject: [PATCH] 拼图滑块验证 --- src/views/user/login.vue | 37 ++++++++++--------------------------- 1 files changed, 10 insertions(+), 27 deletions(-) diff --git a/src/views/user/login.vue b/src/views/user/login.vue index 6e8be39..3096f7a 100644 --- a/src/views/user/login.vue +++ b/src/views/user/login.vue @@ -43,7 +43,7 @@ <el-form-item v-if="loginForm.verifyType==='jigsaw'"> <!-- <drag-verify @success="verifyTrue" ref="verify"/>--> <transition duration="1000" name="el-fade-in" v-if="verify"> - <jigsaw-verify v-if="loginForm.verifyType==='jigsaw'" :left="left" :top="top" @hide="verifyFalse" @success="jigsawLogin" /> + <jigsaw-verify v-if="loginForm.verifyType==='jigsaw'" :left="left" :top="top" @hide="verifyFalse" @success="handleLogin" /> </transition> </el-form-item> <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">璁颁綇瀵嗙爜</el-checkbox> @@ -176,13 +176,18 @@ this.loginForm.rememberMe = rememberMe === undefined ? this.loginForm.rememberMe : rememberMe }, handleLogin(param) { - if(this.loginForm.verifyType==='jigsaw' && param != null){ + // 鎷煎浘楠岃瘉 娌℃湁杩斿洖param鏃跺�� + if(this.loginForm.verifyType==='jigsaw' && !param.uuid){ + this.verify = true + return false + } + // 鎷煎浘楠岃瘉 杩斿洖param鏃跺�� + if(this.loginForm.verifyType==='jigsaw' && param.uuid){ // 鎷煎浘楠岃瘉鐮佹椂锛岃皟鐢ㄦ柟浼氫紶鍏ode锛堢敤鎴烽獙璇佺爜浣嶇疆锛夛紝uuid this.loginForm.code = param.x; this.loginForm.uuid = param.uuid; - this.verify = true - }else{ - this.$refs.loginForm.validate(valid => { + } + this.$refs.loginForm.validate(valid => { if (valid) { if (this.loginForm.verifyType==='slide' && !this.verify) { this.$message.error('璇峰厛瀹屾垚楠岃瘉') @@ -211,28 +216,6 @@ }); } }); - } - }, - jigsawLogin(){ - this.$refs.loginForm.validate(valid => { - if (valid) { - this.loading = true; - if (this.loginForm.rememberMe) { - Cookies.set("username", this.loginForm.username, { expires: 30 }); - Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 }); - Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 }); - } else { - Cookies.remove("username"); - Cookies.remove("password"); - Cookies.remove('rememberMe'); - } - this.$store.dispatch("Login", this.loginForm).then(() => { - this.$router.push({ path: this.redirect || "/" }).catch(()=>{}); - }).catch(() => { - this.loading = false; - }); - } - }); } } }; -- Gitblit v1.9.1