diff --git a/src/api/login.js b/src/api/login.js index f9dc8b6..4661946 100644 --- a/src/api/login.js +++ b/src/api/login.js @@ -25,6 +25,17 @@ }) } +// 查询是否扫码登录 +export function checkIsLogined(qrcodeId) { + return request({ + url: 'qrCode/checkIsLogined', + method: 'post', + params: { + qrcodeId: qrcodeId + } + }) +} + // 获取用户信息 export function getInfo() { return request({ diff --git a/src/api/login.js b/src/api/login.js index f9dc8b6..4661946 100644 --- a/src/api/login.js +++ b/src/api/login.js @@ -25,6 +25,17 @@ }) } +// 查询是否扫码登录 +export function checkIsLogined(qrcodeId) { + return request({ + url: 'qrCode/checkIsLogined', + method: 'post', + params: { + qrcodeId: qrcodeId + } + }) +} + // 获取用户信息 export function getInfo() { return request({ diff --git a/src/utils/request.js b/src/utils/request.js index 54336ab..207c584 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -54,6 +54,9 @@ } else if (res.status === 1000) { // 天气网的正常返回 return response.data + } else if (res.code === 501) { + // 扫码返回正常 + return response.data } else { Message({ showClose: true, diff --git a/src/api/login.js b/src/api/login.js index f9dc8b6..4661946 100644 --- a/src/api/login.js +++ b/src/api/login.js @@ -25,6 +25,17 @@ }) } +// 查询是否扫码登录 +export function checkIsLogined(qrcodeId) { + return request({ + url: 'qrCode/checkIsLogined', + method: 'post', + params: { + qrcodeId: qrcodeId + } + }) +} + // 获取用户信息 export function getInfo() { return request({ diff --git a/src/utils/request.js b/src/utils/request.js index 54336ab..207c584 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -54,6 +54,9 @@ } else if (res.status === 1000) { // 天气网的正常返回 return response.data + } else if (res.code === 501) { + // 扫码返回正常 + return response.data } else { Message({ showClose: true, diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 967ad70..cfc91e7 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -45,7 +45,7 @@ - + @@ -190,6 +190,9 @@ }) }, handleChangeLoginType() { + // 关闭扫码登录的定时器 + this.$refs.qrcode.tryLoginCount = -1 + // 如果是人脸登录方式则打开摄像头 if (this.loginType === 'face') { // 进入人脸登录页，打开摄像头 @@ -204,7 +207,6 @@ this.tryCount = 0 this.faceList = [] if (this.loginType === 'qrcode') { - console.log('111') // 二维码扫码登录 this.$refs.qrcode.initQrCode() } @@ -264,6 +266,21 @@ this.loginType = 'password' // 切换回密码登录 this.handleChangeLoginType() } + }, + handleQrCodeError() { + this.$message.error('二维码获取失败，请重试或联系管理员') + this.loginType = 'password' // 切换回密码登录 + this.handleChangeLoginType() + }, + handleQrCodeLogin(token) { + // 设置token + setToken(token) + this.$store.commit('SET_TOKEN', token) + + // 跳转页面 + this.$message.success('登录成功') + removeCurrentSys() + this.$router.push({ path: '/' }) } } } diff --git a/src/api/login.js b/src/api/login.js index f9dc8b6..4661946 100644 --- a/src/api/login.js +++ b/src/api/login.js @@ -25,6 +25,17 @@ }) } +// 查询是否扫码登录 +export function checkIsLogined(qrcodeId) { + return request({ + url: 'qrCode/checkIsLogined', + method: 'post', + params: { + qrcodeId: qrcodeId + } + }) +} + // 获取用户信息 export function getInfo() { return request({ diff --git a/src/utils/request.js b/src/utils/request.js index 54336ab..207c584 100644 --- a/src/utils/request.js +++ b/src/utils/request.js @@ -54,6 +54,9 @@ } else if (res.status === 1000) { // 天气网的正常返回 return response.data + } else if (res.code === 501) { + // 扫码返回正常 + return response.data } else { Message({ showClose: true, diff --git a/src/views/login/index.vue b/src/views/login/index.vue index 967ad70..cfc91e7 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -45,7 +45,7 @@ - + @@ -190,6 +190,9 @@ }) }, handleChangeLoginType() { + // 关闭扫码登录的定时器 + this.$refs.qrcode.tryLoginCount = -1 + // 如果是人脸登录方式则打开摄像头 if (this.loginType === 'face') { // 进入人脸登录页，打开摄像头 @@ -204,7 +207,6 @@ this.tryCount = 0 this.faceList = [] if (this.loginType === 'qrcode') { - console.log('111') // 二维码扫码登录 this.$refs.qrcode.initQrCode() } @@ -264,6 +266,21 @@ this.loginType = 'password' // 切换回密码登录 this.handleChangeLoginType() } + }, + handleQrCodeError() { + this.$message.error('二维码获取失败，请重试或联系管理员') + this.loginType = 'password' // 切换回密码登录 + this.handleChangeLoginType() + }, + handleQrCodeLogin(token) { + // 设置token + setToken(token) + this.$store.commit('SET_TOKEN', token) + + // 跳转页面 + this.$message.success('登录成功') + removeCurrentSys() + this.$router.push({ path: '/' }) } } } diff --git a/src/views/login/qrCodeLogin.vue b/src/views/login/qrCodeLogin.vue index 73c1c0c..8297f9a 100644 --- a/src/views/login/qrCodeLogin.vue +++ b/src/views/login/qrCodeLogin.vue @@ -7,33 +7,111 @@ fit="cover" /> -
+
+ 打开 华新驾驶舱 扫一扫登录 +
+ +
+
该二维码已失效
+ 请点击刷新 +