| | |
| | | </div> |
| | | </template> |
| | | <div class="face-login" v-else> |
| | | <span class="iconfont icon-renlianshibie" title="人脸识别登录" @click="face.show=true"></span> |
| | | <span class="iconfont icon-renlianshibie" title="人脸识别登录" @click="faceShow()"></span> |
| | | <div>点击上图进行人脸识别登录</div> |
| | | </div> |
| | | </div> |
| | |
| | | var vm = new Vue({ |
| | | el: '#login', |
| | | data: { |
| | | num:0, |
| | | ms:900, |
| | | userfocus: false, |
| | | pwdfoucus: false, |
| | | guestfocus: false, |
| | |
| | | type: '', |
| | | detect: '', |
| | | timer: new Timeout(), |
| | | timer02: new Timeout(), |
| | | hCookie: new HCookie(), |
| | | stream: '', |
| | | } |
| | |
| | | }, |
| | | startExeFaceApi: function() { |
| | | var type = this.face.type; |
| | | this.face.timer.start(()=>{ |
| | | this.exeFaceApi(type); |
| | | }, 1000); |
| | | this.face.timer.start(()=>{ |
| | | this.exeFaceApi(type); |
| | | }, 1000); |
| | | |
| | | }, |
| | | exeFaceApi: function(type) { |
| | | switch(type) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | faceShow(){ |
| | | let self = this; |
| | | let loginFails = sessionStorage.getItem("loginFails"); |
| | | if(!loginFails){ |
| | | sessionStorage.setItem("loginFails",1); |
| | | }else if(loginFails<6){ |
| | | loginFails++; |
| | | sessionStorage.setItem("loginFails",loginFails); |
| | | } |
| | | self.face.show=true; |
| | | }, |
| | | faceSearch(){ |
| | | // |
| | | let self = this; |
| | | let loginFails = sessionStorage.getItem("loginFails"); |
| | | // 验证Ukey是否存在 |
| | | if(!this.bConnect) { |
| | | this.face.detect = "Ukey未插入"; |
| | | this.face.timer.open(); |
| | | return; |
| | | } |
| | | if(self.num > 49){ |
| | | self.face.show = false; |
| | | self.stopRecorder(); |
| | | self.num = 0; |
| | | return false; |
| | | } |
| | | self.num++; |
| | | var imgInfo = this.getImgInfo(this.face.img); |
| | | if(imgInfo.code == 1) { |
| | | // var access_token = this.face.hCookie.getCookie('access_token') |
| | | // // 获取到access_token |
| | | // if(!access_token) { |
| | | // this.msg="读取到access_token"; |
| | | // this.setAccessToken('search'); |
| | | // return; |
| | | // } |
| | | var self = this; |
| | | // 构造查询条件 |
| | | // var searchParams = { |
| | | // image: imgInfo.data, |
| | | // image_type: 'BASE64', |
| | | // accessToken: access_token, |
| | | // liveness_control: 'NORMAL', |
| | | // group_id_list: 'group_repeat,10001', |
| | | // quality_control: 'LOW' |
| | | // }; |
| | | let searchParams = { |
| | | uKeyId:this.info.UKey_ID, |
| | | fileData:imgInfo.data |
| | | fileData:imgInfo.data, |
| | | loginFails:Number(loginFails) |
| | | } |
| | | // 请求后台进行人脸检测 |
| | | $.ajax({ |
| | |
| | | success: function(res) { |
| | | var rs = JSON.parse(res.result); |
| | | if(rs && rs.code == 1){ |
| | | sessionStorage.setItem("loginFails",0); |
| | | self.toIndex('index-outline.jsp'); |
| | | }else{ |
| | | self.face.detect = rs.msg |
| | | if(rs.data){ |
| | | sessionStorage.setItem("loginFails",0); |
| | | self.face.detect = rs.msg + "请" + rs.data + "秒后再试!" |
| | | }else{ |
| | | self.face.detect = rs.msg |
| | | } |
| | | |
| | | self.face.timer.open(); |
| | | } |
| | | // if(rs && rs.error_code == 0) { |
| | | // var username=""; |
| | | // var userList = rs.result.user_list; |
| | | // for(var i=0; i<userList.length; i++) { |
| | | // if(userList[i].score>90) { |
| | | // username = userList[i].user_id; |
| | | // break; |
| | | // } |
| | | // } |
| | | // if(username) { |
| | | // self.searchUserPwd(username); |
| | | // }else { |
| | | // self.face.detect = "未在人脸库中匹配到用户"; |
| | | // } |
| | | // }else { |
| | | // if(rs) { |
| | | // self.face.detect = faceInfo.getErrorMsg(rs.error_code); |
| | | // }else { |
| | | // self.face.detect = faceInfo.getErrorMsg(222916); |
| | | // } |
| | | // |
| | | // |
| | | // } |
| | | // self.face.timer.open(); |
| | | }, |
| | | error: function(e){ |
| | | self.face.detect = "网络连接异常,请检测您的网络。"; |
| | |
| | | var self = this; |
| | | // 接入ukey监控 |
| | | this.ukeyLoad(); |
| | | |
| | | setTimeout(function(){ |
| | | self.pageLoading = false; |
| | | }, 1800); |