后台访问登陆验证
This commit is contained in:
wanyongkang
@@ -23,126 +23,141 @@
|
||||
type="primary">登录
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-form>
|
||||
</section>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
data: function() {
|
||||
return {
|
||||
loginByNormal: true,
|
||||
disabled: false,
|
||||
vaildimg: '',
|
||||
data: {
|
||||
Logincode: "",
|
||||
Password: "",
|
||||
Code: "",
|
||||
CodeKey: "",
|
||||
Appcpde: ""
|
||||
},
|
||||
rules: {
|
||||
Logincode: [this.$vaild.required("账号")],
|
||||
Password: [this.$vaild.required("密码")],
|
||||
Code: [this.$vaild.required("验证码")]
|
||||
},
|
||||
menus:[]
|
||||
}
|
||||
},
|
||||
created: function() {
|
||||
this.getvaild();
|
||||
import Fingerprint from './../../../../static/js/fingerprint.js'
|
||||
|
||||
let finger = new Fingerprint()
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
data: function () {
|
||||
return {
|
||||
loginByNormal: true,
|
||||
disabled: false,
|
||||
vaildimg: '',
|
||||
data: {
|
||||
Logincode: '',
|
||||
Password: '',
|
||||
Code: '',
|
||||
CodeKey: '',
|
||||
Appcpde: ''
|
||||
},
|
||||
rules: {
|
||||
Logincode: [this.$vaild.required('账号')],
|
||||
Password: [this.$vaild.required('密码')],
|
||||
Code: [this.$vaild.required('验证码')]
|
||||
},
|
||||
menus: []
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.getvaild()
|
||||
this.confire_finger()
|
||||
},
|
||||
beforeDestroy: function () {
|
||||
clearTimeout(this.timerId)
|
||||
},
|
||||
methods: {
|
||||
|
||||
// 验证web指纹
|
||||
confire_finger () {
|
||||
let finger_code = finger.get()
|
||||
this.$api.post(this.$api.phpURL + 'api/Verify/index', {code: finger_code}).then(res => {
|
||||
if (res.msg == 'false') {
|
||||
// eslint-disable-next-line camelcase
|
||||
alert('访问错误！错误码：' + finger_code)
|
||||
window.location.href = 'http://www.juip.com'
|
||||
}
|
||||
})
|
||||
},
|
||||
beforeDestroy: function() {
|
||||
clearTimeout(this.timerId);
|
||||
},
|
||||
methods: {
|
||||
getMenus() {
|
||||
getMenus () {
|
||||
this.$api
|
||||
.get("manage/v1/ManagerToPermission/GetPermissions")
|
||||
.then(res => {
|
||||
var menus = res.Data;
|
||||
this.$local.setMenus(menus);
|
||||
this.$store.commit('setMnus', menus);
|
||||
var defulat=this.getDefaultMenu(menus);
|
||||
this.$router.replace(defulat);
|
||||
});
|
||||
.get('manage/v1/ManagerToPermission/GetPermissions')
|
||||
.then(res => {
|
||||
var menus = res.Data
|
||||
this.$local.setMenus(menus)
|
||||
this.$store.commit('setMnus', menus)
|
||||
var defulat = this.getDefaultMenu(menus)
|
||||
this.$router.replace(defulat)
|
||||
})
|
||||
},
|
||||
getDefaultMenu(menus){
|
||||
if(menus.length==0)return "/login"
|
||||
var sumMenus;
|
||||
for(var i=0;i<menus.length;i++){
|
||||
sumMenus=menus[i].Children;
|
||||
if(sumMenus) break;
|
||||
}
|
||||
if(sumMenus.length==0) return "/login";
|
||||
return sumMenus[0].Permissionurl;
|
||||
},
|
||||
getvaild() {
|
||||
this.$api.get('baseinfo/v1/manager/GetValidateCode').then(res=>{
|
||||
var img = "data:image/jpg;base64," + res.Data.img;
|
||||
this.vaildimg = img;
|
||||
this.data.CodeKey = res.Data.key;
|
||||
clearTimeout(this.timerId);
|
||||
this.timerId = setTimeout(() => {
|
||||
this.getvaild();
|
||||
}, 10 * 60 * 1000)
|
||||
})
|
||||
|
||||
},
|
||||
submit: function(e) {
|
||||
e.preventDefault();
|
||||
this.$refs.form.validate(pass => {
|
||||
if (!pass) return;
|
||||
this.login();
|
||||
})
|
||||
},
|
||||
loginSuccess: function(data) {
|
||||
this.userInfo = data;
|
||||
window.localStorage.clear(); //防止有未清理的缓存
|
||||
this.$local.setUserCache(data)
|
||||
this.$store.commit('updateUserInfo', data);
|
||||
window.localStorage.setItem("loginType", "property");
|
||||
this.getMenus();
|
||||
// this.$router.replace('/user/index');
|
||||
|
||||
},
|
||||
isNewUser(id) {
|
||||
this.$api.get({
|
||||
url: 'Manager/Account',
|
||||
params: {
|
||||
params: {
|
||||
ID: id
|
||||
}
|
||||
},
|
||||
success: (res) => {
|
||||
if (res.Data.LoginCount <= 1) return this.$router.push({
|
||||
name: "initlogin"
|
||||
});
|
||||
this.$router.push('/home');
|
||||
},
|
||||
failTip: '登录失败'
|
||||
})
|
||||
},
|
||||
login() {
|
||||
this.$api.post('baseinfo/v1/manager/Login',this.data).then(
|
||||
res=>{
|
||||
if (res.Data){
|
||||
this.loginSuccess(res.Data);
|
||||
return;
|
||||
}
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "无此用户信息"
|
||||
})
|
||||
},err=>{
|
||||
this.getvaild();
|
||||
})
|
||||
getDefaultMenu (menus) {
|
||||
if (menus.length == 0) return '/login'
|
||||
var sumMenus
|
||||
for (var i = 0; i < menus.length; i++) {
|
||||
sumMenus = menus[i].Children
|
||||
if (sumMenus) break
|
||||
}
|
||||
if (sumMenus.length == 0) return '/login'
|
||||
return sumMenus[0].Permissionurl
|
||||
},
|
||||
getvaild () {
|
||||
this.$api.get('baseinfo/v1/manager/GetValidateCode').then(res => {
|
||||
var img = 'data:image/jpg;base64,' + res.Data.img
|
||||
this.vaildimg = img
|
||||
this.data.CodeKey = res.Data.key
|
||||
clearTimeout(this.timerId)
|
||||
this.timerId = setTimeout(() => {
|
||||
this.getvaild()
|
||||
}, 10 * 60 * 1000)
|
||||
})
|
||||
},
|
||||
submit: function (e) {
|
||||
e.preventDefault()
|
||||
this.$refs.form.validate(pass => {
|
||||
if (!pass) return
|
||||
this.login()
|
||||
})
|
||||
},
|
||||
loginSuccess: function (data) {
|
||||
this.userInfo = data
|
||||
window.localStorage.clear() // 防止有未清理的缓存
|
||||
this.$local.setUserCache(data)
|
||||
this.$store.commit('updateUserInfo', data)
|
||||
window.localStorage.setItem('loginType', 'property')
|
||||
this.getMenus()
|
||||
// this.$router.replace('/user/index');
|
||||
},
|
||||
isNewUser (id) {
|
||||
this.$api.get({
|
||||
url: 'Manager/Account',
|
||||
params: {
|
||||
params: {
|
||||
ID: id
|
||||
}
|
||||
},
|
||||
success: (res) => {
|
||||
if (res.Data.LoginCount <= 1) {
|
||||
return this.$router.push({
|
||||
name: 'initlogin'
|
||||
})
|
||||
}
|
||||
this.$router.push('/home')
|
||||
},
|
||||
failTip: '登录失败'
|
||||
})
|
||||
},
|
||||
login () {
|
||||
this.$api.post('baseinfo/v1/manager/Login', this.data).then(
|
||||
res => {
|
||||
if (res.Data) {
|
||||
this.loginSuccess(res.Data)
|
||||
return
|
||||
}
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: '无此用户信息'
|
||||
})
|
||||
}, err => {
|
||||
this.getvaild()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
267
static/js/fingerprint.js
Normal file
267
static/js/fingerprint.js
Normal file
@@ -0,0 +1,267 @@
|
||||
/*
|
||||
* fingerprintJS 0.5.3 - Fast browser fingerprint library
|
||||
* https://github.com/Valve/fingerprintjs
|
||||
* Copyright (c) 2013 Valentin Vasilyev (valentin.vasilyev@outlook.com)
|
||||
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
|
||||
*/
|
||||
|
||||
;(function (name, context, definition) {
|
||||
if (typeof module !== 'undefined' && module.exports) { module.exports = definition(); }
|
||||
else if (typeof define === 'function' && define.amd) { define(definition); }
|
||||
else { context[name] = definition(); }
|
||||
})('Fingerprint', this, function () {
|
||||
'use strict';
|
||||
|
||||
var Fingerprint = function (options) {
|
||||
var nativeForEach, nativeMap;
|
||||
nativeForEach = Array.prototype.forEach;
|
||||
nativeMap = Array.prototype.map;
|
||||
|
||||
this.each = function (obj, iterator, context) {
|
||||
if (obj === null) {
|
||||
return;
|
||||
}
|
||||
if (nativeForEach && obj.forEach === nativeForEach) {
|
||||
obj.forEach(iterator, context);
|
||||
} else if (obj.length === +obj.length) {
|
||||
for (var i = 0, l = obj.length; i < l; i++) {
|
||||
if (iterator.call(context, obj[i], i, obj) === {}) return;
|
||||
}
|
||||
} else {
|
||||
for (var key in obj) {
|
||||
if (obj.hasOwnProperty(key)) {
|
||||
if (iterator.call(context, obj[key], key, obj) === {}) return;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
this.map = function(obj, iterator, context) {
|
||||
var results = [];
|
||||
// Not using strict equality so that this acts as a
|
||||
// shortcut to checking for `null` and `undefined`.
|
||||
if (obj == null) return results;
|
||||
if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
|
||||
this.each(obj, function(value, index, list) {
|
||||
results[results.length] = iterator.call(context, value, index, list);
|
||||
});
|
||||
return results;
|
||||
};
|
||||
|
||||
if (typeof options == 'object'){
|
||||
this.hasher = options.hasher;
|
||||
this.screen_resolution = options.screen_resolution;
|
||||
this.canvas = options.canvas;
|
||||
this.ie_activex = options.ie_activex;
|
||||
} else if(typeof options == 'function'){
|
||||
this.hasher = options;
|
||||
}
|
||||
};
|
||||
|
||||
Fingerprint.prototype = {
|
||||
get: function(){
|
||||
var keys = [];
|
||||
keys.push(navigator.userAgent);
|
||||
keys.push(navigator.language);
|
||||
keys.push(screen.colorDepth);
|
||||
if (this.screen_resolution) {
|
||||
var resolution = this.getScreenResolution();
|
||||
if (typeof resolution !== 'undefined'){ // headless browsers, such as phantomjs
|
||||
keys.push(this.getScreenResolution().join('x'));
|
||||
}
|
||||
}
|
||||
keys.push(new Date().getTimezoneOffset());
|
||||
keys.push(this.hasSessionStorage());
|
||||
keys.push(this.hasLocalStorage());
|
||||
keys.push(!!window.indexedDB);
|
||||
//body might not be defined at this point or removed programmatically
|
||||
if(document.body){
|
||||
keys.push(typeof(document.body.addBehavior));
|
||||
} else {
|
||||
keys.push(typeof undefined);
|
||||
}
|
||||
keys.push(typeof(window.openDatabase));
|
||||
keys.push(navigator.cpuClass);
|
||||
keys.push(navigator.platform);
|
||||
keys.push(navigator.doNotTrack);
|
||||
keys.push(this.getPluginsString());
|
||||
if(this.canvas && this.isCanvasSupported()){
|
||||
keys.push(this.getCanvasFingerprint());
|
||||
}
|
||||
if(this.hasher){
|
||||
return this.hasher(keys.join('###'), 31);
|
||||
} else {
|
||||
return this.murmurhash3_32_gc(keys.join('###'), 31);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
|
||||
*
|
||||
* @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
|
||||
* @see http://github.com/garycourt/murmurhash-js
|
||||
* @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
|
||||
* @see http://sites.google.com/site/murmurhash/
|
||||
*
|
||||
* @param {string} key ASCII only
|
||||
* @param {number} seed Positive integer only
|
||||
* @return {number} 32-bit positive integer hash
|
||||
*/
|
||||
|
||||
murmurhash3_32_gc: function(key, seed) {
|
||||
var remainder, bytes, h1, h1b, c1, c2, k1, i;
|
||||
|
||||
remainder = key.length & 3; // key.length % 4
|
||||
bytes = key.length - remainder;
|
||||
h1 = seed;
|
||||
c1 = 0xcc9e2d51;
|
||||
c2 = 0x1b873593;
|
||||
i = 0;
|
||||
|
||||
while (i < bytes) {
|
||||
k1 =
|
||||
((key.charCodeAt(i) & 0xff)) |
|
||||
((key.charCodeAt(++i) & 0xff) << 8) |
|
||||
((key.charCodeAt(++i) & 0xff) << 16) |
|
||||
((key.charCodeAt(++i) & 0xff) << 24);
|
||||
++i;
|
||||
|
||||
k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
|
||||
k1 = (k1 << 15) | (k1 >>> 17);
|
||||
k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
|
||||
|
||||
h1 ^= k1;
|
||||
h1 = (h1 << 13) | (h1 >>> 19);
|
||||
h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
|
||||
h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
|
||||
}
|
||||
|
||||
k1 = 0;
|
||||
|
||||
switch (remainder) {
|
||||
case 3: k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
|
||||
case 2: k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
|
||||
case 1: k1 ^= (key.charCodeAt(i) & 0xff);
|
||||
|
||||
k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
|
||||
k1 = (k1 << 15) | (k1 >>> 17);
|
||||
k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
|
||||
h1 ^= k1;
|
||||
}
|
||||
|
||||
h1 ^= key.length;
|
||||
|
||||
h1 ^= h1 >>> 16;
|
||||
h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
|
||||
h1 ^= h1 >>> 13;
|
||||
h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
|
||||
h1 ^= h1 >>> 16;
|
||||
|
||||
return h1 >>> 0;
|
||||
},
|
||||
|
||||
// https://bugzilla.mozilla.org/show_bug.cgi?id=781447
|
||||
hasLocalStorage: function () {
|
||||
try{
|
||||
return !!window.localStorage;
|
||||
} catch(e) {
|
||||
return true; // SecurityError when referencing it means it exists
|
||||
}
|
||||
},
|
||||
|
||||
hasSessionStorage: function () {
|
||||
try{
|
||||
return !!window.sessionStorage;
|
||||
} catch(e) {
|
||||
return true; // SecurityError when referencing it means it exists
|
||||
}
|
||||
},
|
||||
|
||||
isCanvasSupported: function () {
|
||||
var elem = document.createElement('canvas');
|
||||
return !!(elem.getContext && elem.getContext('2d'));
|
||||
},
|
||||
|
||||
isIE: function () {
|
||||
if(navigator.appName === 'Microsoft Internet Explorer') {
|
||||
return true;
|
||||
} else if(navigator.appName === 'Netscape' && /Trident/.test(navigator.userAgent)){// IE 11
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
getPluginsString: function () {
|
||||
if(this.isIE() && this.ie_activex){
|
||||
return this.getIEPluginsString();
|
||||
} else {
|
||||
return this.getRegularPluginsString();
|
||||
}
|
||||
},
|
||||
|
||||
getRegularPluginsString: function () {
|
||||
return this.map(navigator.plugins, function (p) {
|
||||
var mimeTypes = this.map(p, function(mt){
|
||||
return [mt.type, mt.suffixes].join('~');
|
||||
}).join(',');
|
||||
return [p.name, p.description, mimeTypes].join('::');
|
||||
}, this).join(';');
|
||||
},
|
||||
|
||||
getIEPluginsString: function () {
|
||||
if(window.ActiveXObject){
|
||||
var names = ['ShockwaveFlash.ShockwaveFlash',//flash plugin
|
||||
'AcroPDF.PDF', // Adobe PDF reader 7+
|
||||
'PDF.PdfCtrl', // Adobe PDF reader 6 and earlier, brrr
|
||||
'QuickTime.QuickTime', // QuickTime
|
||||
// 5 versions of real players
|
||||
'rmocx.RealPlayer G2 Control',
|
||||
'rmocx.RealPlayer G2 Control.1',
|
||||
'RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)',
|
||||
'RealVideo.RealVideo(tm) ActiveX Control (32-bit)',
|
||||
'RealPlayer',
|
||||
'SWCtl.SWCtl', // ShockWave player
|
||||
'WMPlayer.OCX', // Windows media player
|
||||
'AgControl.AgControl', // Silverlight
|
||||
'Skype.Detection'];
|
||||
|
||||
// starting to detect plugins in IE
|
||||
return this.map(names, function(name){
|
||||
try{
|
||||
new ActiveXObject(name);
|
||||
return name;
|
||||
} catch(e){
|
||||
return null;
|
||||
}
|
||||
}).join(';');
|
||||
} else {
|
||||
return ""; // behavior prior version 0.5.0, not breaking backwards compat.
|
||||
}
|
||||
},
|
||||
|
||||
getScreenResolution: function () {
|
||||
return [screen.height, screen.width];
|
||||
},
|
||||
|
||||
getCanvasFingerprint: function () {
|
||||
var canvas = document.createElement('canvas');
|
||||
var ctx = canvas.getContext('2d');
|
||||
// https://www.browserleaks.com/canvas#how-does-it-work
|
||||
var txt = 'http://valve.github.io';
|
||||
ctx.textBaseline = "top";
|
||||
ctx.font = "14px 'Arial'";
|
||||
ctx.textBaseline = "alphabetic";
|
||||
ctx.fillStyle = "#f60";
|
||||
ctx.fillRect(125,1,62,20);
|
||||
ctx.fillStyle = "#069";
|
||||
ctx.fillText(txt, 2, 15);
|
||||
ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
|
||||
ctx.fillText(txt, 4, 17);
|
||||
return canvas.toDataURL();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
return Fingerprint;
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user